/* CSS Document */

*{
margin:0;
padding:0;
}

body,html{
height:100%;
}

body{
font: .875em/1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
/*letter-spacing:1px;*/
background: url(../images/bg-dark.png) #222222 ;
}

@font-face{
font-family:"Complete in Him";
src:url('../fonts/Complete in Him.ttf');
}


a, a:visited{
text-decoration:none;
color:#CC3300;
}

a:focus{
outline:none;
}

img{
border:none;
}

p{
margin-bottom:.65em;
width:40em;
}

h1,h2,h3,h4,h5,h6{
color:#CC3300;
font-weight:700;
}

h1{
font-size:2em;
margin-bottom:1.5em;
}

h2{
font-size:1.5em;
margin:.65em 0 1.3em 0em;
}

h3{
font-size:1.1em;
margin: .65em 0;
}


ul{list-style:none;}

dl{padding-bottom:.65em;}
dt{font-weight:bold;}
dd{text-indent:1em;}



/*____________________________________________________________________*/
#outer_container{
width:68.571em;
height:100%;
position:relative;
margin: 0 auto;
background: url(../images/wint-header.jpg) no-repeat top center;
}
/*____________________________________________________________________*/


#navigation{
width:auto;
height:35px;
margin:.3em 0 0 4.8em;
font-family:"Complete in Him", "Garamond Premiere Pro","Garamond Premr Pro", Garamond, serif;
font-size:2em;
line-height:1em;
}

	
	#navigation li{
	float:left;
	margin-left:1.2em;
	}
	
	#navigation a{
	color:#333333;
	}
	
	#navigation a:hover{
border-bottom:2px dotted #ffffff;
padding-bottom:2px;
	}
	
	#navigation .nav1{
	display:block;
	width:92px;
	height:18px;
	background:url(../images/illustration.png) no-repeat;
	}
	#navigation .nav2{
	display:block;
	width:60px;
	height:16px;
	background:url(../images/resume.png) no-repeat 0 4px;
	}
	#navigation .nav3{
	display:block;
	width:60px;
	height:16px;
	background:url(../images/contact.png) no-repeat;
	}
	#navigation .nav4{
	display:block;
	width:35px;
	height:23px;
	background:url(../images/blog.png) no-repeat;
	}
/*____________________________________________________________________*/


#intro{
width:38em;
height:16em;
margin:0 0 0 75px;
background:url(../images/welcome-bg.png) no-repeat;
position:relative;

}
	#intro h1{
	font-family:"Complete in Him","Garamond Premiere Pro","Garamond Premr Pro", Garamond, serif;
	font-size:4em;
	margin:.1em 0 .56em .9em;
	padding-top:1em;
	color:#495977;
	}
	
	#intro h2{
	width:15em;
	margin-left:2.2em;
	line-height:1.3em;
	color:#333333;
	}

/*____________________________________________________________________*/

#content_wrap{
width:100%;
height:auto;
margin-top:10em;
}

/*____________________________________________________________________*/

.contentheader{
height:7em;
width:100%;
background:url(../images/snow-header.png) repeat-x;
}
#content{
overflow:hidden;
height:auto;
width:60.571em;
margin:0 0 0 0;
background: #fff;
padding:2em 2em 3em 6em;
}

#content p{
margin:2em;
}


	#content .subnav{
	float:right;
	height:100%;
	border-left:1px dashed #666;
	}

	#content .subnav li{
	padding:1em 1em .3em 1em;
	}
	#content div.gallery{
	float:left;
	margin-right:0.929em; /*11px*/
	width:21.429em;
	}
	div.gallery img{
		margin-bottom:1.3em;}
		
.contact #content ul li{
float:left;
margin-right:2em;
}
/*____________________________________________________________________*/	
	
	/*Forms*/
input.zemText, .zemTextarea{
padding:.2em;
}

label{
float:left;
}
.zemTextarea{
width:18em;
}

.zemContactForm br{
margin:.65em 1em .65em 1em;
}

form{
width:45em;
}
form legend{
visibility:hidden;
}
form,fieldset{
border:0;
}