/* @override http://www.clcgroup.com/templates/styles/styles.css */

/* @override http://clc.uniteform.com/templates/styles/styles.css */

/* --------------------- GLOBAL RESESTS --------------------- */


* { 
	margin:0px; 
	padding:0px;
	outline:none;
}

html, body {
	margin:0px; 
	padding:0px;
    font-family: verdana, arial, tahoma, helvetica;
	font-size:11px;
	line-height:17px;
	color:#333;	
}

IMG {
	border:0px; 
	display:block;
}



/* --------------------- FONTS --------------------- */


p{
	font:normal 11px verdana;
	color:#333;
	margin-bottom:16px;
	line-height:16px;
}

h1{
	font:bold 18px verdana;
	line-height:18px;
	color:#004E99;
	margin-bottom:14px;
}
h3{
	font:bold 11px verdana;
	line-height:20px;
	color:#999;
	padding-top:2px;
	margin-bottom:2px;
}
h3.logos{
	font:bold 14px verdana;
	line-height:20px;
	color:#004E99;
	padding-top:0px;
	margin-bottom:14px;
}


h2{
	display:block;
	text-indent:-9000px;
	overflow:hidden; /* takes away border wooo */
	height:30px; /* need to set size to the same as the background image add more for margin bottom */
	width:165px; /* need to set size to the same as the background image */
	font-size:10px; /* resets the h tag */
}
h2.latestnews{
	background:url('../images/title_latestnews.gif') no-repeat 0px 0px;
	height:32px; 
	}
h2.newsletter{
	background:url('../images/subscribe.gif') no-repeat 0px 0px;
	height:32px; 
	}
h2.case{
	background:url('../images/title_case.gif') no-repeat 0px 0px; 
	}
h2.othernews{
	background:url('../images/title_othernews.gif') no-repeat 0px 0px; 
	height:27px;
	}
h2.latestprojects{
	background:url('../images/title_latestprojects.gif') no-repeat 0px 0px; 
	}
h2.branch{
	background:url('../images/title_branch.gif') no-repeat 0px 0px; 
	}

hr{
	height:0px; 
	border:0px; 
	border-bottom:1px solid #bbb; /* chage this to background if dotted line is needed */
	margin:10px 0px 10px 0px; 
	_margin:5px 0px 5px 0px; /* IE margin is incorrect */
}


/* --------------------- LINKS --------------------- */


a{
	text-decoration:underline;
	color:#333;
	outline:none;
}
a:hover{
	text-decoration:none;
	color:#024B91;
	outline:none;
}
#left a.selected, a.selected{
	text-decoration:underline;
	outline:none;
	color:#024B91;

}

a:focus{
	outline:none;
}
/* --------------------- LISTS --------------------- */


ul{
	display:block;
	list-style:none;
}

li{
	display:block;
	padding-bottom:5px;
}

li.arrowlist{
	background:url('../images/arrow.gif') no-repeat 0px 0px; /* change vertical position so it fits inline */
	padding-left:15px; /* change padding depending on how big the arrow image is */
}

li.inline{
	display:inline;
	padding-right:10px;
}


/* --------------------- FORMS --------------------- */

/* Contact */

label
{
font:bold 11px verdana; 
color: #333;
display:block;
padding:0px 0px 5px 3px;
}
.newsletter-form label {
	font-weight: normal;
	font-style: normal;
	color: #666;
}
label.textarea
{
margin-left:9px;
}

label span
{
color:#5A5B5E;
padding-left:3px;
}
input
{
color: #666;
background: #FFF;
border: 1px solid #C8C8C8;
font-size:11px;
height:16px;
padding-top:2px;
width:185px;
}

.newsletter-form input {
	width: 164px;
}
.newsletter-form input#submitbutton {
	font-size: 9px;
	color: #fff;
	border-style: none;
	background: url(../images/button.gif) no-repeat;
	padding: 1px 0 0;
	width: 79px;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0;
}
input.send
{
border: none;
height:21px;
padding:0px;
width:91px;
float:right;
display:inline;
}
input.checkbox
{
background:none;
padding-top:0px;
width:auto;
height:auto;
border: none;
padding:0px;
}
select{
	font:normal 11px verdana;
	width:188px;
	height:19px;
	_margin-top:1px;
}
textarea
{

background: #FFF;
border: 1px solid #C8C8C8;
font-size:11px;
height:72px;
_margin-left:-9px;
padding-top:2px;
width:325px;
display:block;
font:normal 11px verdana;
}
fieldset
{
border:1px solid #E0E0E0;
width: 780px;
display:block;
padding:0px 0px 5px 0px;
margin-bottom:10px;
}
fieldset.textarea
{
padding:0px 0px 20px 0px;
}
.newsletter-form fieldset {
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
}
/*\*/
html*fieldset.textarea{
padding:0px 0px 10px 0px;
}/**/
fieldset p
{
padding:3px;
width:188px;
height:22px;
_height:21px;
background:#EFEFEF;
margin-bottom:10px;
padding-left:4px;
}
.newsletter-form fieldset p {
	width: 167px;
	margin-bottom: 6px;
}
/*\*/
html*fieldset p{
padding-top:4px;
_padding-top:3px;
height:21px;
}/**/
/*\*/
html*.newsletter-form fieldset p {
	padding-top:4px;
_padding-top:3px;
height:21px;
}/**/
/*\*/

