@charset "utf-8";
/* CSS Document */


body {
margin:0px;
padding:0px;
background:#9FC7F8 url(../images/bg2.png) repeat-x;
}

/* Typography */


h1 {
color:#517984;
font-size:25px;
margin:0px 0px 10px 0px;
}

.h1Image {
	margin-bottom:10px;
	}

h2 {
color:#A6A64D;
font-size:16px;
margin:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

h3, #right .quote p {
color:#A6A64D;
font-size:14px;
margin:15px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

#left p.first {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#666666;
line-height:1.6em;
border-top:1px solid #ccc;
margin:20px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

#left p, #left .lists {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
}

#left p a {
text-decoration:none;
color:#517984;
}

/* Header */

#header {
margin:auto;
height:75px;
width:860px;
padding:40px 20px 0px 20px;
position:relative;
z-index:1000;
}

ul.navigation {
float:right;
padding:0px;
margin:5px 0px 0px 0px;
}

ul.navigation li {
float:left;
list-style-type:none;
margin-left:10px;
}

ul.navigation li a {
color:#fff;
text-decoration:none;
font-family:"Trebuchet MS", Arial;
font-size:14px;
display:block;
text-align:center;
height:27px;
padding:8px 0px 0px 0px;
}

ul.navigation li a:hover {
color:#4278A3;
}



ul.navigation li.navHome a {
width:55px;
}
ul.navigation li.navHome a:hover,  ul.navigation li.navHomeDown {
background:url(../images/navHome.gif) left no-repeat;
width:55px;
}
ul.navigation li.navProduct a {
width:79px;
}
ul.navigation li.navProduct a:hover, ul.navigation li.navProduct a.over, ul.navigation li.navProductDown {
background:url(../images/navProduct.gif) left no-repeat;
width:79px;
color:#4278A3;
}
ul.navigation li.navServices a {
width:77px;
}
ul.navigation li.navServices a:hover, ul.navigation li.navServicesDown {
background:url(../images/navServices.gif) left no-repeat;
width:77px;
}
ul.navigation li.navOurclients a {
width:101px;
}
ul.navigation li.navOurclients a:hover, ul.navigation li.navOurclientsDown {
background:url(../images/navOurclients.gif) left no-repeat;
width:101px;
}

ul.navigation li.navJobs a {
width:51px;
}
ul.navigation li.navJobs a:hover, ul.navigation li.navJobsDown {
background:url(../images/navJobs.gif) left no-repeat;
width:51px;
}
ul.navigation li.navContact a {
width:79px;
}
ul.navigation li.navContact a:hover, ul.navigation li.navContactDown {
background:url(../images/navContact.gif) left no-repeat;
width:79px;
}


#dropDown {

width:153px;
height:220px;
background:url(../images/dropdownBg.png);
background-color:none;
text-align:left;
padding:20px 0px 0px 2px;
}

ul#dropDown li  {
padding:0px;
/*float:left;*/
text-align:left;
margin-bottom:3px;
right:6px;
position:relative;
}

ul#dropDown li a {
float:left;
/*background:none;*/
color:#888;
font-size:12px;
height:20px;
width:129px;
display:block;
padding:2px 0px 0px 6px;
text-align:left;
}

ul#dropDown li a:hover {
background:url(../images/dropdownOver.jpg);
color:#FFFFFF;
}

a.logo {
float:left;
}

/* Content */

#wrapper {
padding:60px 50px 0px 50px;
clear:both;
margin:auto;
width:800px;
min-height:600px;
background:url(../images/page.png) no-repeat top center;
}

#left {
width:500px;
float:left;
}

#right {
margin:30px 0px 0px 0px;
width:275px;
float:right;
}

.clear {
clear:both;
}

#right .quote {
background:url(../images/quoteStart.gif) top left no-repeat;
padding:20px 0 0 18px;
}

#right .quote p {
background:url(../images/quoteEnd.gif) bottom right no-repeat;
padding:0 0 20px 0;
font-style:italic;
color:#666;
font-size:13px;
line-height:1.6em;
}

#right .quote p .quoteName {
display:block;
font-size:90%;
color:#A6A64D;
font-style:normal;
}

#right .quote p .quoteURL a {
display:block;
font-size:11px;
color:#A6A64D;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none;
}

#right .blog {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:1.7em;
padding:0 10px;
margin-bottom:20px;
}

#right .blog .date {
font-size:10px;
display:block;
}

#left .lists {
list-style-type:none;
list-style-image:url(../images/tick_green.gif);
line-height:2em;
margin:10px 0 0 30px;
}

#left .lists li {
padding-left:6px;
}


#right ul#sideMenu {
background:url(../images/sideNavBG.gif) left center no-repeat;
height:245px;
list-style-type:none;
padding:25px 0 0 0;
margin:0 0 20px 40px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

#right ul#sideMenu li a {
text-decoration:none;
padding:4px 0 0 30px;
margin: 1px 0 0 5px;
width:168px;
height:23px;
display:block;
color:#999;
}

#right ul#sideMenu li a:hover {
background:url(../images/sideMenuHover.gif);
}

#right ul#sideMenu li.down a {
background:url(../images/sideMenuHover.gif);
}


table.sageFees {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
background:url(../images/sageFeeBG.gif);
width:195px;
height:106px;
margin:5px 0 0 40px;
padding:7px;
}


table.fees {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
background:url(../images/feesBG.gif);
width:442px;
height:150px;
margin:25px 0 0 40px;
padding:7px 7px 7px 0;
}

table.fees tr td {
padding-left:14px;
}

.blogDate {
display:block;
font-size:9px;
color:#A6A64D;
}

/* CLIENTS */

.client h1 {
font-size:14px;
font-weight:normal;
letter-spacing:1px;
margin:0 0 5px 0;
color:#A6A64D;
}


.client .textBlock {
width:310px;
padding:225px 0 0 0;
}

.client .textBlock p {
margin:0;
}

.client .textBlock .url a {
display:block;
font-size:10px;
margin:5px 0 0 0;
text-decoration:none;
color:#517984;
}

.client {
clear:both;
width:500px;
height:385px;
}


/* CONTACT */
.field { margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;  }
.field input, .field textarea { padding:2px; width: 180px; border:1px solid #A6A64D; margin:3px 0 6px 0; }


.directions p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
line-height:1.5em;
}


/* HOME */

#left .news, #left .news2 {
float:left;
width:220px;
}

#left .news {
padding:0 50px 15px 0;
}

#left .news2 {
padding:0 0px 15px 0;
}


#left .news h1, #left .news2 h1 {
font-size:15px;
font-weight:normal;
margin:15px 0 0 0;
padding:0;
}

#left .news p, #left .news2 p {
margin:0;
padding:0 0 7px 0;
text-align:justify;
}

#left .news img, #left .news2 img {
float:left;
padding:1px;
margin:5px 5px 2px 0;
border:1px solid #ccc;
}

.recent h1 {
font-size:15px;
color:#A6A64D;
font-weight:normal;
margin:0;
padding:24px 0 0 0;
}

.recent h2 {
font-size:13px;
color:#517984;
font-weight:normal;
}

.recent img {
float:right;
padding:0 0 0 10px;
}

.recent {
clear:both;
margin-bottom:20px;
height:90px;
text-align:right;
}
/* Footer */

#footer { 
background:url(../images/footer.png) no-repeat top center;
padding-top:25px;
height:85px;
width:900px;
margin:auto;
text-align:center;
color:#888;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.6em;
 }