/*+-----------------------------------------------------------------------------------+
+-----------------------------CSS USAGE LICENSE---------------------------------------+
+-------------------------------------------------------------------------------------+
|	file                 :	screen.css                                                |
|	web                  :	http://yourconcreteguy.com                                 |
|	filename             :	/css/screen.css                                           |
|	version              :	05.05.2009                                                |
|	copyright            :	(c) 2009 Jason Wydro & w3developing, LLC                  |
|	license              :	(c) Copyright 2009. All Rights Reserved.                  |
|	author               :	Jason Wydro                                               |
|	web                  :	http://w3developing.com                                   |
+-------------------------------------------------------------------------------------+
+-------------------------------------------------------------------------------------+*/

body {
	background-image: url(../img/bg_1a.png);
	background-position: left top; 
	text-align: justify; 
}


.boldTypeFace {
	font-weight: 900;
}


a:link {color:#660000} /* unvisited link */
a:visited {color:#660000} /* visited link */
a:hover {color: #666666} /* mouse over link */
a:active {color:#660000} /* selected link */

h1, h2, h3, h4 {
	margin: 0;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p {
	margin: 0;
	padding: 10px 20px 0px 20px;
	text-align: justify;
}

#contactFormBox {
	margin: 0;
	padding: 10px 20px 0px 20px;
	text-align: justify;
}

h2 {
	color: #660000;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

#rootContainer {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFEC9A;
	border: 1px #000000 solid;
}

#preHeader {
	margin: 0;
	padding: 0;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 30px;
	letter-spacing: 2px;
	text-align: center;
}

#mainHeader {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: 176px;
	background-image: url(../img/header_bg.png);
	background-position: left top;  
}

ul#headerMenu {
	margin: -50px 10px 0px 0px;
	padding: 0;
	float: right;
}

ul#headerMenu li {
	margin: 0;
	padding: 0px 0px 0px 3px;
	float: left;
	text-align: center;
	list-style-type: none;
}

ul#headerMenu li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 105px;
	height: 50px;
	background-image: url(../img/MASTER_header_menu_pixy.png);
	background-position: 0 0; 
	color: #ffffff; 
	text-decoration: none;
}

ul#headerMenu li a:hover {
	background-position: 0 -52px;
}

ul#headerMenu li a:active {
	background-position: 0 -104px;
}

.sf-menu li a .buttonTextControlOne {
	display: block;
	margin: 0;
	padding: 18px 0px 0px 0px;
} 

.sf-menu li a .buttonTextControlTwo {
	display: block;
	margin: 0;
	padding: 9px 0px 0px 0px;
} 


#postHeader {
	margin: 0;
	padding: 7px 0px 7px 0px;
	width: 850px;
	/*height: 30px;*/
	background-image: url(../img/sub_header_bg.png);
	background-position: left top;  
	color: #FFFFFF;	
	text-align: right;
}

#rootContent  {
	margin: 0;
	padding: 0px 0px 10px 0px;
	width: 850px;
	background-image: url(../img/content_bg.png);
	background-position: top;  
	background-repeat: no-repeat;	
	/*border: 1px #990000 ridge;*/
}

#rootContent ul {
	margin: 0;
	padding: 10px 0px 0px 20px;
	list-style-type: none;
}

#rootContent ul li {
	margin: 0;
	padding: 0px 0px 3px 15px;
	background-image: url(../img/list_arrow.png);
	background-position: left;
	background-repeat: no-repeat;
}

#indexContent  {
	margin: 0;
	padding: 0;
	width: 850px;
}

#indexContent .noBorder {
	border: 0px; 
}

.imgFloatRight {
	margin: 10px 0px 10px 20px;
	padding: 0px;
	float: right;
	border: 2px #000000 solid;
	clear: right; 
}

ul#footerMenu {
	margin: 0;
	padding: 0px 0px 0px 110px;
	width: 740px;
	height: 30px;
	background-color: #8C0404;
}

ul#footerMenu li {
	margin: 0;
	padding: 7px 0px 0px 20px;
	float: left;
	text-align: center;
	list-style-type: none;
}

ul#footerMenu li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #ffffff; 
	text-decoration: none;
}

ul#footerMenu li a:hover {
	color: #FFEC9A;
}

#mainFooter {
	margin: 0;
	padding: 6px 0px 6px 0px;
	width: 850px;
	font-size: 12px;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}

#creditCardInfo {
	margin: 0px;
	font-size: 16px;
	padding: 20px 0px 10px 0px;
	text-align: center;
	font-weight: 900;
	clear: both;
}

#mainHeader a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 850px;
	height: 150px;
}

.errorMessege {
	margin: 20px 20px 20px 20px;
	font-size: 20px;
	padding: 10px;
	border: 1px #990000 solid;
	float: left;
	width: 50%;
}

.successMessege {
	margin: 20px 20px 20px 20px;
	font-size: 20px;
	padding: 10px;
	border: 1px #009900 solid;
	color: #009900;
	float: left;
	width: 50%;
}

/* gallery controls */

ul#galleryIndex {
	margin: 0px;
	padding: 0px 0px 10px 20px;
	float: left;
	/*border: 1px #000000 solid;*/
}

ul#galleryIndex li {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	list-style: none;
	/*height: 150px;*/
}

ul#galleryIndex li a img {
	margin: 0px;
	padding: 0px;
	border: 1px #663300 solid;
}

.imageTitles {
	font-weight: 900;
}

.clearBoth {
	clear: both;
}