/* ********** ********** ********** */
/* StephCreative.com                */
/* Stephanie Long                   */
/* 01/05/10                         */
/* ********** ********** ********** */

/********** universal styles **********/
body { 
	background:url(../images/fence_bg1.jpg) repeat-x #000;
	margin:0px;
    font-family:Arial,Helvetica,sans-serif; color:#fff;
	/*background-position:0px -50px;*/
}

img { border:0px; }

.fl { float:left; }
.fr { float:right; }

div.clearer { clear:both; overflow:hidden; height:0px; }

#nightsky {
	background:url(../images/nightsky.png) repeat-x; background-position:50% 0px;
}
   
#container {
	width:900px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

#nails {
	position:absolute;
	z-index:3;
	top:211px; left:135px;
	width:394px; height:373px;
	background:url(../images/nails.png);
}

#masthead {
	overflow:hidden;
	margin-bottom:65px;
}

h1.title {
	font-size:16px; color:#23bb0f; font-weight:normal;
	float:right;
	width:150px; height:25px;
	/*margin:108px 0px 0px 0px; padding:0px;  83*/
	margin:108px 0px 0px 0px; padding:0px;
}

h2.subtitle {
	font-size:16px; color:#2fdde8; font-weight:normal;
	float:left;
	width:200px; height:25px;
	margin:108px 0px 0px 0px; padding:0px;
}

#flashfolio {
	width:800px; margin:0px auto;
}

#folio {
	width:800px; height:525px; margin:0px auto;
	overflow:hidden; position:relative;
}

#folio_nav {
	width:90px; float:right; overflow:hidden;
	line-height:200%;
	font-size:16px;
	padding-top:50px;
}

#folio_nav a { color:#2fdde8; text-decoration:none; }
#folio_nav a:hover, #folio_nav a:active { color:#23bb0f; text-decoration:none; }
#folio_nav a.set { color:#23bb0f; text-decoration:none; }

#grass {
	height:29px;
	background:url(../images/grass.png) repeat-x;
	overflow:hidden;
}

#footerinfo {
	width:750px; margin:0px auto;
	font-size:12px; color:#fff;
}

#footerinfo h1 {
	color:#2fdde8; font-weight:normal; font-size:16px;
}

#footerinfo a { color:#fff; text-decoration:none; }
#footerinfo a:hover, #footerinfo a:active { color:#2fdde8; text-decoration:underline; }

div.third_a {
	width:225px; float:left; overflow:hidden;
	margin-right:85px;
}

div.third_b {
	width:155px; float:left; overflow:hidden;
	margin-right:85px;
}

div.third_c {
	width:200px; float:left; overflow:hidden;
}

#copy {
	width:800px;
	margin:10px auto;
	font-size:11px; color:#092006; text-align:center;	
}

#copy a { color:#092006; text-decoration:none; }
#copy a:hover, #copy a:active { color:#2a6323; text-decoration:underline; }

#pos11 {
	width:173px; height:168px; overflow:hidden;
	float:left; position:relative; margin-top:20px;
}

#pos12 {
	width:173px; height:168px; overflow:hidden;
	float:left; position:relative; margin-top:20px;
}

#pos13 {
	width:173px; height:168px; overflow:hidden;
	float:left; position:relative; margin-top:20px;
}

#pos14 {
	width:155px; height:168px; overflow:hidden;
	float:left; position:relative; margin-top:20px;
}

#pos21 {
	width:173px; height:168px; overflow:hidden;
	float:left; position:relative;
}

#pos22 {
	width:173px; height:168px; overflow:hidden;
	float:left; position:relative;
}

#pos23 {
	width:173px; height:168px; overflow:hidden;
	float:left; position:relative;
}

#pos24 {
	width:155px; height:168px; overflow:hidden;
	float:left; position:relative;
}

#pos31 {
	width:173px; height:156px; overflow:hidden;
	float:left; position:relative;
}

#pos32 {
	width:173px; height:156px; overflow:hidden;
	float:left; position:relative;
}

#pos33 {
	width:173px; height:156px; overflow:hidden;
	float:left; position:relative;
}

#pos34 {
	width:155px; height:156px; overflow:hidden;
	float:left; position:relative;
}

div.pos_additional {
	width:0px; height:150px; overflow:hidden;
	float:left;
}

#about_text {
	float:left; width:674px;
	overflow:hidden;
	font-size:12px;
}

#about_text h1 { font-size:24px; font-weight:normal; color:#2fdde8; }
#about_text h2 { font-size:16px; font-weight:normal; line-height:150%; }
#about_text h3 { font-size:16px; font-weight:normal; }

#about_text a { color:#2fdde8 }

#contact_text {
	float:left; width:674px;
	overflow:hidden;
	font-size:14px;
}

#contact_text h1 { font-size:24px; font-weight:normal; color:#2fdde8; }
#contact_text h2 { font-size:16px; font-weight:normal; line-height:150%; }
#contact_text h3 { font-size:16px; font-weight:normal; }

#contact_text a { color:#2fdde8 }

#contact_form {
	width:520px; margin:10px auto;
	text-align:center;
}

div.flabel {
	width:100px; float:left; margin-right:15px; overflow:hidden;
	text-align:right;
	margin-bottom:10px;
}

div.ffield {
	width:400px; float:left; margin-bottom:10px; overflow:hidden;
	text-align:left;
}

#contact_form input.txti {
	width:250px; background:#222; border:1px #000 solid;
	font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#ccc;
}

#contact_form select.txts {
	width:250px; background:#222; border:1px #000 solid;
	font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#ccc;
}

#contact_form textarea.txtt {
	width:380px; height:100px; background:#222; border:1px #000 solid;
	font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#ccc;
}