fieldset p.big
{
width:327px;
margin-left:9px;
height:77px;
_height:78px;
padding-top:4px;
_padding-top:3px;
}
fieldset p.text
{
padding:3px;
width:760px;
height:auto;
background:none;
margin-bottom:8px;
padding-left:10px;
}

legend
{
color:#004E99;
background: #fff;
font:bold 18px verdana;
padding:0px 5px 5px 5px;
margin-left:6px;
_margin-left:-1px;
} 
.form_left, .form_right{
	float:left; 
	display:inline;
	width:195px; 
	padding-top:10px;
}
.form_left{
	margin-left:9px;
	margin-right:14px;
}
.textclear{
	float:left;
	display:inline;
}





/* top */

#head input{
	font:normal 10px verdana;
	color:#333;
	border:1px solid #024B91;
	height:15px;
	width:110px;
}
#head input.send{
	border: none;
}

#left select{
	font:normal 11px verdana;
	width:174px;
	height:17px;
	_margin-top:1px;
	margin-bottom:20px;
}






/* --------------------- FLOATS --------------------- */


#head, #left, #middle, #foot, #slideshow, #slideshow_list_child, #case, #left #case IMG, #middle_t, #middle_b, #middle_newsl{
	float:left;
	display:inline;
}
	
#head input, #head input.send, #head ul, #slideshow_list, #slideshow_child, #left #case p, #middle_r, #middle_newsr{
	float:right;
	display:inline;
}

	
/* --------------------- LAYOUT --------------------- */


#wrap{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

#head{
	width:780px;
	height:136px;
	background:url('../images/bg_head.gif') no-repeat top left;
}

#left{
	width:174px;
	border-right:1px solid #E0E0E0;
	padding:30px 20px 20px 0px;
}

#middle{
	width:565px;
	margin-left:-1px;
	border-left:1px solid #E0E0E0;
	padding:28px 0px 20px 20px;
}
#foot{
	width:765px;
	height:24px;
	background:#999 url('../images/bg_foot.gif') no-repeat top right;
	color:#fff;
	font-size:10px;
	line-height:22px;
	padding-left:15px;
	margin-bottom:6px;
}



/* --------------------- HEAD --------------------- */

#head input{
	margin-top:30px;
}

#head input.send{
	width:23px;
	height:17px;
	margin-top:30px;
	margin-right:25px;
	margin-bottom:60px;
	border:none;
}

/* menu */


#head ul{
	margin-right:25px;
}

#head li{
	display:block;
	float:left;
	padding-left:7px;
	margin-left:7px;
	line-height:24px;
	_line-height:22px;
	background:url('../images/line_menu.gif') no-repeat top left;
}

#head li.first{
	background:none;
}

#head li a{
	text-decoration:none;
}

#head li a:hover{
	text-decoration:underline;
}



/* --------------------- LEFT --------------------- */

#left ul{
	margin-bottom:30px;
	margin-left:-15px;
}

#left li {
	font:bold 14px verdana;
	color:#024B91;	
	padding-bottom:8px;
	padding-left: 15px;
}
#left ul.news li{
	font:normal 11px verdana;
	color:#024B91;	
	padding-bottom:14px;
	line-height:15px;
}
#left ul.news {
	margin-bottom:5px;
}

#left li a{
	background:url('../images/arrow.gif') no-repeat 0px 5px;
	padding-left:15px;
	text-decoration:none;
	color:#024B91;
	display: block;
}
#left li a:hover{
	background:url('../images/arrow_on.gif') no-repeat 0px 5px;
	text-decoration:none;
	color:#333;	
}
#left ul.news li a{
	background:url('../images/arrow.gif') no-repeat 0px 3px;
}
#left ul.news li a:hover{
	background:url('../images/arrow_on.gif') no-repeat 0px 3px;
}
#left p{
	font:normal 10px verdana;
	line-height:13px;
}

#left p.newsletter {
	font: bold 11px/14px verdana;
	color: #333;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
	padding-left: 3px;
	margin-bottom: -8px;
}

#left IMG{
	width:172px;
	height:129px;
	border: 1px solid #999;
	margin-bottom:5px;
}

