@charset "utf-8";

/*****************************/ 
/*****   Reset & Common  *****/
/*****************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#000;background:#FFF; font-family:Georgia, Times, Times New Roman, serif; font-size:10px;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.preload{display:none;}


/*****************************/ 
/*****    Structure      *****/
/*****************************/
#container{width:960px; margin:0 auto;}
#header{width:960px; padding-top:30px; overflow:hidden;}
#wrapper{width:960px; padding-top:35px; overflow:hidden;}
.sidebar{width:250px; float:left;}
.main{width:670px; float:right;}
#footer{width:960px; padding:50px 0 20px 0;}

/*****************************/ 
/*****    Navigation	 *****/
/*****************************/
ul.navigation{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:130%; letter-spacing:0.1em; padding:50px 0 0 50px;}
ul.navigation li{display:inline;}
ul.navigation li a{color:#555; text-decoration:none; height:35px; padding-top:40px;}
ul.navigation li a:hover{color:#000; background:url(../images/menu-hover.gif) no-repeat center top;}
ul.navigation li a.active{color:#000; background:url(../images/menu-active.gif) no-repeat center top; font-weight:bold;}
ul.navigation li span{padding:0 25px;}

/*****************************/ 
/*****     Content       *****/
/*****************************/ 
#header .sidebar img{margin-left:60px;}
#wrapper .sidebar img{margin-bottom:30px;}
h1{font-family:'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif;color:#f78d1e; text-transform:uppercase; font-size:150%; font-weight:bold; margin-bottom:15px;}
h2{font-size:180%; font-weight:bold; margin-bottom:10px;}
p{font-size:160%; margin-bottom:20px; line-height:160%;}
ul.clients li{font-size:160%; margin-bottom:15px;}
ul.clients img{margin:0 10px;}
.center{margin:0 auto; width:500px; text-align:center;}
ul.services li{font-size:160%; margin-bottom:15px; background: url(../images/divider.gif) no-repeat left center; padding-left: 20px;}

/*****************************/ 
/*****   Portfolio Nav   *****/
/*****************************/ 
ul.hover-block{font-family:'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif;width:545px; padding-left:125px;height:150px;background:url(../images/portfolio-bg.gif) no-repeat;}
ul.hover-block li{float:left;list-style:none;margin-right:25px;position:relative;width:90px; height:90px;}
ul.hover-block li a{text-align:center; background:#fff; font-size:130%;color:#000;display:block;height:70px;overflow:hidden;padding:40px 10px 0 10px;position:relative;text-decoration:none;width:70px;}
ul.hover-block li img{border:0;left:0;position:absolute;top:0;}
 

/*****************************/ 
/*****      Sidebar      *****/
/*****************************/
blockquote, cite{font-family:'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif; font-size:150%; line-height:150%; }
blockquote{font-style:italic; color:#54788e;margin-bottom:15px;}
cite{text-align:right; float:right; font-size:130%; margin-bottom:25px;}

/*****************************/ 
/*****      Footer       *****/
/*****************************/
#footer p{font-size:120%; text-align:center;}