@charset "utf-8";

/* 



830px - width of the entire layout with the shadows 

803px - width of inner layout

583px - header graphics



*/





/* Template syle definitions */

body {
	background-color: #232323;
	margin: 0;
	padding: 0px;

}



#main_container { /*outermost container with the shadows*/
	width: 830px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: auto;
	background-image: url(images/bg_wshadow.jpg);
	background-repeat: repeat-y;
	padding:0px;

}



#innerlayout_container { /*inner container without the shadows*/
	background-color: #000000;
	margin: auto;
	padding: 0px;
	width: 803px;

}
#testi_content {
	width: 803px;
	background-color: #C6AD5B;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}
.testi_content_d {
	background-color: #BEA556;
	float: left;
	height: 130px;
	width: 381px;
	padding: 10px;
	border-top-width: 3px;
	border-top-style: dotted;
	border-top-color: #836F32;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.testi_content_l {
	background-color: #CDB878;
	float: left;
	height: 130px;
	width: 381px;
	padding: 10px;
	border-top-width: 3px;
	border-top-style: dotted;
	border-top-color: #836F32;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.testi_pic {
	margin-right: 15px;
	margin-bottom: 15px;
	border: 3px solid #836F32;
	clear: right;
	float: left;
}
.testi_msg_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 12px;
}



#innerlayout_container_testi { /*inner container without the shadows for testimonials page*/
	background-color: #C6AD5B;
	margin: auto;
	padding: 0px;
	width: 803px;

}


#content_left { /*main container for header, film navigation*/

	padding: 0px;

	float: left;

	width: 583px;

}



#scrolling_pic { /*the javascript scrolling navigating icons below the layout's header*/
	background-color: #836F32;
	height: 136px;
	width: 583px;
	clear: none;
	float: left;
	padding-top: 7px;

}



#film_strip { /* a film strip image used as a background for the navigation icons*/

	background-image: url(images/film_bottom.jpg);

	background-repeat: repeat-x;

	padding: 0px;

	height: 27px;

	width: 583px;

	margin-top: 0px;

	float: left;

}



#content { /*contains the content region for the index and subpages, below the navigation icons*/
	background-color: #C6AD5B;
	width: 583px;
	height:auto;
	float: left;
	clear: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 17px;
	padding-left: 0px;

}



#footer { /*style definitions for the footer of the layout - with the copyright*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	width: 583px;
	text-align: center;
	background-color: #836F32;
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;

}

#footer_testi { /*style definitions for the footer of the layout for the testimonials page - with the copyright*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	width: 803px;
	text-align: center;
	background-color: #836F32;
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;

}


a.footerlink:link { /*link on genn's portfolio*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	clear: both;

}



a.sidesublink:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ceaa1e;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-weight: bold;

}



a.sidesublink:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ceaa1e;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-weight: bold;

}



a.sidesublink:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-weight: bold;

}



a.sidesublink:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ceaa1e;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-weight: bold;

}



a.footerlink:visited{ /*link on genn's portfolio*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #ffffff;

	text-decoration: none;

	list-style-type: none;

}



a.footerlink:hover { /*link on genn's portfolio*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

	list-style-type: none;



}



a.footerlink:active{ /*link on genn's portfolio*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

	list-style-type: none;



}







#content_right { /*main container for navigation buttons, testimonial, other links, site glitches*/

	background-color: #000000;

	margin: 0px;

	padding: 0px;

	float: right;

	width: 220px;

	clear: none;

}



#nav_bg { /* css code for nagivation buttons*/
	width: 180px;
	height:auto;
	margin-top: 17px;
	margin-right: auto;
	margin-left: 20px;
	margin-bottom: 24px;
	clear: both;
	float: left;

}



.one_row {

	float: right;

	width: 180px;

	height: 23px;

	border: none;

	margin-top: 3px;

	margin-left: 1px;

	margin-right: 1px;

	margin-bottom: 3px;

	border-bottom: dashed;

	border-bottom-color: #ceaa1e;

	border-bottom-width: 1px;

	padding-bottom: 10px;

	letter-spacing: 1px;

	vertical-align: middle;

}



.label_row {

	float: right;

	text-align: left;

	line-height: 12px;

	margin: 0 5px 0 0;

	font-family: Aria, Helvetica, sans-serif;

	font-size: 14px;

	width: 170px;

	border: none;

}



a.nav:link { /*navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ceaa1e;

	text-decoration: none;

	list-style-type: none;

	line-height: 30px;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

}



a.nav:visited{ /*navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ceaa1e;

	text-decoration: none;

	list-style-type: none;

	line-height: 30px;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

}



a.nav:hover { /*navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ffffff;

	text-decoration: none;

	list-style-type: none;

	line-height: 30px;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

}



a.nav:active{ /*navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #ceaa1e;

	text-decoration: none;

	list-style-type: none;

	line-height: 30px;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

}



#testimonial_corner { /*testimonial corner on the rightside of the layout*/

	background-color: #1a1a1a;

	margin: 0px;

	width: 200px;

	clear: none;

	float: right;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}



