@charset "utf-8";
/* CSS Document */

/*---------------------------------- MAIN CSS ----------------------------------*/


* {
	margin:0;
	padding:0;
	border:0;
}

html, body {
	font-family:Verdana, Geneva, Arial, sans-serif;
	/*font-family:Helvetica, Arial, sans-serif;*/
	/*text-align:center;  for IE */
	color:#000;
	font-weight:normal;
	margin:0 auto 0 auto;
	position:relative;
	background-color:#FFFFFF;
}

a {
	text-decoration:none;
	color:#000;	
}

a:hover {
	text-decoration:none;	
	color:#666;
}

a.whitelink  {
	text-decoration:none;
	color:#FFF;	
}

a.whitelink:hover {
	text-decoration:none;	
	color:#666;
}


p{
padding-bottom:7px;
}	
h2{
	padding-bottom:7px;
	font-family:Verdana, Geneva, Arial, sans-serif;
	color:#000;
	font-weight:normal;
	font-size:14px;}

.left {float:left;}

.right {float:right;}


ul.simple, ul.simple li{ list-style:  none outside; padding: 0; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }

.clear{clear:both;}




/* ----------------- HEADER ----------------- */

#headerwrap {
	height:184px;
	background-image:url(../images/bg_top_black.jpg);
	background-color:#171717;
	background-repeat:repeat-x;
	background-position:bottom;

	}
	
#header {
	height:184px;
	background-image:url(../images/bg_top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	}
	
#headercont {
	width:996px;
	margin: 0px auto;
	}
	
#logo {
	width:289px;
	height:62px;
	padding: 50px 0px 0px 90px;
	float:left;
	}
	
#logoindent {	
	text-indent: -9999px;
	width:0px;
	height:0px;
	display:none;
	position:absolute;
}

#headexp_arrow {
	position:absolute;
	width:74px;
	height:50px;
	left: 192px;
	top: 42px;
	}

#rightheader{
	width:400px;
	position:relative;
	float:right;
	text-align:right;
	padding:20px 70px 0 0;
	font-weight:100;
	}
	
	.toplink{
	color:#FFF;
	font-size:13px;
	padding-bottom:5px;
	}
	.toplinkabt{
	background-image:url(../images/topabtline.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-bottom:14px;
	}
	
	#tagline1{
	padding-top:40px;
	color:#FFF;
	font-size:19px;
	padding-bottom:3px;
	}
	#tagline2{
	color:#848485;
	font-size:10px;
	}
	

	

/* ----------------- CONT ----------------- */

#contwrap {
	background-image:url(../images/bg_large.jpg);
	background-repeat:repeat-x;
	}
	
/*#conttop {
	
	background-image:url(../images/bg_large.jpg);
	background-repeat:repeat-x;
	margin: 0px auto;
	position:relative;
	}*/

#cont {
	width:896px;
	margin: 0px auto;
	position:relative;
	}
	
.toplink a {
	text-decoration:none;
	color:#FFF;	
}

.toplink a:hover {
	text-decoration:none;	
	color:#666;
}

#topscript {
	position:absolute;
	width:582px;
	height:76px;
	left: -21px;
	top: 4px;
}




/* ----------------- NAV ----------------- */

#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:365px; 
	height:41px; 
	padding-right:60px;
	margin-top:1px;
	
	list-style-type:none;
	float:right;
	}

#nav span { display: none; }

#nav li, #nav a { height:41px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; display:inline; position:relative; }

#nav-01 { width: 79px;}
#nav-02 { width: 58px;}
#nav-03 { width: 79px;}
#nav-04 { width: 90px;}
#nav-05 { width: 59px;}

#nav-01 a:hover { background:url("../images/nav.jpg")  -0px -41px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -79px -41px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -137px -41px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg")  -216px -41px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -306px -41px no-repeat; }


.sectiontitle{
	height:10px;
	width:872px;
	margin-bottom:20px;
	padding-bottom:14px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:18px;
	font-weight:bolder;
	color:#3c3c39;
	font-family:Verdana, Geneva, Arial, sans-serif;
	}


/* ----------------- PORTFOLIO ----------------- */


.wrkwrap{
	height:239px;
	padding-bottom:20px;
	background-image:url(../images/workpaper_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}

.wrkwrap_newproj{
	height:239px;
	padding-bottom:20px;
	background-image:url(../images/workpaper_new_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative
}


.wrkpreview {
	width:350px;
	height:200px;
	padding-top:17px;
	padding-left:25px;
	float:left;
	cursor:pointer;
}

.wrkrollover {
	position:absolute;
	width:336px;
	height: 49px;
	left: 34px;
	top: 164px;
	}

.wrkpreviewframe {
	padding:8px;
	background-color:#333;
	}

.wrkinfo {
	float:right;
	width:430px;
	height:220px;
	font-size:13px;
	padding-top:20px;
	padding-left:0px;
	margin-right:70px;
	font-family:Verdana, Geneva, Arial, sans-serif;
}

.wrkinfotitle {
	float:left;
	width:80px;
	padding-right:20px;
	text-align:right;
	}

.wrkinfodescription {
	float:left;
	width:300px;
	}

.top{
	float:right;
	width:41px;
	bottom:0px;
	}
	
.wrkunderline{
	float:right;
	width:187px;
	padding-right:110px;
	}

/* ----------------- FOOTER ----------------- */



#footerwrap{
	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	background-color:#0a0a0a;
	height:201px;
	font-size:12px;

	}
	#footcont{
	margin: 0px auto;
	width:872px;
	}
	
	#footleft{
	float:left;
	margin: 30px 0px 0px 0px;
	color:#bab7a4;
	}
	
	.foottag{
	color:#a09f25;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	}
	
	#footright{
	float:right;
	margin: 40px 0px 0px 0px;
	text-align:right;
	font-size:13px;
	color:#bab7a4;
	}







/* ----------------- ABOUT ME ----------------- */

#spacer {
	width:872px;
	height:40px;
	float:left;
	}

#abtwrap {
	margin: 0px auto;
	padding-bottom:30px;
	width:872px;
	height:370px;
	}
	
.abttext1{
	font-size:30px; 
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	}
	
#abttext2{
	width:580px; margin-bottom:30px; float:left;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	}
.abttext3{
	float:left; margin-right:20px;
	font-size:11px; 
	font-family:Verdana, Geneva, sans-serif;
	}

.abtsocial{width:64px; height:26px; float:left; margin-right:10px;}

#abtphoto{
float:right;
background-color:#2a2a2a;
padding:7px;}

#abtdetails{
	width:230px; 
	float:right; 
	padding-top:20px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	}

#abtleft{
	width:580px; 
	float:left;
	}
	
#abtright{
	width:265px; 
	height: 350px;
	float:right;
	border-left-color:#51504a;
	border-left-style:dotted;
	border-left-width:3px;
	}