@charset "UTF-8";

/*layout bits--------------------------*/

*{padding: 0; margin: 0;}

body {
	font-size: 62.5%;
	text-align: center;
	font-family: Arial, sans-serif;
}

a:focus, a:hover, a:active{
	outline:none
}


#wrapperx {
	width: 780px;
	text-align: justify;
 	font-size: 1.1em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#header {
	padding: 0px 10px 0px 0px;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#main_container {
	width:782px;
	height: 455px;
	overflow: hidden;
}

#main_home {
	width: 780px;
	height: 450px;
}

#main_gallery {
	width: 780px;
	height: 450px;
	text-align: center;
	margin:  0px 1px 0px 0px;
}

#main_right {
	width: 370px;
	float: right;
	padding: 0;
	margin:  0px 1px 0px 0px;}
	

#main_left {
	width: 370px;
	float: left;
	padding: 0;
	margin: 0;}



/*formatting--------------------------*/

p {
	margin: 0;
	padding: 0px 0px 12px 0px;
	}
	
.last{
	margin: 0;
	padding: 0;
	}
	
.small {
	font-size: 0.9em;
	line-height: 1.1;
	}
		
a {
	color: #669900;
	text-decoration: none;
}

a:hover {
	color: #999999;
}

.downloads {
	margin-top: 15px;
	}
	
.grey{	color: #999999;

}

.italic{
	font-size: 1em;
	font-style: italic;
	color: #999999
}	
	