a:link.more { /* style definitions for more links on the right side of the layout*/

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #00CC00;

	margin: 0px;

	padding: 0px;	

	text-decoration: none;

}



.testimonial { /* style definitions for the content in the testimonial's corner on the right side of the layout*/

	color: #FFFFFF;

	text-align: left;

	font-size: 11px;

	clear: both;

	float: none;

}



h2.sides { /* style definitions for the headers on the right side of the layout */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	margin: 0px;

	padding-bottom: 10px;

}



.testimonial_headers {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: left;

	font-weight: bolder;

	font-size: 12px;

	padding-bottom: 10px;

}



#otherlink { /* other link container on the right side of the layout */
	background-color: #2A2A2A;
	clear: right;
	float: right;
	width: 220px;
	text-align:center;
	padding-bottom: 17px;
	padding-top: 17px;

}



.otherlinklogos {

	margin-bottom: 10px;

	}



#site_glitches { /* site glitches container on the right side of the layout */

	background-color: #000000;

	margin: 10px;

	clear: none;

	float: right;

	width: 200px;

}







/* Subpages style definitions */

.subpages_header { /* style definitions for the headers for the site's different web pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FECE2E;
	background-color: #000000;
	text-align: left;
	float: left;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 15px;

}

.subpage_content { /* style definitions for the contents of the site's different web pages */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 560px;
	clear: both;
	float: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #000000;
	line-height: 17px;
}

.index_subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #836f31;
	text-align: center;
	clear: none;
	float: left;
	width: 259px;
	padding: 10px;
	margin-left: 8.25px;
	margin-right: 0px;

}



.index_subcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #C9BE98;
	padding: 10px;
	width: 259px;
	float: left;
	clear: none;
	margin-left: 8.25px;
	height: 220px;
	line-height: 18px;
}



.image_padding{

	margin-bottom: 45px;

	

}



a.indexlink:link { /*navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

	font-weight: bold;

}



a.indexlink:visited{ /*navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

	font-weight: bold;

}



a.indexlink:hover { /*navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

	font-weight: bold;

}



a.indexlink:active{ /*.navigation links on the upper right side's color attribute*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ceaa1e;

	text-decoration: none;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	vertical-align: top;

	font-weight: bold;

}



.index_thumbnails { /* styles for the thumbnails in the index page */

	clear: none;

	float: left;

	border: 2px solid #FFFFFF;

	margin-right: 5px;

	margin-bottom: 1px;

}



#about_pic {

	clear: none;

	float: right;

	padding-left: 10px;

}

.services_category {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: left;

	width: 550px;

	float: left;

	clear: left;

	padding: 10px;

}

#featured_pic {

	float: right;

	border: 2px solid #FFFFFF;

	margin-left: 10px;

}





.services_thumbnails { /* styles for the thumbnails in the services page */

	clear: none;

	float: left;

	border: 2px solid #FFFFFF;

	margin-right: 7px;

	margin-bottom: 1px;

}



.packages_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	background-color: #836f31;

}



.packages_content {

	margin-left: 7px;

	margin-top: 7px;

}



.demo_content {

	text-align: center;

}



.demo_video {

	background-image:url(images/film_bg.gif);

	background-repeat: no-repeat;

	width: 580px;

	height: 270px;

	float:none;

	background-position: center center;

	padding-top: 42px;

}



.demo_videotitle {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-align: center;

	font-size: 14px;

}



label

{

	width: 20em;

	float: left;

	text-align: right;

margin: 0 1em 10px 0

clear: both

; 	margin-right: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.input-box

{
	margin-bottom: 10px;
	background-color: #836f31;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width: 270px;
	float: left;

}



#contact_content_header {

	text-align: center;

	padding-bottom: 1em;

	font-size: 14px;

	padding-top: 1em;

}



.input-box-buttons

{

	margin-bottom: 10px;

	margin-left: 250px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	width: 270px;

	float: left;

}



.submit-button

{

float: left;



} 



.reset-button

{
float: left;
} 

#errmsgbox {

	margin: 0 auto;

	padding: 5px 0 0 0;

	text-align: center;

	width: 300px;

	height: 20px;

}



#cf_errmsg {

	padding: 0;

	background-color: #fff;

}

#content_curves { /*main container for navigation buttons, testimonial, other links, site glitches*/
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 220px;
	clear: right;
	background-image: url(images/bg_curves.jpg);
	background-repeat: repeat-x;
}

#curve_left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 20px;
	clear: right;
}

#curve_right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 20px;
	clear: right;
}