#left a{
	text-decoration:none;
}

#left a:hover{
	text-decoration:underline;
}
#left a.more{
	text-decoration:none;
	font:bold 10px verdana;
	color:#024B91;
	padding-right:8px;
	background:url('../images/arrow_small.gif') no-repeat center right;
}
#left a:hover.more{
	text-decoration:none;
	color:#333;
}

/* Child */

#case {
	width:174px;
	height:50px;
	margin-bottom:10px
}

#left #case IMG{
	width:48px;
	height:36px;
	margin-bottom:0px
}

#left #case p{
	width:115px;
	color:#024B91;
	margin-bottom:0px;
	margin-top:-2px;
}

#left #case a{
	color:#024B91;
}

#left #case a:hover{
	color:#333;
}





/* --------------------- MIDDLE --------------------- */

#middle a{
	text-decoration:underline;
	color:#024B91;
}

#middle a:hover{
	text-decoration:none;
	color:#333;
}

#middle strong{
	font-weight:bold;
	color:#024B91;
}

/* Home Page */

#flash{
	float:left;
	display:inline;
	width:780px;
	height:169px;
	margin-top:-5px;
}
#middle_t{
	width:347px;
	padding-right:20px;
	height:177px;
}

#middle_t.push {
	min-height: 340px;
	height: auto;
	_height: 340px;
}
#middle_b{
	width:367px;
	height:111px;
	background:url('../images/bg_home_bottom.gif') no-repeat 0px 0px;
}
#middle_r{
	width:198px;
	padding-top:2px;		
}

#middle #middle_b p{
	font:italic 12px verdana;
	color:#8B8B8B;
	line-height:18px;
	letter-spacing:1px;
	margin-bottom:0px;
	padding:10px 40px 0px 15px;
}
#middle #middle_b  p strong{
	font-weight:bold;	
	color:#8B8B8B;
}

/* Parent Page */

#slideshow{
	width:346px;
	height:300px;
	padding-top:15px;
}
#slideshow_list{
	width:191px;
	height:294px;
	padding-top:15px;
}
#middle #slideshow_list li{
	font:normal 14px verdana;
	color:#8B8B8B;
	padding:0px 0px 10px 12px;
	background:url('../images/circle.gif') no-repeat 0px 6px;
}

/* Child Page */

#slideshow_child{
	width:346px;
	height:300px;
	padding-top:15px;
}
#slideshow_list_child{
	width:191px;
	padding-top:15px;
}

#rotate_0, #rotate_1, #rotate_2, #rotate_3, #rotate_4, #rotate_5, #rotate_6, #rotate_7, #rotate_8, #rotate_9, #rotate_6 {
	display: none;
}

#slideshow_list_child p{
	font:italic 14px verdana;
	color:#8B8B8B;
	line-height:21px;
	letter-spacing:1px;
	margin-bottom:10px;
}
#slideshow_list_child p strong{
	font:italic 11px verdana;
	font-weight:bold;	
	color:#8B8B8B;
}

/* News Page */

#middle_newsl{
	width:353px;
}
#middle_newsr{
	width:182px;	
}
#middle_newsr IMG{
	width:180px;
	height:135px;
	border: 1px solid #999;	
	margin-bottom:3px;
}
#middle_newsr p{
	font:bold 10px verdana;
	color:#999;
	margin-bottom:20px;
	line-height:13px;
}
#middle_newsl h1{
	line-height:22px;
}


/* Logos */


IMG.logo, IMG.logo2, IMG.logonon{
	float:left;
	display:inline;
	padding:0px 13px 15px 0px;
}
IMG.logo2{
	padding:0px 12px 15px 0px;
}
IMG.logonon{
	padding:0px 0px 15px 0px;
}




/* --------------------- FOOT --------------------- */

#foot a{
	color:#fff;
}

p.foot{
	font-size:10px;
	margin-left:15px;
	color:#999;
}

p.foot a{
	color:#999;
	text-decoration:none;
}

p.foot a:hover{
	color:#999;
	text-decoration:underline;
}



#middle_newsr p.news {
	font-weight:normal;  
	margin-bottom:12px;
}
#middle_newsr p.newstitle {
	font-size:11px; 
	margin-bottom:12px; 
	padding-top:6px;
}
h2.recruit{
	background:url('../images/title_recruit.gif') no-repeat 0px 0px; 
	height:27px;
	}
h2.casestudies{
	background:url('../images/title_case.gif') no-repeat 0px 0px; 
	height:27px;
	}

.accord {
	visibility: hidden;
}
#middle li{padding-left:11px; background:url('../images/arrow_content.gif') no-repeat 0px 6px;}
#middle ul{padding-bottom:10px;}