@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; padding-top:50px;}
#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 70px;}
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       *****/
/*****************************/ 
#logo{width:175px; margin:0 auto 10px auto;}
#phrase{width:500px; margin:0 auto 10px auto; font-size:240%; color:#F78D1E; text-align:center; font-style:italic; font-family:'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif;}
#portfolio-nav{width:670px; margin:0 auto 10px auto; }
#site-nav{width:670px; margin:0 auto 50px auto;}
p{font-size:160%; margin-bottom:20px; line-height:160%;}

/*****************************/ 
/*****   Portfolio Nav   *****/
/*****************************/ 
ul.hover-block{font-family:'Trebuchet MS', Trebuchet, Tahoma, Arial, sans-serif;width:545px;height:150px;padding-left:125px;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;}
 
/*****************************/ 
/*****      Footer       *****/
/*****************************/
#footer p{font-size:120%; text-align:center;}