@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #cccccc; padding:0 0; margin:0 0;
background: url(../images/bg.jpg) repeat-x #121212; }
.body-inner { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #cccccc; padding:0 0; margin:0 0;
background: url(../images/bg.jpg) repeat-x #2c2723; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #cccccc; padding:0 0; margin:0 0; }
img { border: none; }
label { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #cccccc; padding:0 0; text-align: left; }
a, a:visited { color: #cccccc; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: none; text-decoration: underline  }

/*buttons*/
#readmore { display: block; width: 90px; height: 20px; background-color: #121212; padding: 5px; margin: 30px 0 0 0; text-align: center }
#readmore:hover { background-color: #e31c43; }
/*end buttons*/


/*text styles */
.red_big { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #e31c43; }
.black_big { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #000; }
.red_small { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: -1px; color: #e31c43; }
.red_small_bold { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: lowercase; color: #e31c43; font-weight: bold}
.photo_title { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #cccccc; }
.red_big_nonbold { font-family: Arial, Helvetica, sans-serif; font-size: 25px; text-transform: uppercase; letter-spacing: -1px; color: #e31c43; }
.red_big_nonboldcaps { font-family: Arial, Helvetica, sans-serif; font-size: 25px; text-transform: capitalize; letter-spacing: -1px; color: #e31c43; }
.gray_big { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #cccccc; }
.gray_small { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #cccccc; line-height: 16px; }
.result { color: #fff; text-transform: capitalize;  }
/* end text styles */

/*sections*/
#wrapper { width: 100%; height: auto; position: relative; margin:0 0; padding:0 0; }
#header-container { width: 100%; height: 136px; background: url(../images/header-container-bg.jpg) repeat-x; 
float: left; margin:0 0; padding:0 0; }
	#header { background: url(../images/header.png) no-repeat; width: 1059px; height: 136px; margin:0 auto; padding:0 0; }
		#main_menu { width:auto; auto; height: auto; margin:0 auto; padding:35px 0 0 0; text-align:center }
			#main_menu_inner { width: 900px; auto; height: auto; margin:0 auto; padding:35px 0 0 0; text-align: center; float: left }
		#logo_small { background: url(../images/logosmall.png) no-repeat; width: 116px; height: 124px; margin:0 auto; padding:0 0; text-align:center; float: left }
	#fade-bar-header { background: url(../images/fade-bar.png) no-repeat; width: 1059px; height: 24px; margin:0 auto; padding:0 0; }
#mid-container { width: 100%; height: auto; float: left; margin:0 0; padding:0 0; }
#mid-container-big { width: 100%; height: auto; float: left; margin:0 0; padding:0 0; }
	#big-text-graphic { width: 900px; height: auto; float: left; padding: 0 0; margin:0 0; text-align: left; }
	#big-text-graphic-inner { width: 900px; height: auto; float: left; padding: 60px 0 0; margin:0 0; text-align: left; }
	#content { width: 900px; height: auto; padding: 0 0; margin:0 auto; }
		#content_top_flex { width: 900px; height: auto; float: right; padding: 20px 0; margin:0 0; }
		#content_top { width: 900px; height: 251px; float: left; padding: 30px 0; margin:0 0; }
		#content_top_big { width: 900px; height: auto; float: left; padding: 30px 0 30px 0; margin:0 0; }
		#content_bottom_big { width: 900px; height: auto; float: left; padding: 0 0 20px 0; margin:0 0; }

		#content_bottom { width: 900px; height: auto; float: left; padding: 0 0; margin:0 0; position: relative }
			#content_left { width: 435px; height: auto; padding: 15px 15px 15px 0; margin:0 0; float: left; }
			#content_right { width: 435px; height: auto; padding: 15px 0 15px 15px; margin:0 0; float: left; }
			
			#post_box { width: 600px; height: auto; padding: 15px 15px 15px 0; margin:0 0; float: left; }
				#post { width: 600px; height: auto; padding: 0 0; margin:20px 0; float: left; }
				#post_text { background-color: #121212; width: 580px; height: auto; padding: 10px 10px 30px 10px; margin:0 0; float: left; }
			#sidebar_box { width: 265px; height: auto; padding: 15px 0 15px 15px; margin:20px 0; float: left; }
				#sidebar_title { width: 265px; height: auto; padding: 0 0; margin:0 0 5px 0; float: left; border-bottom:1px #666666 solid }
				#sidebar_content { width: 265px; height: auto; padding: 0 0; margin:0 0 20px 0; float: left; }
			#post_title { width: 600px; height: auto; padding: 0 0; margin:0 0 10px 0; float: left; }
			#post_details { width: 600px; height: auto; padding: 0 0; margin:0 0; float: left; }
			#post_pic { width: auto; height: auto; padding: 0 0; margin:30px 0 30px 0; float: left; }
			
		#small-box-list { width: 175px; height: auto; float: left; padding: 0 30px 0 0; margin:0 0; }
			#small-box-list ul { margin: 0 0 0 0; padding: 0 0 0 0; white-space: nowrap; list-style-type: none; }	
#spacer { height: 10px; width: 200px; padding:0 0; margin:0 0; float: left }
#text_space { background-color: #414141; width: 885px; height: auto; float: left; padding: 15px 0 15px 15px; margin:15px 0; }
#footer-container { width: 100%; height: 205px; background: url(../images/footer-container-bg.png) repeat-x; 
float: left; margin:0 0; padding:0 0; }
	#footer { width: 900px; height: auto; position: relative; margin:0 auto; padding:0 0; }
	#fade-bar-footer { background: url(../images/fade-bar-invrt.png) no-repeat; width: 1059px; height: 24px; margin:0 auto; padding:0 0; }
		#footer-boxes-left { width: 300px; float: left; margin:0 0; padding:15px 0 0 0; text-align: left; } 
		#footer-boxes-mid { width: 280px; float: left; margin:0 0; padding:15px 0 0 0; text-align: center; }
		#footer-boxes-right { width: 320px; float: left; margin:0 0; padding:15px 0 0 0; text-align: right }
/*end sections*/

/*thumbs*/
		.thumb { width:auto; height:auto; float: right; border: 4px #424242 solid; margin:0 0 0 8px; padding:0 0 }
		.thumb:hover { border: 4px #fff solid;}
		.thumb-clients { width:auto; height:auto; float: left; border: 4px #424242 solid; margin:0 0 4px 4px; padding:0 0 }
		.thumb-clients:hover { border: 4px #CCCCCC solid;}
		.thumb-res { width:auto; height:auto; float: left; border: 4px #424242 solid; margin:0 0 7px 7px; padding:0 0 }
		.thumb-res:hover { border: 4px #CCCCCC solid;}
/*end thumbs*/

/* header menu */
#main_menu ul { margin-left: 0; padding-left: 0; white-space: nowrap; font-size: 15px; text-transform: uppercase; font-family: "Trebuchet MS"; color: #c0c0c0; font-weight: normal;  }
#main_menu li { display: inline; list-style-type: none; }
#main_menu a { padding: 2px }
#main_menu a:link, #main_menu a:visited { color: #c0c0c0; text-decoration: none; }
#main_menu a:hover { color: #e31c43; }

#main_menu_inner ul { margin-left: 0; padding-left: 0; white-space: nowrap; font-size: 15px; text-transform: uppercase; font-family: "Trebuchet MS"; color: #c0c0c0; font-weight: normal;  }
#main_menu_inner li { display: inline; list-style-type: none; }
#main_menu_inner a { padding: 2px }
#main_menu_inner a:link, #main_menu_inner a:visited { color: #c0c0c0; text-decoration: none; }
#main_menu_inner a:hover { color: #e31c43; }
/* end header menu */

/*footer menu */
#footer-boxes-left ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #c0c0c0; }
#footer-boxes-left a { display: block; padding: 0 0; width: auto; }
#footer-boxes-left a:link, #footer-boxes-left a:visited { color: #c0c0c0; text-decoration: none; }
#footer-boxes-left a:hover { color: #e31c43; }

#footer-boxes-right ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; color: #c0c0c0; text-align: right; }
#footer-boxes-right a { display: block; padding: 0 0; width: auto; }
#footer-boxes-right a:link, #footer-boxes-right a:visited { color: #c0c0c0; text-decoration: none; }
#footer-boxes-right a:hover { color: #e31c43; }
/*end footer menu */

/*form boxes*/
#form_container_black { background-color: #121212; width: 870px; height: auto; float: left; padding:15px ; margin:0 0; }
#form_container_black_result { background-color: #1d1d1d; /*border-bottom: 5px solid #272727; border-top: 10px solid #272727;*/ width: 870px; height: auto; float: left; padding:15px ; margin:15px 0 0; }
#col_left { width: 430px; height: auto; padding: 0 0; margin:0 0; float: left; }
#col_right { width: 435px; height: auto; padding: 0 0; margin:0 0; float: left; }
	#label_input_box { width: 435px; height: auto; padding: 0 0 5px; margin:0 0; float: left }
	#label_output_box { width: 430px; height: auto; padding: 0 0 2px; margin:0 0 1px 0; float: left; border-bottom: 1px #383838 solid}
		#label_title { width: 430px; height: auto; padding: 0 0 5px 0; margin:0 0 10px 0; float: left; border-bottom: 1px #4d4d4d solid }
		#label_title_small { width: 430px; height: auto; padding: 5px 0 5px 0; margin:10px 0 10px 0; float: left; }
		#label_title_contact { width: auto; height: auto; padding: 5px 0 5px 0; margin: 0 0; float: left; }
		#about_thismodel_box { width: 430px; height: auto; padding: 0 0; margin:0 0 10px 0; float: left; }
		#label_box { width: 150px; height: auto; padding:0 15px 0 0; margin:0 0; float: left; }
		#input_box { width: 270px; height: auto; padding: 0 0; margin:0 0; float: left; }
		#output_box { width: 265px; height: auto; padding: 0 0; margin:0 0; float: left; }
	#thumbnail_cont { width: 410px; height: auto; padding: 10px; margin:0 0; float: left; }
	#btn_cont { width: 410px; height: auto; padding: 10px; margin:0 0; float: left; text-align: right }
/*end form boxes*/