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

body{
	margin:0; padding:0;
	background:#fff url(../website_images/back.png) 0 0 repeat;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}
#wrapper{
	width:1000px;
	margin:0 auto; padding:0;
}
img{border:0;}
a{outline:none; text-decoration:none;}

/*********************************************************/
#header{
	width:1000px; height:120px;
	margin:0; padding:0;
	float:left; position:relative;
	background:url(../website_images/top_shadow.png) bottom left no-repeat;
}
#logo{
	width:360px; height:84px;
	position:absolute;
	left:25px; bottom:14px;
	background:url(../website_images/logo.png) 0 0 no-repeat;
}
#top_menu{
	width:210px; height:40px;
	position:absolute;
	bottom:14px; right:26px;
	background:url(../website_images/top_menu_box.png) 0 0 no-repeat;
}
#top_menu a{
	font-size:11px; font-weight:bold; color:#666;
}
#top_menu a:hover{}
/*********************************************************/
#navigation{
	width:1000px; height:50px;
	margin:0; padding:0;
	float:left;
}
#menu_left, #menu_right{
	width:25px; height:50px;
	margin:0; padding:0;
	float:left;
}
#menu_left{background:url(../website_images/shadow_menu_left.png) 0 0 no-repeat}
#menu_right{background:url(../website_images/shadow_menu_right.png) 0 0 no-repeat}
ul#menu{
	width:950px; height:50px;
	margin:0; padding:0;
	float:left;
	list-style-type:none; 
	background:url(../website_images/menu_back.png) 0 0 repeat-x;
}
ul#menu li{
	height:50px;
	margin:0; padding:0;
	float:left; display:inline;
}
ul#menu li a{
	font-size:14px; font-weight:bold; color:#fff;
	line-height:50px; display:block;
	margin:0; padding:0 29px 0 28px;
}
ul#menu li.last_fix a{padding:0 30px 0 30px;}
ul#menu li a:hover{color:#fee053;}
ul#menu li.active{background:url(../website_images/menu_back_active.png) 0 0 repeat-x}
ul#menu li.active a{color:#fcd416;}
/*********************************************************/

#main_left{
	width:975px;
	margin:0; padding:0 0 0 25px;
	float:left;
	background:url(../website_images/shadow_main_left.png) top left repeat-y;
}
#main_right{
	width:950px;
	margin:0; padding:0 25px 0 0;
	float:left;
	background:url(../website_images/shadow_main_right.png) top right repeat-y;
}
#main_top{
	width:950px;
	margin:0; padding:0;
	float:left;
	background:#fcd416 url(../website_images/main_top.png) top left repeat-x;
}
#main_bottom{
	width:940px; min-height:300px;
	margin:0; padding:5px 5px 35px 5px;
	float:left;
	background:url(../website_images/main_bottom.png) bottom left repeat-x;
}

#main_text_panel{
	width:950px;
	margin:0; padding:12px 0 0 0;
	line-height:16px;
	float:left;
	background:url(../website_images/main_text_panel_top.png) top left no-repeat;
}

#main_text_panel_inner{
	width:950px; min-height:300px;
	margin:0; padding:10px 0 0 0;
	float:left;
	background:#ededed url(../website_images/main_text_panel_inner.png) bottom left repeat-x;
}

#main_top_left{
width:700px;
min-height:298px;
float:left;

}

#main_top_left #main_top_left_corection{
width: 500px; height:298px;
/*padding: 20px 0 0 30px;*/
float: left;
position:relative;
display:block;
background: url(../website_images/frontpage_left.png) top left no-repeat;
}

#main_top_left_menu{
height:298px;
width:200px;
margin:0;
padding:0 0 0 0;
float:right;
list-style-type:none;
}

/******************** frames *************/

#one{width:500px; height:298px; background: url(../website_images/renovation_frame.png);}

#two{width:500px; height:298px; background: url(../website_images/construction_frame.png);}

#three{width:500px; height:298px; background: url(../website_images/engineer_frame.png);}

#four{width:500px; height:298px; background: url(../website_images/energy_frame.png);}

#five{width:500px; height:298px; background: url(../website_images/video_tutorial_frame.png);}

#six{width:500px; height:298px; background: url(../website_images/weather_frame.png);}

#seven{width:500px; height:298px; background: url(../website_images/loan_frame.png);}

/******** frames **************************/

