body {
font:normal 12px Arial, Helvetica, sans-serif;
color:#393939;
background-color:#fff;
background:url(../images/body_bg.jpg) repeat-x left top;
}
/*Reset Styles!*/
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, address table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

img {
float:left;
}
.clear {
clear:both;
}
/* ------ Wrapper -------*/

#wrapper {
width:902px;
margin: 0 auto;
}
/* ------ Header -------*/

#header {
float: left;
width:902px;
padding:25px 0 0 0;
}

#header h1 {
float: left;
font: bold 31px "Trebuchet MS";
color:#222;
/* background:url(../images/logo.jpg) no-repeat left top; */
padding:30px 0 10px 10px;
text-transform:uppercase;
}


#header h1 span {
font: italic bold 14px "Trebuchet MS";
color:#9a9a9a;
text-transform:capitalize;
display:block;
}


#header h1 a:link, #header h1 a:visited, #header h1 a:active {
color:#222;
text-decoration:none;
}

#header h1 a:hover {
color:#222;
text-decoration:none;
}

#callus
{
float: right;
width:303px;
text-align:right;
background:url(../images/callusbg.jpg) repeat-y left top;
margin:8px 0 5px 0;
}

#callus p {
float: right;
font-weight: normal;
color:#222;
width:380px;
background:url(../images/pbg.jpg) repeat-x #fefefe;
margin:0 14px 0 0;
}

#callus p span {
font-size:20px;
}

#callus p strong {
font-size:14px;
font-weight:bold;
color:#222;
}

/* ------ Navigation -------*/


#navigation {
float:left;
width:902px;
clear:both;
background:url(../images/nav_bg.jpg) repeat-x;
padding:0 0 7px 0;
}
#navigation ul {
float:left;
width:870px;
padding:0 0 0 35px;
}
#navigation li {
float:left;
list-style-type:none;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:7px 10px 9px 10px;
margin:5px 15px 0 0;

}
#navigation li a:link, #navigation li a:visited, #navigation li a:active {
color:#fff;
text-decoration:none;
padding:7px 21px 9px 21px;
}

#navigation li a:hover {
background:url(../images/active.jpg) repeat-x;
color:#fff;
text-decoration:none;
padding:7px 21px 9px 21px;
}


.imgrightnav {
float:right;
}

.active {
background:url(../images/active.jpg) repeat-x;
}


#mainarea {
float: left;
width: 902px;
padding:0 0 15px 0;
}


#leftpanel {
float: left;
width: 656px;
}


#banner {
float: left;
width: 656px;
background:url(../images/banner.jpg) no-repeat left top;
clear:both;
}

#banner p {
float:left;
font: normal 25px "Trebuchet MS";
color:#222;
width:400px;
padding:40px 0 63px 115px;
text-transform:uppercase;
line-height:26px;}

#banner p b{
font: normal 28px "Trebuchet MS";
line-height:26px;
}

#banner p strong {
display:block;
font: bold 28px "Trebuchet MS";
color:#222;
padding:0 0 0 54px;
line-height:26px;
}

#banner p span{
display:block;
padding:0 0 0 80px;
line-height:26px;
}


#servcies {
float: left;
width: 161px;
border:1px solid #e1e5e7;
min-height:350px;
}


#servcies h2 {
float: left;
width: 161px;
background:url(../images/services_bg.jpg) no-repeat left bottom #BB2027;
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
padding:8px 0 12px 0;
text-transform:uppercase;
}

#servcies ul {
float: left;
width: 150px;
padding:0 0 0 5px;
}

#servcies li {
background:url(../images/services_bullet.jpg) no-repeat left 6px;
float: left;
list-style-type:none;
border-bottom:1px #9a9a9a solid;
padding:5px 0 5px 15px;
width:140px;
}


#content {
float: right;
width: 466px;
border:1px solid #e1e5e7;
padding:10px;
}

