@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;}

html{
    width: 100%;
	min-width:900px; /*browser stops rescaling contant at this size*/
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
	height:auto;
}

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

}


#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}


/*Autumn Leaf Credit: https://scrixels.tumblr.com/post/665937123988455424/1511-autumn-leaves*/

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////BORDERS//////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/



.left_b{
	background:url(../images/layout/left_border.png) scroll repeat-y 0px 0px transparent;
	background-position:right;
	width:70px;
	height:1800px;
	z-index:2; /*Just like layers in a document, higher the number, the further it appears first*/
	position:absolute;
	top:0;
	left:0px; /*Pushes border out*/
}

.right_b{
	background:url(../images/layout/right_border.png) scroll repeat-y 0px 0px transparent;
	background-position:left;
	width:70px;
	height:1800px;
	z-index:2; /*Just like layers in a document, higher the number, the further it appears first*/
	position:absolute;
	top:1px;
	right:-1px; /*Pushes border out*/
}

.border_container{
	width:100%; /*keeps borders contained*/
	min-width:950px; /*when browser is sized down, the righr border will stop scaling at this size*/
	position:absolute;
	z-index:6;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////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:-15px;
}

#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;


}

#nav{
	width:902px; /*to keep navigation centered, you can onyl change the width*/
	height:66px;
	margin: 0 auto;
	text-align:center;
}



#nav ul{margin: 0 auto;}

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

#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-size:100%; /*Stretches background to fit browser, set to 100% if you want it to scale down to any size when browser is resized*/
	min-width:1100px; /*scales BG at specified size so BG does not resize too small twords the DIV specifications*/
	background-image:url(../images/layout/quote_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin: 0 auto;
}

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

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

/*//////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////QUOTE//////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

#quote_container{
	background-size:100%; /*Stretches background to fit browser, set to 100% if you want it to scale down to any size when browser is resized*/
	min-width:1080px; /*scales BG at specified size so BG does not resize too small twords the DIV specifications*/
	background-image:url(../images/layout/quote_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:100%;
	height:450px; 
	text-align:center;
}

#quote_container img{
	margin-top:25px;
	text-align:center;
}

#stripes{
	background-image:url(../images/layout/stripes.png);
	height:100%;
}

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;
}

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

.green{
	color:#57a95a;
}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////ABOUT////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

#about_container{
	background-image:url(../images/layout/about_bg.jpg);
	height:372px;
	padding-top:30px;
}

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

#photo{
	width:300px;
	float:left;
	padding-left:30px;
}

#about_content{
	width:540px;
	height:265px;
	float:left;
	padding-top:20px;
}

#about_link{
	width:570px;
	float:right;
}

.about_header{
	font-family: 'Arvo', serif;
	color:#FFF;
	font-size:15pt;
	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;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

.about_description{
	font-family:"Arvo", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12pt;
	line-height:22pt;
	float:left;
	padding-left:30px;
	width:490px;
}

/*
#readmore{
	float:left;
	padding:10px 10px 10px 10px;
	margin-left:180px;
}
*/

.workboard{
	background-color:#57a95a;	
	color:#FFF;
	font-family:"Arvo", Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	padding:10px;
	width:100px;
	margin-left:200px; /*Pushes button over to the left to get center aliment*/
}


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

#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:200px;
	clear:both; /*pushes recent work containers down so the container does not float next to about me description*/
}


#titles{
	width:1000px;
	margin: 0 auto;

}



/*//////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////BLOG//////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

#pics2{ /*For multiple imgs*/
width:30%;
}


#recent_main{
	background-size:100%; /*Stretches background to fit browser, set to 100% if you want it to scale down to any size when browser is resized*/
	background-image:url(../images/layout/beach_transp_bg.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom center;	
	width:100%;
	padding-bottom:30px; /*Pushes Newsletter section down to give spacing between newsletter div and blog main*/

}



#recent_container{		
	width:795px;

	margin: 0 auto;

}

.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;
}










/*//////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////NEWSLETTER FOOTER//////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/

#newsletter_container{
	background-image:url(../images/layout/about_bg.jpg);
	height:250px;
	padding-top:30px;
	clear:both;
}

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

#newsletter_icon{
	width:255px;
	float:left;
	padding-left:50px;
}

#newsletter_content{
	width:540px;
	height:200px;
	float:left;
	padding-top:10px;
}

.newsletter_header{
	font-family: 'Arvo', serif;
	color:#FFF;
	font-size:15pt;
	line-height:35px;
	background-image:url(../images/layout/longribbon_bg.png);
	background-repeat:no-repeat;
	width:537px;
	height:60px;
	text-align:center;
	padding-top:8px;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

.newsletter_description{
	font-family:"Arvo", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12pt;
	line-height:22pt;
	float:left;
	padding-left:25px;
	width:490px;
	margin-bottom:20px;
	text-align:center;
}


.signup{
	background-color:#57a95a;	
	color:#FFF;
	font-family:"Arvo", Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	padding:10px;
	width:100px;
	margin-left:190px;

}


/*//////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////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;
}