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





/*---------------- */
/* HTML TAG RESET */
body,
h1, h2, h3,
p, ul, li,
table, tr, td,
form {
		border:0;
		margin:0;
		padding:0;
}


/*--------------------- */
/* HTML TAG DEFFINITION */
body{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#FFFFFF;background:url(images/bg.jpg) repeat;}
form, input {
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
}

h1{font-family:"Trebuchet MS", "Trebuchet MS Bold", Arial, sans-serif; font-weight:bold; font-size:17px; color:#FFFFFF; padding:15px 0 6px 0; display:inline;}
h2{font-family:"Trebuchet MS", "Trebuchet MS Bold", Arial, sans-serif; font-weight:bold; font-size:12px; color:#000000;}
h2 span{background-color:#33FFFF; padding:0 3px 0 3px; color:#000000;}
h1 span{background-color:#33FFFF; padding:0 3px 0 3px; color:#000000;}

a:link { color:#33FFFF; text-decoration:none; }
a:visited {color:#33FFFF; text-decoration:none;}
a:hover{color:#33FFFF; text-decoration:underline;}
p {line-height:13pt;}
hr {margin:1px 0 0 1px; padding:0; width:95%;}
.pagetext{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#FFFFFF; font-weight:normal;font-style:normal;}
.greenitalic {font-family:"Trebuchet MS", "Trebuchet MS Bold", Arial, sans-serif; font-weight:bold; font-size:12px; color:#000000;}
.greenitalic span{background-color:#33FFFF; padding:0 3px 0 3px; color:#000000;}

/*--------------------- */
/* WRAP */
#page_wrap{
	padding:0;
    margin:0 auto;
	position:absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
	height:auto !important;
	top:0;
	left:0;
	}

#container{
	padding:0;
	margin:0 auto;
	width:1000px;
	height:700px;
	background:url(images/header.png) center no-repeat;
	}
	
#main{
	width:900px;
	margin:341px 0 0 50px;
	padding:0;
	float:left;
	text-align:left;	
	border-top:#FFFFFF solid 1px;
	}

#mainheader{
width:900px;
float:left;
text-align:left;
padding:0;
margin:0 0 20px 0;
}


#pagetitle{
	float:left;
	padding:0px;
	margin:10px 0 6px 0;
	 display:inline;
	}
		
.subnav{
	float:right;
	text-align:right;
	padding:0px;
	margin:10px 0 6px 0;
	 display:inline;
	 width:321px;
	}

	
.subnav h1{
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:15px;
float:left;
margin:0;
padding:0;
}

.subnav a{font-family:"Trebuchet MS", "Trebuchet MS Bold", Arial, sans-serif; font-weight:bold; font-size:15px; color:#999999; padding:0  0 0 13px; display:inline;}
.subnav a:hover{font-family:"Trebuchet MS", "Trebuchet MS Bold", Arial, sans-serif; font-weight:bold; font-size:15px; color:#FFFFFF; padding:0  0 0 13px; display:inline; text-decoration:none;}
.subnav .selected{font-family:"Trebuchet MS", "Trebuchet MS Bold", Arial, sans-serif; font-weight:bold; font-size:15px; color:#FFFFFF; padding:0  0 0 13px; display:inline; text-decoration:none;}
.subnav .selected span{background-color:#33FFFF; padding:0 3px 0 3px; color:#000000;}


#main .col1{
	width:546px;
	padding:0;
	margin:0 19px 0 0;
	float:left;
	text-align:left;
	}

#main .col1 .imag-work{
	width:546px;
	height:200px;
	padding:0;
	border:#FFFFFF 1px solid;
	float:left;
	margin:0 0 15px 0;
	}

#main .col2{
	width:321px;
	padding:0;
	margin:0;
	float:right;
	text-align:left;
	}

#main .col2 .imag{
margin:3px 0 0 0;
}


#main .col1 .newworkheader{
	width:100%;;
	padding:0;
	margin:37px 0 0 0;
	float:left;
	text-align:left;
	}

#main .col1 .newwork{
	width:173px;
	padding:0;
	margin:0 13px 0 0;
	float:left;
	text-align:left;
	}
	
#main .col1 .newwork_r{
	width:173px;
	padding:0;
	margin:0 0 0 0;
	float:right;
	text-align:left;
	}	
	

#main .col1 .imag{
	width:171px;
	height:100px;
	padding:0;
	border:#FFFFFF 1px solid;
	float:left;
	margin:19px 0 0 0;
	
	}	
	
#footer{
	width:900px;
	float:left;
	text-align:left;
	padding:0 0 5px 0;
	margin:45px 0 0 0;
	background: url(images/footer.png) bottom center no-repeat;
	
}



#footer .footcol1{
	width:265px;
	float:left;
	}
	