#content h2
{
font:bold italic 16px Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
color:#222;
clear: both;}

#content p
{
padding:0 0 10px 0;
float: none;
}

.text {font-style: italic; margin-bottom: 25px;}

.text span {font-style: normal; font-weight: bold; float: right;}

#content img.float_right {float: right; margin: 0px 0px 10px 10px;}


#content ul {
width: 455px;
padding:0 0 0 5px;
}

#content li {
width:445px;
background:url(../images/bullet.jpg) no-repeat left 3px;
list-style-type:none;
padding:0 0 5px 15px;
}

.readmore
{
float:right;
}

#call_action
{
float:left;
width:451px;
background:url(../images/greebg.jpg) repeat-y left top;
margin:10px 0 0 6px;
}

#call_action p
{
width:420px;
float:left;
padding:10px;
color:#fff;
font-size:23px;
text-align:center;
font-weight:bold;
}


#call_action p span
{
padding:0 0 0 10px;
color:#fff;
}

/* ------ Right Panel-------*/

#rightpanel {
float: right;
width: 240px;
}

#rightpanel h2 {
float:left;
width:224px;
background:url(../images/contactusheading.jpg)  no-repeat left;
padding:15px 0 24px 15px;
font-weight:bold;
font-size:12px;
color:#fff;
}

#rightpanel h3 {
float:left;
width:224px;
background:url(../images/offer.jpg) no-repeat left;
padding:10px 0 27px 15px;
font-weight:bold;
font-size:12px;
color:#fff;
}


/* ------ Contact Form -------*/

#contactform {
float:left;
width:221px;
border-left:1px solid #d7dee1;
border-right:1px solid #d7dee1;
margin:0 0 0 8px;
}

#contactform ul {
width:206px;
float:left;
padding:0 0 0 10px;
border-bottom:1px dashed #d9dee1; 
}
#contactform li {
color:#000000;
font-size:12px;
list-style:none;
}
#contactform label {
float:left;
clear:both;
color:#222;
text-transform: capitalize;
width:200px;
padding: 3px 0;
}
#contactform input {
float:left;
border:1px solid #22414f;
width:200px;
margin:0;
padding:0;
}
.texarea {
float:left;
clear:both;
height:50px;
border:1px solid #22414f;
width:200px;
}
.submit_btn {
border:none !important;
width:60px !important;
float:right!important;
margin:10px 0 5px 0 !important;
}
.hidden {
float:left;
}


#specialoffer {
float:left;
width:221px;
border-left:1px solid #d7dee1;
border-right:1px solid #d7dee1;
border-bottom:1px solid #d7dee1;
margin:0 0 0 8px;
padding:0 0 10px 0;
}


#specialoffer h4 {
float:left;
width:205px;
color:#222;
font-size:14px;
padding:0 0 0 10px;
}

#specialoffer p {
float:left;
width:205px;
padding:0 0 0 10px;
}

.img_right
{
float:right;
padding:0 0 0 5px;
}

.noborder
{
border:none !important;
}

/* ------ Footer -------*/

#footer {
float: left;
width: 100%;
background:url(../images/footer_bg.jpg) repeat-x left top #235EAC;
text-align:center;
padding:10px 0 0 0;
color:#FFFFFF;
font-size:11px;
}


#footer ul {
padding:0 0 5px 0;
}

#footer li {
list-style-type:none;
display:inline;
padding:0 0 5px 15px;
}


#footer li a:link, #footer li a:visited, #footer li a:active {
text-decoration:none;
color:#FFFFFF;
}

#footer li a:hover{
text-decoration: underline;
color:#FFFFFF;
}



#footer p
{
padding:0 0 5px 0;
width:902px;
text-align:center;
margin:0 auto;
}

#footer p a:link, #footer p a:visited, #footer p a:active {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

#footer p a:hover{
text-decoration: underline;
color:#FFFFFF;
font-weight:bold;
}


