/* ======================================== Generic elements =================================================================  */

body{ margin:0px; padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#666666; background: url(../images/background.gif) repeat-x left top }

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
p{line-height:17px}
ul,ol { list-style: none; }
input, select, textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333}
a{color:#BD0000; text-decoration:none}
a:hover{color:#333333; text-decoration:none}
a img{border:0}

.clear{ clear:both;}


#wrapper:after,#header:after,#middle:after, #footer:after, .middle-section:after, .content:after, .data:after, .section:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }


/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html .middle-section{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */
/* \*/ * html .section{height:1px} /* */


.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:100%;}
.data{width:auto}	

h1{font-size:22px; font-weight:bold; }
h1.heading{color:#bd0000; background: url(../images/heading-bullet.gif) no-repeat 0 5px; padding:0 0 5px 28px;margin:0 0 8px; border-bottom:3px solid #e7e7e7}

h3{font-size:18px; }
h4{font-size:13px; font-weight:bold }

h5{font-size:12px; font-weight:bold;}
p{padding:0 0 8px}

/* ======================================== Wrapper ========================================================  */

#wrapper{ width:100%; height:auto; margin:0 auto;}


/* ======================================== Header ==========================================================  */

/* ---------------- Header Container-------------- */

#header-container{ width:100%;height:auto; }
#header{ width:954px; padding:0px; margin:0 auto; height:105px!important;}

/* ---------------- Header Logo -------------- */
#header #logo{ position:absolute; width:270px;margin:22px 0 0 0px;}
#header #logo img{ display:block}

/* ---------------- Header Right -------------- */
.slogan{ position:absolute; margin:32px 0 0 270px;;width:400px; font-size:13px; color:#c20000; font-weight:bold;}
.phone{ float:right; margin-top:22px;width:218px; padding:16px 0 0 56px; height:53px;font-size:26px; font-weight:bold}


#main-banner{ width:954px;padding:90px 0px 0px; margin:0px auto; height:185px; background: url(../images/banner-bg.gif) no-repeat 0 0}
#main-banner ul{ width:300px; float:left; padding:0px 0px 0px 15px  }
#main-banner ul li{ width:300px; font-size:14px; font-weight:bold; color:#fff; background: url(../images/tick.gif) no-repeat 0 0; padding:0 0 10px 28px  }


/* =================================== Middle Container Structure ===============================================  */

#middle-container{ width:100%; height:auto; padding:0px; }
#middle{ width:954px; padding:7px 0 0; margin:0px auto;}

#main{ float:left;width:624px; padding:0; margin:0 }
#right-sidebar{ float:left;width:315px; padding:0 0 0 15px;}



/* =========================================  Middle  ===========================================================  */

/* ----------------  widget -------------- */
.widget{ width:100%;  margin:0px 0px 15px; padding:0px;}
.widget .top{background: url(../images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .tl{background: url(../images/widget-tl.gif) no-repeat 0 0; width:auto; height:13px; display:block}
.widget .tr{background: url(../images/widget-tr.gif) no-repeat 100% 0; width:auto; height:13px; display:block; font-size:0px }

.widget .bot{background: url(../images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bl{background: url(../images/widget-bl.gif) no-repeat 0 0; width:auto; height:6px; display:block}
.widget .br{background: url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:6px; display:block;font-size:0px}
.widget .container{padding:10px 15px;background:#fff url(../images/content-bg.gif) repeat-x 0 0;width:auto;border-left:1px solid #ccc;border-right:1px solid #ccc}
.widget .content{width:100%;}


.spacer{height:10px; padding:0; margin:0px}

/* =================================== right-sidebar ====================================================  */

	
/* ----------------  greenBox -------------- */

.side-widget{ width:100%; background: url(../images/side-widget-bot.gif) no-repeat left bottom; padding:0 0 9px; margin:0px 0px 15px;}
.side-widget .ntop{ background: url(../images/side-widget-top.gif) no-repeat left top; height:99px;  }
.side-widget .content{ background: url(../images/side-widget-bg.gif) repeat-y 0 0; padding:0px 0px}
.side-widget .data{padding:0px 5px 0px 10px}


/* ---------------- Contact Form -------------- */

.contact {width:auto; padding:20px 0px 0px;margin:0px 0px 5px; display:block}	
.contact label {display:block;float:left;width:120px; height:26px;margin:3px 8px 0px 0px;padding:0px; color:#fff;font-weight:bolder; text-align:right}
.contact input.text {display:block;float:left;width:168px;height:24px;border:1px solid #d4d4d4;margin:0px 0px 5px;overflow:hidden;padding:0px 0px 0px 2px; background:#fff url(../images/field-bg.gif) repeat-x 0 0}
.contact textarea.textarea {display:block;float:left;width:290px;height:85px;border:1px solid #d4d4d4;margin:0px 0px 5px;overflow:hidden;padding:0px 0px 0px 2px; background:#fff url(../images/field-bg.gif) repeat-x 0 0}

.contact p.radio{color:#fff;display:block;float:left;width:120px;}

.contact span{color:#fff; padding-left:5px}

.contact br{clear:both;}
.contact .button{padding-top:10px; text-align:center}
.contact .button input{ margin:0 3px;}


/* ==============================================  Footer   ===========================================================  */

#footer-container{width:100%;height:auto;padding:0px; margin:0;background: url(../images/footer-bg.gif) repeat-x left top;}
#footer{ width:956px; padding:20px 0px 0px; margin:0 auto}
#footer p{ font-size:11px; text-align:center; color:#999;padding:0px 0px 8px;}