/* Clear Fix */

.cf:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden;  }
.cf {  display: inline-table;  }
.cf {  display: inline-block;  }

/* Hides from IE-mac \*/

* html .cf { height: 1%;  }
.cf { display: block;  }

/**************** Layout ****************/
body{
	background: #000 url(images/bg_strip.gif) no-repeat 1238px 0px; 
	font-family: "Trebuchet MS";
	color:#000;
	font-size: 12px; 		
}

/* element styles */
* { margin:0; padding:0;  }
a {color:#1a2732;  }
a:hover { color: #007aca;color: #007aca; text-decoration: none;}
p {line-height:20px; margin:0 0 11px 0;}
ul {list-style:inside;}
ul li{line-height:18px;}

#page{background:url(images/bg_left.gif) no-repeat left; height:912px;padding-left:58px; width:1180px;overflow:hidden;}
* html #page{width:1280px;}
#main {float:left;width:626px;}
#content {background: url(images/paper.gif) no-repeat; height:666px;}
#footer {background: url(images/footer.gif) no-repeat; width:626px; height:139px;}
#right {width:554px; height:912px;float:left;}
#content_inner {padding:20px 0px 20px 25px;height:550px; width:490px; overflow-y:auto; }


/* tabs */
ul.tabs {width:626px;height:106px;display:block;list-style:none;}
ul.tabs li {margin:0;padding:0; list-style:none;height:106px;float:left;}
ul.tabs li a {display:block; float:left; height:106px;}
ul.tabs li a#resume {width:149px; background: url(images/tab_resume.gif) no-repeat 0px -106px;}
ul.tabs li a#portfolio {width:150px; background: url(images/tab_portfolio.gif) no-repeat 0px -106px;}
ul.tabs li a#about {width:151px; background: url(images/tab_about.gif) no-repeat 0px -106px;}
ul.tabs li a#contact {width:176px; background: url(images/tab_contact.gif) no-repeat 0px -106px;}
ul.tabs li a#resume:hover, ul.tabs li a#portfolio:hover, ul.tabs li a#about:hover, ul.tabs li a#contact:hover{background-position:0px 0px;}
ul.tabs li.x a#resume, ul.tabs li.x a#portfolio, ul.tabs li.x a#about, ul.tabs li.x a#contact{background-position:0px 0px;}
ul.tabs h2 {visibility:hidden;}


/* gallery styles */
.portfolio #content_inner{width:554px; overflow-x:hidden;}
div.galleries {width:554px;}
div.graphic_design {width:178px; padding-right:10px; float:left;text-align:center;}
div.web_design {width:160px; padding-right:10px; float:left;text-align:center;}
div.photography{width:126px; float:left;text-align:center;}
div.galleries a {text-decoration:none; line-height:16px;}