a.pdf{
	background-image: url(images/pdf_icon_red.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 33px;
}


a:hover.pdf	{
	background-image: url(images/pdf_icon_grey.jpg);
	background-repeat: no-repeat;
}

a.word{
	background-image: url(images/wrd_icon_blu.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}


a:hover.word	{
	background-image: url(images/wrd_icon_grey.jpg);
	background-repeat: no-repeat;
}


h1 {
	margin: 0;
	padding: 0;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 55px;
	background-position: left bottom;
	text-indent: -2000px;
}

h2{
	margin-top: 5px;
}

h3{
	font-size: 1.1em;
	color: #999999;
	font-weight: normal;
	border-bottom-width: .1em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 4px;
}

h4{
	font-size: 1em;
	text-transform:uppercase;
	font-weight: normal;
}

h5{
	font-size: 1em;
	text-transform:uppercase;
	font-weight: normal;
	padding-bottom: 3px;
}



.h2_about{
	height: 30px;
	background-image: url(images/h2_about.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;
}

.h2_cv{
	height: 30px;
	background-image: url(images/h2_cv.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;
}

.h2_projects{
	height: 30px;
	background-image: url(images/h2_projects.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;
}

.h2_contact{
	height: 30px;
	background-image: url(images/h2_contact.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;
}

.h2_links{
	height: 30px;
	background-image: url(images/h2_links.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;

}

.h2_gallery{
	height: 30px;
	background-image: url(images/h2_gallery.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;

}

.h2_thanks{
	height: 30px;
	background-image: url(images/h2_thanks.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;

}

.h2_spacer{
	height: 30px;
	background-image: url(images/h2_spacer.gif);
	background-repeat: no-repeat;
	text-indent: -1000px;

}

/*email form--------------------------*/

input, textarea {
	border:1px solid #999;
	padding:7px;
	margin-top:2px;
	width:370px;
	font-family: Arial, sans-serif;
	font-size:1em;
	color:#000000;
}

textarea { height:175px; }
input.submit { color:#669900; border:0; cursor:pointer; width:50px; font-family: Arial, sans-serif;
font-size:1.1em; text-transform:uppercase }

input.submit:hover { color:#999999; }

label { font-size:1em; height:1em; line-height:1em; }

.form_error {color:#669900;}



/*previous and next links--------------------------*/

#prevnext {
	height: 30px;
	font-size: .85em;
	margin-top:7px;
}

#prevnext ul{
	border:0;
	margin:0;
	padding-top:2px;
}

#prevnext li{
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	margin-right:3px;
	display: inline;
}
#prevnext a{
color:#999999;
border:solid 1px #CCCCCC;
margin-right:3px;
}

#prevnext .previous-off,
#prevnext .next-off {
	border:solid 1px #CCCCCC;
	color:#999999;
	float:left;
	margin-right:2px;
	padding:3px 4px;
}
#prevnext .next a,
#prevnext .previous a {
font-weight:bold;
}
#prevnext .active{
background:#669900;
color:#FFFFFF;
float:left;
padding:4px 6px;
}

#prevnext a:link,
#prevnext a:visited {
color:#669900;
float:left;
padding:3px 6px;
text-decoration:none;
}

#prevnext a:hover{
color:#669900;
border:solid 1px #669900;
}

/*projects--------------------------*/

.project1{
	background-image: url(images/project_1.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 400px;
	clear: both;
}

.project2{
	background-image: url(images/project_2.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 400px;
	clear: both;
}


.project3{
	background-image: url(images/project_3.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 400px;
	clear: both;
}

.project4{
	background-image: url(images/project_4.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 400px;
	clear: both;
}

.project5{
	background-image: url(images/project_5.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 400px;
	clear: both;
}

.project6{
	background-image: url(images/project_6.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 400px;
	clear: both;
}

.project7{
	background-image: url(images/project_7.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
	height: 400px;
	clear: both;
}

/*navigation/footer--------------------------*/

#navigation {
	border-top-width: .1em;
	border-top-style: solid;
	border-top-color: #000000;
	width: 780px;
	padding: 5px 0px 10px 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

#navigation a {
text-indent: -9999em;
}

#navigation li {
	text-decoration: none;
	cursor: pointer;
	list-style-image: none;
	list-style-type: none;
	float: left;
}

a.link_home {
	background-image: url(images/link_home_a.jpg);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	width: 65px;
}

a:hover.link_home {
	background-image: url(images/link_home_hov.jpg);
	background-repeat: no-repeat;
}

a.link_about {
	background-image: url(images/link_about_a.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 120px;

}

a:hover.link_about {
	background-image: url(images/link_about_hov.jpg);
	background-repeat: no-repeat;
}


a.link_cv {
	background-image: url(images/link_cv_a.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 120px;
}

a:hover.link_cv {
	background-image: url(images/link_cv_hov.jpg);
	background-repeat: no-repeat;
}


a.link_projects {
	background-image: url(images/link_proj_a.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 160px;
}

a:hover.link_projects {
	background-image: url(images/link_proj_hov.jpg);
	background-repeat: no-repeat;
}

a.link_gallery {
	background-image: url(images/link_gall_a.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 120px;
}

a:hover.link_gallery {
	background-image: url(images/link_gall_hov.jpg);
	background-repeat: no-repeat;
}

a.link_contact {
	background-image: url(images/link_cont_a.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 120px;
}

a:hover.link_contact {
	background-image: url(images/link_cont_hov.jpg);
	background-repeat: no-repeat;
}


a.link_links {
	background-image: url(images/link_lnks_a.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 75px;
	background-position: right;
}

a:hover.link_links {
	background-image: url(images/link_lnks_hov.jpg);
	background-repeat: no-repeat;
}

/*navigation - rule for active states--------------------------*/
	
body#home a.link_home {
	background-image: url(images/link_home_act.jpg);
}

body#about a.link_about {
	background-image: url(images/link_about_act.jpg);
}

body#cv a.link_cv {
	background-image: url(images/link_cv_act.jpg);
}

body#projects a.link_projects {
	background-image: url(images/link_proj_act.jpg);
}

body#gallery a.link_gallery {
	background-image: url(images/link_gall_act.jpg);
}

body#contact a.link_contact {
	background-image: url(images/link_cont_act.jpg);
}

body#links a.link_links {
	background-image: url(images/link_lnks_act.jpg);
}