#main_top_left_menu_item{
	top:0px; left: 0px;
	height:42px; width:185px;
	/*margin:0 0 0 0; */
	padding: 0 0px 0 15px;
	border:1px solid #878787;
	border-bottom: 0px;
	font-weight:bold;
	float: right;
	background: url(../website_images/center_menu.png) left repeat-x;
	position:relative;
	}
	
#main_top_left_menu_item_last
{
	height:42px; width:185px;
	/*margin:0 0 0 0; */
	padding: 0 0px 0 15px;
	border:1px solid #878787;
	/*border-bottom: 0px;*/
	font-weight:bold;
	float: right;
	background: url(../website_images/center_menu.png) left repeat-x;
	position:relative;
}

#main_top_left_menu_item_last #exa{
position:relative; 
top:0px; left: 0px; width: 100%; height: 100%;
margin-top: 12px;
*margin-top: 12px!important;
;
size:14px;
}

#main_top_left_menu_item_last #exa a{
color: #000000;
}

#main_top_left_menu_item_last #exa a{
color: #000000;
}
	
#main_top_left_menu_item #exa{
position:relative; 
top:0px; left: 0px; width: 100%; height: 100%;
margin-top: 12px;

size:14px;
}

#main_top_left_menu_item #exa a{
color: #000
}

#main_top_left_menu_item_current #exa{
position:relative; 
top:0px; left: 0px; width: 100%; height: 100%;
margin-top: 12px;
*margin-top: -35px!important;
*margin-left: 12px!important;
color:#FFF; size:14px;}

#main_top_left_menu_item_current #exa a{
color: #FFFFFF;
}

#main_top_left_menu_item_current{
	height:40px;  width:222px; *width:220px!important;
	float:right;
	margin: 0 0 0 0; padding: 0 0 0 0;
	font-weight:bold;
	position: relative; 
	*right: 18px!important;
	right: -2px;
	z-index:5;
	background: url(../website_images/center_menu_mouse-over.png) right no-repeat;}

#main_top_left_menu_item_correct{
width:0px; height:0px;
float:left;
}

#main_top_left_menu_item_correct_current{
width:30px; height:49px;
float:left;}

#main_top_right{
width:235px;
float:right;}

#main_top_right .mechanic_login{
height:200px;
background:#FFFFFF;}

#main_top_right .user_login{
height:157px; 
background:#FFFFFF;}

#main_top_right .newsletter{
height:173px; 
background:#FFFFFF;}

#main_top_right .banner_arrea{
height:125px; 
background:#FFFFFF;
}

#main_top_right .banner_arrea img{
padding-left: 0px;
padding-top: 15px;
vertical-align: bottom;
}

#main_top_right .mechanic_login .header_right{
	width:175px; height:52px;
	margin:0; padding:0 0 0 60px;
	float:left;
	font-weight:bold; line-height:40px;
background: url(../website_images/mechanic_header.png);}

#main_top_right .user_login .header_right{
	width:175px; height:52px;
	margin:0; padding:0 0 0 60px;
	float:left;
	font-weight:bold; line-height:40px;
	background: url(../website_images/member_header.png);}

#main_top_right .newsletter .header_right{
	width:175px; height:52px;
	margin:0; padding:0 0 0 60px;
	float:left;
	font-weight:bold; line-height:40px;
	background: url(../website_images/members_newsletter.png);}

#main_top_right .newsletter input.field{
	width:164px; height:16px;
	margin-bottom:10px; padding:3px;
	float:left;
	border:1px solid #a2a2a2;
	background-color:#fcd416;
}

#main_top_right .banner_arrea .header_right{}


#main_bottom_right{
width:700px; height:161px;
}

#main_bottom_right .left{
width:425px; height:198px;
margin-top: 5px;
margin-bottom: 12px;
float:left;
}

#main_bottom_right .left #header{
font-weight:bold; line-height:40px;
color:#FFFFFF;
margin:0; padding:0 0 0 15px;
float:left;
width:410px; height:38px;
background: url(../website_images/head_bg.png) top repeat-x;
}

#main_bottom_right .left #body{
width:425px; height:160px;
background: url(../website_images/right_bg.png) bottom repeat-x;
}

#main_bottom_right .left #body #content{
width:425px; height:40px;
color:#8a8a8a;
background: url(../website_images/bg_blog.png) bottom repeat-x;
}

#main_bottom_right .left #body #content:hover{
background: url(../website_images/select_bg_blog.png) bottom repeat-x;
cursor:pointer;
}


#main_bottom_right .left #body #content #date{
width:59px; height:25px;
margin: 5px 0px 0px -2px;
padding: 5px 0px 0px 10px;
float:left;
font-weight:bold;
color:#FFFFFF;
background: url(../website_images/blog_date.png) top no-repeat;
}

