@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Arvo';
	font-style: normal;
	font-weight: 400;
	src: local('Arvo'), url(http://themes.googleusercontent.com/static/fonts/arvo/v5/WJ6D195CfbTRlIs49IbkFw.woff) format('woff');
}

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

body{
	background-image:url(../images/layout/paper_bg.png);
	background-attachment:fixed;
	background-position:center;
	width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

html{
    width: 100%;
	min-width:900px;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}



/*//////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////BINDING////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

#binding_header{
	background-image:url(../images/layout/coils.png);
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	height:50px;
	margin: 0 auto;
	z-index:1;
	margin-top:-30px;
}

#binding_footer{
	background-image:url(../images/layout/coils.png);
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	height:50px;
	margin-top:-15px;
	z-index:1;

}

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////NAVIGATION///////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/


#nav_container{
	background-image:url(../images/layout/ribbon_bg.png);
	background-repeat:repeat-x;
	background-position:top center;
	z-index:4;
	width:100%;
	top:0px;
/*clear:both; Lets intro header appear next to logo*/

}

#nav{
	width:900px;
	height:66px;
	margin: 0 auto;
	text-align:center;
}



#nav ul{ margin:0 auto; width:910px;}

#nav li{
	color:#FFF;
	font-size:16pt;
	font-family: 'Arvo', serif;
	font-weight:bold;
	float:left;
	list-style:none;
	padding:17px 2px 0 2px;
}

#nav a:link, #nav a:visited, #nav a:active{
	color:#FFF;
	text-decoration:none;	
}

#nav a:hover{
	color:#57a95a;
}

#nav img{
	margin-top:-17px;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////HEADER///////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

#header_container{
	background-image:url(../images/layout/nav_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin: 0 auto;
}

#header{
	width:950px;
	height:150px;
	margin:0 auto;
	padding-bottom:45px;
	text-align:center;
}

#header .green{
	color:#56a858;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////QUICK LINKS///////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/


#info a:link, #info a:visited, #info a:active{
	color:#FFF;
	text-decoration:none;	
}

.green_des_bars{
	background-color:#57a95a;	
	color:#FFF;
	font-family:"Arvo", Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	padding:7px;
	width:80px;
}

.green_des_bars_right{
	background-color:#57a95a;	
	color:#FFF;
	font-family:"Arvo", Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	padding:7px;
	width:80px;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////TITLES/////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

.project_header{
	font-family: 'Arvo', serif;
	color:#FFF;
	font-size:20pt;
	line-height:35px;
	background-image:url(../images/layout/longribbon_bg.png);
	background-repeat:no-repeat;
	width:537px;
	height:63px;
	text-align:center;
	padding-top:8px;
	margin: 0 auto;
}

#titles_container{
	padding-top:35px;
	margin: 0 auto;
	background-image:url(../images/layout/header_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:237px;
	clear:both; /*pushes recent work containers down so the container does not float next to about me description*/
}


#titles{
	width:900px;
	margin: 0 auto;
}


h1{
	text-align:center;
	font-size:3em;
	font-family: 'Arvo', serif;
	color:#FFF;
}

h2{

	font-family: 'Arvo', serif;
	color:#393939;
	font-size:15pt;
	line-height:35px;
	text-align:left;
}

b{
	color:#7fc47f;	
}

.intro{
	font-family: 'Arvo', serif;
	color:#FFF;
	font-size:15pt;
	line-height:35px;
	padding-top:65px;
}

.green{
	color:#57a95a;
}


#info_container{
	background-image:url(../images/layout/beach_transp_bg.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom center;		
}

#info{		
	width:710px;
	height:1200px;
	margin: 0 auto;
	text-align:center; /*Centers images*/
	padding:0 50px 50px 50px; /*Pushes images down & leaves gap for footer*/
	background-color:#FFF;
	border:#CCC 1px solid;

}

.description{
	font-family:"Arvo", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:1.7em;
	margin-bottom: 1em;
	text-align:center;
	color:#333;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////FOOTER////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/


#footer_container{
	background-image:url(../images/layout/footer_bg.gif);
	clear:both;
	background-repeat:repeat-x;

}

#footer{
	width:900px;
	height:50px;
	margin:0 auto;
	text-align:center; /*Centers images*/
	padding-top:30px;
}

.social{
	color:#57a95a;	
}

h6{
	font-family: 'Arvo', serif;
	font-size:10pt;	
	color:#FFF;
	clear:both;
	padding-top:10px;
}