/**
 *	+-----------------------------------------------------------------------------------------+
 *	BLDrain - Public Site
 *	Layout CSS Style
 *	+-----------------------------------------------------------------------------------------+
 */

/**
 *	+-----------------------------------------------------------------------------------------+
 *	FireFox Preferences
 *	+-----------------------------------------------------------------------------------------+
 */
div > p:first-child
{
	margin-top:							0;
}
div > p:last-child
{
	margin-bottom:						0;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Core
 *	+-----------------------------------------------------------------------------------------+
 */
body
{
	margin: 								0;
	background-image:					url(../images/bg_main.jpg);
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							11px;
	color:								#666666;
}

.clear
{
	clear:								both;
	height: 								0;
}

#wrapper_main
{
	width:								887px; 
	margin: 								0 auto;
}



a.more_info
{
	font-size:							11px;
	font-weight:						bold;
	text-decoration:					none;
	color:								#4b7510;
}
a.more_info:hover
{
	text-decoration:					underline;
}



h1#home
{
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							11px;
	color:								#666666;
	font-weight:						normal;
	margin:								0;
}

h1, h2, legend
{
	font-size:							14px;
	font-weight:						bold;
	color:								#4b7510;
	margin:								0;
}

.txt_confirm
{
	font-size:							11px;
	color:								#ffffff;
	text-align:							center;
	border: 								solid 1px #cccccc;
	padding:								5px;
	background-color:					#4b7510;
}

.bold
{
	font-weight:						bold;
}

.border
{
	border: 								solid 1px #cccccc;
}

.left
{
	float:								left;
}

.right
{
	float: 								right;
}

.window
{
	padding: 							10px;
	background-color:					#eaf2e0;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Header
 *	+-----------------------------------------------------------------------------------------+
 */
#wrapper_header
{
	width:								797px; 
	height: 								134px;
	padding-top: 						35px;
	float:								right;
	position:							relative;
	z-index:								50;
}

#header_left
{
	width:								11px;
	height: 								128px;
	background-image:					url(../images/header_left.png);
	background-position:				left;
	background-repeat:				no-repeat;
	float:								left;
}

#header_bg
{
	width:								775px; 
	height: 								128px;
	background-image:					url(../images/header_bg.png);
	background-position:				center;
	background-repeat:				repeat-x;
	float:								left;
}

#header_right
{
	width:								11px;
	height: 								128px;
	background-image:					url(../images/header_right.png);
	background-position:				right;
	background-repeat:				no-repeat;
	float:								left;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Header Elements - House, Slogan, Logo
 *	+-----------------------------------------------------------------------------------------+
 */
#house
{
	width:								172px;
	height: 								159px;
	background-image:					url(../images/house.png);
	background-repeat:				no-repeat;
	position:							absolute;
	top: 									30px;
	left: 								-100px;
}

#slogan
{
	width:								230px;
	height: 								38px;
	background-image:					url(../images/header_slogan.png);
	background-repeat:				no-repeat;
	position:							absolute;
	top: 									75px;
	left: 								50px;
}

#logo
{
	width:								234px;
	height: 								103px;
	background-image:					url(../images/logo_bldrain.png);
	background-repeat:				no-repeat;
	position:							absolute;
	top: 									47px;
	right:								10px;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Body
 *	+-----------------------------------------------------------------------------------------+
 */
#wrapper_body
{
	width:								714px;
	float:								right;
	position:							relative;
	right: 								15px;
	top:									-15px;
	z-index:								25;
}

#body
{
	width:								684px;
	background:							url(../images/body_bg_large.png) repeat-y center;
	padding:								15px;
}

#body_footer
{
	width:								714px;
	height:								9px;
	background-image:					url(../images/body_footer_large.png);
	background-position:				center;
	background-repeat:				no-repeat;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Footer
 *	+-----------------------------------------------------------------------------------------+
 */
#footer_menu
{
	float:								left;
}
#footer_menu, #footer_menu a, #footer_info
{
	font-size:							10px;
	text-decoration:					none;
	color:								#58821e;
}
#footer_menu a:hover
{
	text-decoration:					underline;
}
#footer_info
{
	float:								right;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Menu
 *	+-----------------------------------------------------------------------------------------+
 */
#main_menu
{
	height:								138px;
	width:								172px;
	position:							absolute;
	top: 									210px;
}

a#btn_home
{
	display:								block;
	height:								30px;
	width:								172px;
	background-image:					url(../images/button_home.png);
	background-position:				center 0px;
	background-repeat:				no-repeat;
}
a#btn_contact
{
	display:								block;
	height:								30px;
	width:								172px;
	background-image:					url(../images/button_contact.png);
	background-position:				center 0px;
	background-repeat:				no-repeat;
}
a#btn_home:hover, a#btn_contact:hover
{
	background-position:				center -30px;
}

a#btn_products
{
	display:								block;
	height:								26px;
	width:								172px;
	background-image:					url(../images/button_products.png);
	background-position:				center 0px;
	background-repeat:				no-repeat;
}
a#btn_services
{
	display:								block;
	height:								26px;
	width:								172px;
	background-image:					url(../images/button_services.png);
	background-position:				center 0px;
	background-repeat:				no-repeat;
}
a#btn_realisations
{
	display:								block;
	height:								26px;
	width:								172px;
	background-image:					url(../images/button_realisations.png);
	background-position:				center 0px;
	background-repeat:				no-repeat;
}
a#btn_certs
{
	display:								block;
	height:								26px;
	width:								172px;
	background-image:					url(../images/button_certs.png);
	background-position:				center 0px;
	background-repeat:				no-repeat;
}
a#btn_products:hover, a#btn_services:hover, a#btn_realisations:hover, a#btn_certs:hover
{
	background-position:				center -26px;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Content - Home
 *	+-----------------------------------------------------------------------------------------+
 */
#window_products
{
	padding: 							10px;
	width:								315px;
	height:								95px;
	background-color:					#eaf2e0;
	float:								left;
}
#window_products_left
{
	float: 								left;
}
#window_products_right
{
	width:								220px;
	float: 								right;
}


#window_services
{
	padding: 							10px;
	width:								315px;
	height:								95px;
	background-color:					#eaf2e0;
	float:								right;
}
#window_services_left
{
	float: 								left;
}
#window_services_right
{
	width:								220px;
	float: 								right;
}


#estimate_left
{
	float: 								left;
	padding-top:						15px;
}
#estimate_right
{
	width:								588px;
	float: 								right;
	padding-top:						15px;
}

#caa
{
	float: 								right;
	margin-top:							-80px;
}

#apchq
{
	float: 								right;
	margin-top:							-80px;
}





/**
 *	+-----------------------------------------------------------------------------------------+
 *	Content - Realisations
 *	+-----------------------------------------------------------------------------------------+
 */
fieldset
{
	border: 							1px solid #CCC;
	width:							620px;
	margin: 							0 auto;
}




/**
 *	+-----------------------------------------------------------------------------------------+
 *	Content - Contact
 *	+-----------------------------------------------------------------------------------------+
 */
#form_left
{
	width:								325px;
	float:								left;
}

#form_right
{
	width:								325px;
	float:								right;
}

#form_middle
{
	clear:								both;
	padding-top:						10px;
}

#contact_form label
{
	font-size:							11px;
	font-weight:						bold;
	text-decoration:					none;
	color:								#4b7510;
}

.form_input
{
	border: 								1px solid #bccca7;
	background-image:					url(../images/bg_input.png);
	background-repeat:				no-repeat;
	padding:								3px;
	font-size:							12px;
	width:								250px;
}

.form_textarea
{
	border: 								1px solid #bccca7;
	background-image:					url(../images/bg_textarea.png);
	background-repeat:				no-repeat;
	padding:								3px;
	font-size:							12px;
	border: 								1px solid #bccca7;
	width:								640px;
}