#footer .footcol1 .text{
	width:95%;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
	}	

.text h3{
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
padding:14px 0 5px 0;
font-weight:normal;
}
	
	
	
#footer .footcol2{
	width:315px;
	float:left;
	}

#footer .footcol2 .text{
	width:95%;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
	}		
		

#footer .footcol3{
	width:320px;
	float:left;
}


#footer .footcol3 hr{
width:100%
}

#footer .footcol3 .text{
	width:100%;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	text-align:left;
	}	



#main .work-wrap{
	width:100%;
	padding:0;
	float:left;
	margin:0 0 35px 0;
	}

#main .work-wrap .imag-work{
	padding:0;
	border:#FFFFFF 1px solid;
	float:left;
	margin:0;
	}


.work-wrap .col2 .view-site{

text-align:right;
margin:10px 0 0 197px;
padding:8px 12px 0 0;
width:113px;
height:27px;
background-image:url(images/view-site.png);
background-repeat:no-repeat;
display:block;

}


.work-wrap .col2 .view-site a{

color:#000000;
}


.work-wrap .col2 .view-site2{

text-align:right;
margin:0 0 0 197px;
padding:8px 12px 0 0;
width:113px;
height:27px;
background-image:url(images/view-site.png);
background-repeat:no-repeat;
display:block;

}


.work-wrap .col2 .view-site2 a{

color:#000000;
}



/*--------------------- */
/* MENU-TOPNAV */

#menu-topnav{
width:218px;
float: right;
display: inline;
margin: 26px 0 0 0;
padding: 0;
}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 218px;
  height: 131px;
  position:relative;
  z-index: 100;
}

#menu li{
float: right;
display: inline;
}

#menu a {
  display: block;
}


#menu a:hover {
  background-position: left bottom;
}


#menu .home-page{
	width: 218px;
	height: 23px;
	background:url(images/home-page.png) no-repeat;
}

#menu .contact {
	width: 218px;
	height: 23px;
	background:url(images/contact.png) no-repeat;
	
}
#menu .contacton {
	width: 218px;
	height: 26px;
	background:url(images/contact.png) no-repeat left bottom;
}


#menu .download {
	width: 218px;
	height: 25px;
	background:url(images/resume.png) no-repeat;
}

#menu .downloadon {
	width: 218px;
	height: 25px;
	background:url(images/resume.png) no-repeat left bottom;
}


#menu .about {
	width: 218px;
	height: 21px;
	background:url(images/about.png) no-repeat;
}

#menu .abouton {
	width: 218px;
	height: 21px;
	background:url(images/about.png) no-repeat left bottom;
}

#menu .facebook {
	width: 218px;
	height: 36px;
	background:url(images/facebook.png) no-repeat;
}

#menu .facebookon {
	width: 218px;
	height: 36px;
	background:url(images/facebook.png) no-repeat left bottom;
}






/*---------------- */
/* Form */

.form_wrap{
	width:100%;
	display:block;
	padding:0;
	margin:0;
	float:left;
}

.form_wrap label{ 
	float:left; 
	width:18%; 
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
	padding:0;
	margin:0;
	font-weight:normal;
}


.form_wrap input.formtext,textarea{ 
	float:right; 
	width:79%; 
	border:1px solid #000000; 
	padding:0 0 0 3px; 
	border-width:1px 0px 0 1px; 
	font-size:10px; 
	background-color:#FFFFFF;
	height:15px;
	margin:0 0 7px 0;
	font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#000000;

}

.form_wrap, textarea{ 
	height:100%;
	
}

.form_wrap .formbuttons{
width:68px;
height: 24px;
cursor:pointer;
border:none;
float:right;
text-align:right;
padding:1px 0 0 0;

}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}