/* CSS Document */



body
{
margin:0;
line-height:1.4em;
text-align:center;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
font-size:1em;
font-weight:normal;
text-align:left;
background:#1d3f75;
color:#fff;
}


.clear
{
clear:both;
}

.line
{
border-top:1px solid #84bad5;
margin-bottom:20px;
clear:both;
}


#headerWrap
{
background:url(../images/headerBack.gif) bottom left repeat-x;
}

#header
{
width:880px;
position:relative;
margin:0 auto;
padding-bottom:6px;
}

#headerContacts
{
width:580px;
font-size:.9em;
padding-top:15px;
}

#headerContacts a:link,
#headerContacts a:visited
{
text-decoration:underline;
color:#fff;
background:none;
padding:0;
margin:0;
}

#headerContacts a:hover
{
color:#84bad5;
text-decoration:none;
}



#logo
{
float:right;
margin:30px 0;
width:281px;
height:60px;
}


#navWrap
{
padding:0;
margin:0;
}

#navigation
{
width:880px;
margin:0;
padding:0;
font-size:.9em;
line-height:1.6em;
font-weight:normal;
}

#navigation ul
{
list-style-type:none;
padding:0;
margin:0;
}

#navigation ul li
{
display:inline;
margin:0;
padding:0;
}

#navigation ul li a:link,
#navigation ul li a:visited
{
color:#1d3f75;
text-decoration:none;
background:#fff;
margin-right:1px;
padding:8px 10px;
}

#navigation ul li a:hover
{
color:#1d3f75;
text-decoration:none;
background:#e2e2e2;
border-bottom:solid 5px #84bad5;
}








/* content */

#contentWrap
{
margin:0;
padding:20px 0 20px 0;
}

#content
{
width:880px;
margin:auto;
margin:0 auto 0 auto;
padding:0;
}


#contentLeft
{
width:580px;
margin:0 20px 0 0;
padding:0;
float:left;
}

#contentRight
{
width:280px;
margin:0;
padding:0;
float:right;
}

.testimonials
{
background:url(../images/quoteBack.gif) top left repeat;
padding:10px 20px;
margin:0 0 20px 0;
text-align:center;
color:#84bad5;
font-style:italic;
}

.name
{
color:#fff;
font-size:.7em;
font-style:normal;
}



.image_cycle
{
width:276px;
height:276px;
margin-bottom:20px;
border:solid 2px #fff;
}

.casestudyImage
{
float:left;
margin:0 20px 20px 0;
width:171px;
height:171px;
border:solid 2px #fff;
}

.thumbs,
.thumbsRight
{
width:130px;
height:130px;
margin:0 20px 20px 0;
background:#ccc;
float:left;
}

.thumbsRight
{
margin:0 0 20px 0;
}


.thumbs a img,
.thumbsRight a img
{
border:0;
}






h1
{
font-size:1.5em;
line-height:1.4em;
font-weight:normal;
}




h2
{
padding:0;
margin:0;
font-size:1.2em;
line-height:1.5em;
font-weight:normal;
color:#84bad5;
}

h2 a:link,
h2 a:visited
{
padding:0;
text-decoration:none;
color:#fff;
}

h2 a:hover
{
color:#002c56;
}



.pageIntro
{
font-size:1.4em;
color:#00CCCC;
}



.green
{
color:#00CCCC;
}




#content p
{
line-height:1.4em;
font-weight:normal;
font-size:.9em;
}


#content p a:link,
#content p a:visited
{
text-decoration:underline;
color:#fff;
}

#content p a:hover
{
text-decoration:none;
}


#content li a:link,
#content li a:visited
{
text-decoration:underline;
color:#84bad5 !important;
}

#content li a:hover
{
text-decoration:none;
}


#content ul
{
float:left;
width:255px;
font-size:.9em;
margin:0 10px 10px 0;
padding:0;
}

#content li
{
list-style:none;
color:#84bad5;
margin-bottom:5px;
padding:0;
}

#content ol
{
color:#84bad5;
margin-bottom:5px;
font-size:0.9em;
padding:0 0 0 20px;
}




/* contact form */

form#contact
{
margin-top:20px;
}

form#contact label
{
display:block;
float:left;
clear:left;
font-size:.9em;
line-height:1.6em;
color:#7e1f63;
}


form#contact input, 
form#contact textarea
{
border:1px solid #7e1f63;
float:left;
width:450px;
margin:5px 0 15px 0;
padding:5px;
font-size:1em;
color:#333;
font-family: Verdana, Arial, sans-serif;
}


form#contact input#submit_form
{
text-decoration:none;
color:#fff;
background:#7e1f63;
padding:4px 0;
width:460px;
}






#footerWrap
{
margin:20px 0;
padding:0;
border-top:1px solid #cccccc;
}



#footer
{
width:880px;
position:relative;
margin:auto;
margin:0 auto 0 auto;
padding:5px 0;
background:url(../images/BuildWithTrust.gif) 100% 50% no-repeat;
}


#footerNavigation
{
padding-top:15px;
margin:0;
}



#footerNavigation ul
{
list-style-type:none;
padding:0;
position:relative;
margin:0;
}

#footerNavigation ul li
{
display:inline;
}

#footerNavigation ul li a:link,
#footerNavigation ul li a:visited
{
color:#fff;
padding-right:15px;
text-decoration:none;
font-size:.9em;
font-weight:normal;
}

#footerNavigation ul li a:hover
{
color:#cccccc;
}




.smallPrint
{
font-size:.7em;
color:#84bad5;
}

.smallPrint a:link,
.smallPrint a:visited
{
text-decoration:none;
color:#84bad5;
background:none;
padding:0;
margin:0;
}

.smallPrint a:hover
{
color:#fff;
text-decoration:text-decoration;
}