html *{ margin:0; padding: 0;}


body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6c787d; background-color:#020f20; 
background-image:url(../images/fondo1.jpg);
background-repeat:repeat-x;}

img{ border: none;}

p{ line-height: 21px; padding-bottom: 15px;}
#featured h1{font-size: 26px;letter-spacing: -2px; color: #537481;}
h2{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #3e829c; padding-bottom: 20px;}
h3{ font-size: 21px; font-weight: normal; letter-spacing: -1px; color: #fff; padding-bottom: 5px;}
h4{ font-size: 14px; font-weight: normal; color: #3e829c; padding-bottom: 5px;}
.scrollContainer div.panel h2{ color: #fff;}

/* Clearing floats without extra markup  */

.clearfloat { display: inline-block; }

.clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .clearfloat { height: 1%; }

.clearfloat { display: block; }

/* End Clearing floats without extra markup  */

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
	
a:link, a:visited{ color: #c60c0c; text-decoration: none;}

a:hover { text-decoration: underline; }

a.readMore:link, a.readMore:visited{}

#free-quote a:link, #free-quote a:visited{ color: #fff; text-decoration: none;}

#free-quote a:hover { text-decoration: underline; }



/*///////////////// LAYOUT HOMEPAGE ///////////////////////*/
* html div#wrapper { padding-top: 30px; }

#wrapper{ width: 940px; margin: 0px auto 0 auto;}
#header{
	width: 940px;
	height: 40px;
	margin-bottom: 40px;
	margin-top:25px;
	
}
#slider-container{ width: 920px; padding: 0px; margin-bottom:10px;}
#featured{ float: left; padding-left: 26px; padding-top: 65px; padding-bottom: 65px; margin-top: 5px; width: 326px; background: url(../images/featured_bgd.png) no-repeat;}
#slider-bottom{ width: 940px; height: 19px; background: url(../images/slider_bg_bottom.gif) no-repeat top left; margin-bottom: 10px;}
#content{ width: 940px;}
#sidebar{float: left; width: 200px; margin-right: 15px; list-style:none;}
.sidebar-element{
	background: #0c223e url(../images/rounded_top.png) top left no-repeat;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 10px;
	padding-left: 1px;
	margin-bottom:20px;
}

#free-quote{ background: #1c5fed url(../images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;} 
#main-content-wrapper{ float: left; width: 721px;}
#main-content{ width: 595px; padding: 10px 20px; background: #fff url(../images/main_content_top.png) no-repeat top left;}
#main-content-bottom{ width: 635px; height:17px; background: url(../images/main_content_bottom.png) no-repeat top left;}
#free-quote-bottom{ background: url(../images/free_quote_bottom.png) no-repeat top left; width: 200px; height: 17px; margin-bottom: 10px;}
#footer{ margin-top: 7px;}
#footer p{ text-align: center; color: #fff;}
.spacer-line{ width: 99%; margin: 20px 0; border-bottom: 3px solid #e8ecee;}
.spacer-line2{ width: 99%; margin-bottom: 20px; border-bottom: 1px solid #e8ecee;}
.service{ width: 33%; padding-top:5px; background-color:#CCCCCC; background-image:url(../images/bgbull.jpg);}
.icon-left{ float: left; margin-right: 25px; display: inline;}
.image-left{ float: left; margin: 0 25px 20px 0 ; display: inline; border: 5px solid #7e9198;}
.image-right{ float: right; margin: 0 0 20px 25px ; display: inline; border: 5px solid #7e9198;}
.service-description{ float: left; width: 200px; }
.product-description{ float: left; width: 60%;}


/*///////////////// FREE QUOTE ///////////////////////*/
#free-quote{ background: #3c71cd url(../images/free_quote_top.png) no-repeat top left; padding: 9px 22px; padding-bottom: 0;} 
#free-quote p{ color: #ffffff; padding-right: 40px; background: url(../images/freequote_arrow.png) no-repeat 100% 50%;}
/*///////////////// END FREE QUOTE ///////////////////////*/

/*///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container{ float: left; width: 940px; margin-left: 0px; display: inline; }
#logo-container small{ padding: 0; margin: 0;}
h1#logo { width: 940px; height: 80px; text-indent:-9000px;}

/*///////////////// END LOGO AND SEARCH ///////////////////////*/

/*///////////////// NAVIGATION ///////////////////////*/
#navigation{ background:url(../images/menu_bg.png) no-repeat 0 0; width: 940px; height: 46px; line-height: 42px; margin-bottom: 8px;}
#navigation ul{ list-style: none;}
#navigation ul li{ display: inline; height: 42px; text-transform: uppercase;background: transparent; padding: 0; list-style:none;}
#navigation ul li a{ float: left; display: block; padding: 0 20px; color: #0a3590; text-decoration: none; background: url(../images/menu_divider.gif) top right no-repeat; font-weight:bold;}
#navigation ul li a:hover, #navigation ul li a.current{ color: #c60c0c;}
/*///////////////// END NAVIGATION ///////////////////////*/

/*///////////////// TESTIMONIALS ///////////////////////*/
blockquote{ padding-bottom: 15px;}
blockquote div { background: #1c292e url(../images/quote_right.png) bottom right no-repeat; padding-right: 10px; padding-top: 15px;}
blockquote p.text{ background: url(../images/quote_left.png) top left no-repeat; padding-left: 10px; text-indent: 30px; color: #8598a0; font-style: italic;}
.testimonial-name {padding-left: 10px; padding-bottom: 0;}
/*///////////////// END TESTIMONIALS ///////////////////////*/

/*///////////////// TABLES ///////////////////////*/
table { border-collapse: collapse; width: 99%; margin: 20px 0;}
th {	background: #3e829c; color: #fff; font-weight: bold; padding: 2px 11px; text-align: left; border-right: 1px solid #fff; line-height: 1.2;}
td { padding: 6px 11px; border-bottom: 1px solid #80bcd3; vertical-align: top;}
td * { padding: 6px 11px;}
tr.alt td { background: #ecf6fc;}
tr.over td, tr:hover td { background: #bcd4ec;}
/*///////////////// END TABLES ///////////////////////*/

/*///////////////// CONTACT FORM ///////////////////////*/
fieldset{ border: none; width: 550px; margin-top: 10px; }
fieldset legend { display: none}
form p{ padding-bottom: 0;}
/* Label */
label{ width: 140px; margin: 5px; text-align: left;}
.required{ color: #3e829c	;}
/* Input, Textarea */
input, textarea{ border: 1px solid #d6e2e7; background: #fff; color: #6c787d; width: 300px; margin: 5px; padding: 3px;}
textarea{width: 400px; height: 150px; margin-bottom: 10px;}
input:focus, textarea:focus{ border: 1px solid #9ed7ec;}
input.button{ background: url(../images/button1-hover.png) no-repeat; width: 130px; height: 25px; padding-bottom: 15px; border: none; color: #fff; cursor: pointer; }
input.button:hover{ border: none;}
.notification_error{ padding: 5px; color: #a5041e; font-size: 13px; font-weight: bold;}
.notification_ok{padding: 5px; color: #418a06; font-size: 13px; font-weight: bold; }
/*///////////////// END CONTACT FORM ///////////////////////*/

/*///////////////// CONTACT DETAILS ///////////////////////*/
.contact-info{ padding-top: 15px;}
.contact-info p.contact-details{ color: #8598a0;}
.contact-info p.contact-details span{ color: #fff;}
/*///////////////// END CONTACT DETAILS ///////////////////////*/

/*///////////////// CODA SLIDER ///////////////////////*/

/*///////////////// END CODA SLIDER ///////////////////////*/
#service{ padding-top:5px; background-color:#e1e5e8; background-image:url(../images/bgbull.jpg);}