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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}


/*PNG Fix*/
img, div { behavior: url(iepngfix.htc) }

body {background-color: #161616; font-family: Verdana, sans-serif; }
	
#wrapper {position:absolute; height:100%; width:100%; background-image:url(../images/bg-main.jpg); background-repeat: no-repeat; background-position: center center; }
 	
body.about #page {
 	/*border: 1px solid #900;*/
 	background-image:url(../images/bg-about.png); background-repeat: no-repeat; background-position: center center;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-240px;/* half elements height*/
	margin-left:-159px;/* half elements width*/
	width:318px;
	height:480px;
	}
	
body.contact #page {
 	/*border: 1px solid #900;*/
 	background-image:url(../images/bg-contact.png); background-repeat: no-repeat; background-position: center center;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-240px;/* half elements height*/
	margin-left:-159px;/* half elements width*/
	width:318px;
	height:480px;
	}
	
body.portfolio #page {
 	/*border: 1px solid #900;*/
 	background-image:url(../images/bg-portfolio.png); background-repeat: no-repeat; background-position: center center;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-240px;/* half elements height*/
	margin-left:-159px;/* half elements width*/
	width:318px;
	height:480px;
	}
	
	
	/* */
	
ul#navigation {position:relative; width:296px; height:27px; top:93px; left:12px;  /*border: 1px solid #900;*/}
ul#navigation li, ul#navigation li a {display:block; position: absolute; top:0; height: 27px; }


ul#navigation li#panel1 {left: 0; width:87px; height: 27px; background-image:url(../images/nav-sprites.gif); background-repeat:no-repeat; background-position:0 0; }
ul#navigation li#panel1 a {width:87px; height: 27px; }
ul#navigation li#panel1 a:hover {background: transparent url(../images/nav-sprites.gif) 0 -28px no-repeat;}
body.about ul#navigation li#panel1 a:hover {background: transparent url(../images/nav-sprites.gif) 0 -56px no-repeat;}
body.about ul#navigation li#panel1 {left:0; width:87px; height:27px; background-image:url(../images/nav-sprites.gif); background-repeat:no-repeat; background-position:0 -56px; }

ul#navigation li#panel2 {left:87px; width:112px; height: 27px; background-image:url(../images/nav-sprites.gif); background-repeat:no-repeat; background-position:-87px 0; }
ul#navigation li#panel2 a {width:112px; height: 27px; }
ul#navigation li#panel2 a:hover {background: transparent url(../images/nav-sprites.gif) -87px -28px no-repeat;}
body.portfolio ul#navigation li#panel2 a:hover {background: transparent url(../images/nav-sprites.gif) -87px -56px no-repeat;}
body.portfolio ul#navigation li#panel2 {left:87px; width:112px; height:27px; background-image:url(../images/nav-sprites.gif); background-repeat:no-repeat; background-position:-87px -56px; }

ul#navigation li#panel3 {left:197px; width:97px; height: 27px; background-image:url(../images/nav-sprites.gif); background-repeat:no-repeat; background-position:-197px 0; }
ul#navigation li#panel3 a {width:97px; height: 27px; }
ul#navigation li#panel3 a:hover {background: transparent url(../images/nav-sprites.gif) -197px -28px no-repeat;}
body.contact ul#navigation li#panel3 a:hover {background: transparent url(../images/nav-sprites.gif) -197px -56px no-repeat;}
body.contact ul#navigation li#panel3 {left:197; width:97px; height:27px; background-image:url(../images/nav-sprites.gif); background-repeat:no-repeat; background-position:-197px -56px; }


body.about p {
	position: relative; width:140px; top:205px; left:36px; font-family: Verdana, sans-serif; font-size: 11px; color: #3e3a35; line-height: 1.65em;}


#content {position: relative; width:165px; left:33px; top:202px; font-size: 9px;}
#content form {position:relative;/* border:1px solid #900; */top:0; left:0; height:163px; width:165px;}

#content form #nameinput {position: relative; top:11px; left:3px; height:15px; width:150px; border:0;  }
#content form #emailinput {position: relative; top:32px; left:3px; height:15px; width:150px; border:0;   }
#content form textarea#commentinput {position:relative; top:59px; left:3px; height:33px; width:152px; font-family:Verdana, sans-serif; font-size:10px; border:0;}
#content form #submit {position: relative; top:73px; }


#social {position: relative; width:291px; top:203px; left:19px; }




/*Portfolio Styles*/

body.portfolio div.thumbWrapper {width: 255px; position: relative;/* left: 9px; top: 200px;  border: 1px solid #900;*/ }
body.portfolio div.thumbWrapper img {border: 1px solid #000; margin:0 0 2px 0; }

body.portfolio div.thumbNav {width: 255px; position: relative; top: 98px; left: 27px; border: 1px solid #900; text-align:right; font-size:9px;}

body.portfolio div.thumbNav a {text-decoration:none; color:#FFF;}
body.portfolio div.thumbNav a:visited {text-decoration:none; color:#27595E;}