#main_bottom_right .left #body #content #text a{
padding: 8px 0 0 0;
float: left;
font-weight:bold;
color:#8a8a8a;
}

#main_bottom_right .left #body #content #arrow{
width: 10px; height:16px;
float:right;
position: relative; top:12px; right:10px; 
}

#main_bottom_right .left #body #content:hover #arrow{
background: url(../website_images/arrow_blog.png) center no-repeat;}

#main_bottom_right .left #body #content:hover #text a{
color:#000;
}

#main_bottom_right .right{
width:270px; height:198px;
margin-top: 5px;
margin-bottom: 12px;
float:right;
/*border:1px solid #878787;*/
}

#main_bottom_right .right #header{
font-weight:bold; line-height:40px;
color:#FFFFFF;
margin:0; padding:0 0 0 15px;
float:left;
width:255px; height:38px;
background: url(../website_images/head_bg.png) top repeat-x;
}

#main_bottom_right .right #body{
width:270px; height:160px;
background: url(../website_images/right_bg.png) bottom repeat-x;
}

#main_bottom_right .right #body ul{
list-style-position: outside; 
list-style-image: url(../website_images/bullet.png);
font-size:12px;
}

#main_bottom_right .right #body li{
padding: 0px 0px 11px 0px;
}

#main_bottom_right .right #body ul a{
color: #000000;
}

#frontpage_sponsors{
	width:700px; height:145px;

	float:left;
	font-weight:bold;
	background:url(../website_images/frontpage_sponsors_back.png) bottom right repeat-x;;
}


table.sponsors{ margin-top: 12px; margin-left:12px; }
table.sponsors td img{
	border: 1px solid #333;
}




#page_left{
	width:690px; min-height:400px;
	margin:0 5px 5px 0; padding:5px;
	float:left;
	background:#fff url(../website_images/page_left_back.png) bottom left repeat-x;
}

/*#frontpage_left{
	width:660px; height:260px;
	margin:0 5px 5px 0; padding:90px 0 0 40px;
	float:left;
	background:url(../website_images/frontpage_left.jpg) 0 0 no-repeat;
}*/

/*#frontpage_right{
	width:235px;
	float:right;
}*/



/*#mechanic_login{
	width:235px; height:237px;
	margin:0; padding:0;
	float:left;
	background:#fff url(../website_images/login_back.png) bottom left repeat-x;
}

#simpleuser_login{
	width:235px; height:300px;
	margin:0; padding:0;
	float:left;
	background:#fff url(../website_images/login_back.png) bottom left repeat-x;
}*/

/*#frontpage_right img{
	padding-top: 1px;
}

#mechanic_login_header, #simpleuser_login_header{
	width:175px; height:52px;
	margin:0; padding:0 0 0 60px;
	float:left;
	font-weight:bold; line-height:40px;
}
#mechanic_login_header{background:url(../website_images/mechanic_header.png) 0 0 no-repeat;}
#simpleuser_login_header{background:url(../website_images/member_header.png) 0 0 no-repeat;}*/


.simpleuser_login_inner{
	padding:10px; float:left;
}
.mechanic_login_inner{
	padding:5px 10px 10px 10px; float:left;
	display: inline;
}
.mechanic_login_inner label{
	margin-bottom:3px; float:left;
	width:200px; 
}

.mechanic_login_inner input, .page_text input .contact_fields{
	width:164px; height: 16px;
	margin-bottom: 10px; padding:3px;
	float:left;
	border:1px solid #a2a2a2;
	background-color:#f0f0f0;
}
.mechanic_login_inner .button{background:none; border:0px;}

#exA #name{
	width:164px; height: 16px;
	margin-bottom: 10px; padding:3px;
	float:left;
	border:1px solid #a2a2a2;
	background-color:#f0f0f0;
}

#exA #email{
	width:164px; height: 16px;
	margin-bottom: 10px; padding:3px;
	float:left;
	border:1px solid #a2a2a2;
	background-color:#f0f0f0;
}


.mechanic_login_inner input .button{
	width: 120px; height:35px;
	border:none; background:none;
	padding:0; margin-top:5px;
}

.page_banner{
	width:690px; height:160px;
	margin:0; padding:0;
	float:left;
}

.page_text{
	width:660px; 
	margin:0; padding:25px 10px 20px 20px;
	float:left;
}
.page_text_column_left{
	width:468px;
	float:left;
	padding:0 10px 0 0;
}
.page_text_column_right{
	width:182px;
	float:left;
}

