* { margin:0; padding:0;}
body { background:#f8f8f8; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.25em; color:#000;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p {
	margin-bottom:15px;
}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

/*==================list====================*/
ul { list-style:none;}

.top-nav { background-image: url("images/contact-bg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    float: right;
    height: 96px;
    overflow: hidden;
    padding: 16px 0 0;}
.top-nav li { margin-left:-1px; display:inline;}
.top-nav li a { border-left:1px solid #5992bb; font-size:1.15em; color:#7bc523; text-decoration:none; padding:0 14px 0 17px;}
.top-nav li a:hover { text-decoration:underline;}

.nav { width:100%; overflow:hidden; }
.nav li { display:inline;}
.nav li a { display:block; float:left; background:url(images/nav-bg1.gif) left bottom repeat-x; height:44px; line-height:44px; width:151px; text-align:center; margin-top:14px; color:#5e5e5e; text-decoration:none; font-family:"trebuchet ms", helvetica, sans-serif; font-size:1.17em;}
.nav li a.last { width:300px; }
.nav li a#current{height:58px; margin-top:0; line-height:58px; color:#000; background:url(images/nav-bg.gif) left bottom repeat-x;}
.nav li a.last span { background:none;}
.nav li a:hover { height:58px; margin-top:0; line-height:58px; color:#000; background:url(images/nav-bg.gif) left bottom repeat-x;}
.nav li a.current { height:58px; margin-top:0; line-height:58px; color:#000; background:url(images/nav-bg.gif) left bottom repeat-x;}
.nav li a span { background:url(images/divider.gif) right bottom no-repeat; display:block;}

.list1 li { background:url(images/arrow1.gif) no-repeat left 8px; padding:0 0 4px 16px; font-size:1.15em;}
.list1 li a { color:#fff; text-decoration:none;}
.list1 li a:hover { text-decoration:underline;}

.list2 li { background:url(images/arrow2.gif) no-repeat left 8px; padding:0 0 4px 16px; font-size:1.15em;}
.list2 li a { color:#04375b; text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }


/*==================txt, links, lines, titles====================*/
a {color:#4290c7;}
a:hover{text-decoration:none;}

h3 { color:#fff; font-family:"trebuchet ms", helvetica, sans-serif; font-weight:normal; font-size:1.46em; line-height:1.1em; padding:12px 10px 11px 17px;}
h4 { font-family:"trebuchet ms", helvetica, sans-serif; font-size:16px; letter-spacing:-1px; color:#797979; margin-bottom:25px;}
h5 {font-family:"trebuchet ms", helvetica, sans-serif; font-size:16px; letter-spacing:-1px; color:#000; margin-bottom:6px;}

.link1 { display:block; float:left; background:url(images/link1-bg.gif) left top repeat-x; color:#2e566f; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:3px 15px 18px 15px; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line-hor { background:#c7c6c6; height:1px; overflow:hidden; font-size:0; line-height:0; margin:15px 0 20px 0;}
.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}
.line-top { background:#156197; height:3px; overflow:hidden; font-size:0; line-height:0;}

.title { margin-bottom:19px;}

/*==================boxes====================*/
.box1 {
	border:1px solid #88bb0d;
	min-height: 215px;
	height:215px !important;
	height:215px;
	color: #666;
	background-color: #3C0;
}
.box1 .inner { padding:15px 15px 14px 20px;}
.box1 h3 {
	background-color: #090;
}

.box2 {
	border:1px solid #88bb0d;
	min-height: 215px;
	height:215px !important;
	height:215px;
	background-color: #096;
}
.box2 .inner { padding:15px 15px 14px 20px;}
.box2 h3 {
	background-color: #060;
}

.box3 {
	border:1px solid #88bb0d;
	min-height: 215px;
	height:215px !important;
	height:215px;
	background-color: #093;
}
.box3 .inner { padding:15px 15px 14px 20px;}
.box3 h3 {
	background-color: #363;
}

.cont-box { padding:0 20px 0 0; margin:0;}
.cont-box span { float:right;}


/*header*/
#header .row-1 { height:110px;}
#header .row-1 .fleft { padding:31px 0 0 0;}
#header .row-2 { height:58px;}
#header .row-3 { padding:71px 0 0 64px;}
#planningheader .row-3 { padding:71px 0 0 64px;}
#planningheader .row-1 { height:110px;font-size: 0.8em;}
#planningheader .row-1 .fleft { padding:31px 0 0 0;}
#planningheader .row-2 { height:58px;font-size:0.8em;}
#designheader .row-3 { padding:71px 0 0 64px;}
#designheader .row-1 { height:110px;font-size: 0.8em;}
#designheader .row-1 .fleft { padding:31px 0 0 0;}
#designheader .row-2 { height:58px;font-size:0.8em;}

/*content*/
#content { padding:8px 0 27px 0;}
#content .indent { padding:40px 20px 0 19px;}
#content .indent1 { padding:28px 0 0 19px;}

/*footer*/
#footer p { margin:0; padding:18px 0 0 0;}
/*==========================================*/

/*casestudy list*/
ul.list-3by3 {
margin:0 0 0 -9px;
width:974px;
}

.list-3by3 li {
float:left;
font-size:11px;
height:270px;
margin:0 0 12px 12px;
overflow:hidden;
padding:12px;
width: 268px;
}

.list-3by3 h2 {
font-size:14px;
margin:0 0 6px;
padding-left:10pz;
}.webform .item label {
	float: left;
	width: 200px;
}

.gallery{
	width:910px;
	margin-top: 16px;
}

.gallery li{
	float: left;
    font-size: 11px;
    height: 100px; 
    overflow: hidden;
    padding: 10px 6px 10px 7px;
    width: 100px;
}



	
.galleryLinks {
	float: right;
	height: 100%;
	width: 190px;
	background: #fff;
}
#page1 .tail-top .tail-bottom #main #content .row-1 .wrapper form table tr td .item label {
	float: left;
	width: 200px;
}
#page1 .tail-top .tail-bottom #main #content .row-1 .wrapper form table tr td label {
	float: left;
	width: 200px;
}

.name{font-size:10px;}
.filesize{font-size:10px;}#page1 .tail-top .tail-bottom #main #content .row-1 .wrapper .col-3 .box3 form .webform tbody tr td label {
	color: #FFF;
}