.thumb{
	width:179px; height:124px;
	margin:0; padding:2px 0 0 3px;
	float:left;
	background:url(../website_images/thumb_shadow.png) 0 0 no-repeat;
}

.page_text textarea{
	float:left;
	border:1px solid #a2a2a2;
	background-color:#f0f0f0;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

/*********************************************************/
#footer{
	width:1000px; height:100px;
	margin:0; padding:0; 
	float:left; position:relative;
	color:#666; 
	background:url(../website_images/footer_back.png) 0 0 no-repeat;
}
#footer_logo{
	width:54px; height:53px;
	position:absolute;
	left:28px; top:24px;
	background:url(../website_images/logo_small.png) 0 0 no-repeat;
}
#footer_menu{
	position:absolute;
	left:94px;
	top:24px;
	line-height:18px;
}
#footer_menu a{color:#666;}
#footer_menu a:hover{text-decoration:underline}
#footer_credits{
	position:absolute;
	right:25px; top:28px;
}
/*********************************************************/
.white_bold_30{
	font-size:30px; font-weight:bold;
	color:#fff;
}
.white_normal_18{
	font-size:18px; 
	color:#fff;
}
.white_normal_13{
	font-size:13px;
	color:#fff;
}

.simple_text{
	font-size:12px; font-weight:normal;
	line-height:17px;
}

.simple_text_14{
	font-size:14px; font-weight:normal;
}
h1{
	font-size:18px; font-weight:bold;
	margin:0 0 15px 0;
	width:100%;
	float:left;
}
h2{
	font-size:14px; font-weight:normal;
	line-height:18px;
	margin:0;
	width:100%;
	float:left;
}

.more{
	width:175px; height:27px;
	margin:25px 0 0 0; padding:5px 0 0 0;
	text-align:center;
	font-size:14px; font-weight:bold;
	background:url(../website_images/more_back.png) 0 0 no-repeat;
}
.more a{color:#383838}
.link_moovies{
	font-size:18px;
	font-weight:900;
	padding: 2px 2px 2px 2px;
	}

.link_moovies .link{
	font-size:16px;
	font-weight:800;
	padding-top: 2px;
	}
.link_moovies .link .txt{
	display:inline;
	vertical-align:middle;
	}	
.link_moovies .link img{
	width: 80px;
	height: 60px;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
	}
.link_moovies .link a{
	color:#000;
	}

/*********************************************************/

#weather_container{
width:414px;
margin:0 auto;
margin-top:-8px;

border:2px #89B0CB solid;
}

#weather_header {
height:78px; 
background:url(header.png) no-repeat;
}

#weather_select{
height:55px; 
background:url(selectbg.png) no-repeat;
}

#weather_locations{
margin-top:17px;
margin-left:10px;
}

#weather_date{
margin-left:10px;
margin-top:-8px;
}

#weather_btn_show{
float:right;
margin-top:-43px;
margin-right:20px;
}

#weather_footer {
margin-top:-6px;
height:24px; 
background:url(footer.png) no-repeat;
}

#weather_popups_warning{
font-size:0.8em; 
margin-top:3px; 
padding-left:30px;
font-family:Arial, Helvetica, sans-serif;
}



.weather_loader{
padding-right:44px;
}

.weather_btn{
padding-right:0px;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #D7EBDF url(../website_images/scrollbar.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(../website_images/scrollbar.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(../website_images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(../website_images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 15px;
z-index: 2;
}

.vscrollerbar, .hscrollerbar:hover {
cursor: pointer;}

.vscrollerbarbeg {
background: url(../website_images/scrollbar.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../website_images/scrollbar.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(../website_images/scrollbar.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../website_images/scrollbar.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(../website_images/horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(../website_images/scrollbar.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../website_images/scrollbar.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(../website_images/scrollbar.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../website_images/scrollbar.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../website_images/scrollbar.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

/*********************************************************/
/**********Sonsors*****************/
/*********************************************************/

/*preload classes*/ 

.svw_main {width: 50px; height: 20px;} 
.svw_main ul {position: relative; left: -999em;} 


 
/*core classes*/ 
.Viewer {  
	position: relative; 
	overflow: hidden;
	float:left;
} 
.Viewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%;
	list-style-type: none; 
	float:left;
} 
.Viewer ul li {  
	float:left; 
} 


/*************************************************/
#validEmail {  
margin-top: 4px;  
margin-left: 0px;  
position: absolute;  
width: 15px;  
height: 15px;  }  


/************************************END******/