@charset "utf-8";
/* CSS Document */
body{ background: url(images/bg.jpg) repeat-x #fff; padding:0; margin:0; font:normal 12px/16px arial; color:#474747;}
h1, h2, h3, h4, h5, h6, p, div, img, ul ,li, form, span, dl, dt, dd{ padding:0; margin:0;}
ul { list-style:none;}
p{ padding-bottom:8px;}
img{ border:0; vertical-align:middle;}
#content_mid li{ background-image: url("../images/sqr.gif"); background-position: 0 9px; background-repeat: no-repeat; padding: 0 0 0 18px;}
h2{ font:bold 22px arial;}
h3{ font:bold 14px arial; text-transform:uppercase; color:#414141; padding-bottom:10px;}

#wrap{ width:960px; margin:0 auto; padding:0;}

a{ color:#d93104; text-decoration:none; font-weight:bold;}
a:hover{ color:#d15b97; text-decoration:none; font-weight:bold;}

/*....................Header...............................*/

#header{ width:960px; height:128px; background: url(images/home_heder_bg.jpg) no-repeat left top; float:left; }
#logo{float:left; width:256px; padding:13px 0 0 0;}

#top_address{width:200px;  float:right; font:normal 11px/14px arial; text-align:right; padding-top:10px; padding-right:05px;}
#top_address1{width:155px;  float:right; font:normal 11px/14px arial; text-align:left; padding-top:10px;}
#top_address h1{ font:bold 16px arial;  color:#d15b97; padding-bottom:6px;}
#top_address a{font: 12px arial;  color:#474747; padding-bottom:6px;}
#top_address a:hover{font:bold 12px arial;  color:#d15b97; padding-bottom:6px;}


/*....................Nav...............................*/

#menu{float:left; width:960px;  font:bold 12px arial;}

#nav, 
#nav ul {position:relative; z-index:200;}

#nav li {float:left;  background:url(images/nav_seperator.jpg) no-repeat right top; }
#nav li li {float:none; background:#feca16;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block;float:left; color:#fff; padding:0 10px; line-height:32px; text-decoration:none; white-space:nowrap;}
#nav li li a {float:none; display:block; width:180px; line-height:30px;}
#nav li li a:hover{float:none; display:block; width:180px; line-height:30px;  background:#ffe8a3;}
#nav li:hover {position:relative; z-index:300; background:#feca16; }
#nav li:hover ul {left:0; top:32px; width:200px; background:#fff; padding-bottom:5px;}
#nav li.active a{ background:#feca16; color:#000; }
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#000;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#000; }


/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#000;}


/*....................Main Content...............................*/

#main_content{ float:left; width:934px; padding:30px 13px 20px 13px;}

#sidebar{ float:left; width:208px; font:normal 11px/15px arial; }
#sidebar a{ color:#d93104; text-decoration:none; font-weight:bold;}
#sidebar a:hover{ color:#d15b97; text-decoration:none; font-weight:bold;}
#sidebar .box{ background:url(images/left-mid.jpg) repeat-y; float:left; width:208px; padding:0 0 10px 0;}
#sidebar .box p{ padding:3px 14px;}
#sidebar .box h2{ background:url(images/left-top.jpg) no-repeat left top; padding:0 14px 0 30px; font:normal 20px/47px arial; color:#d93104;}

#sidebar .box_bottom{ background:url(images/left-bottom.jpg) no-repeat left top; float:left; height:10px; width:208px;}

.content{ background:url(images/content_top.jpg) no-repeat left 19px; float:right; width:706px;/* padding:0 0 20px 0;*/}
.content_heading{ float:left; width:666px; padding:0 20px;}
.content_heading h1{ background:#fff; font:normal 25px arial; color:#ff8106; display:inline;}
.content_mid{ background:url(images/content_bg.jpg) repeat-x bottom left #fff; border-left:1px solid #b6b6b4; border-right:1px solid #b6b6b4; float:left; width:676px; padding:20px 14px 10px 14px;}
.img1{ float:left; padding:0 14px 14px 0;}
.img2{ float:right; padding:0 0 14px 14px;}
.content_bottom{ background:url(images/content_bottom.jpg) no-repeat; float:left; width:706px; height:12px;}
.spacer{ background:none; float:left; width:706px; height:10px;}

.box_yellow{ background:url(images/box-mid.jpg) repeat-y; float:left; width:228px;}
.box_yellow h2{ background:url(images/yellow-top.jpg) no-repeat left top; font:bold 16px arial; color:#4d4c4a; padding: 36px 25px 23px 25px;}
.box_yellow h2 a{  font:bold 16px arial; color:#4d4c4a; }
.box_yellow p{ padding:5px 25px;}

.box_green{ background:url(images/box-mid.jpg) repeat-y; float:left; width:228px; margin:0 9px;}
.box_green h2{ background:url(images/green-top.jpg) no-repeat left top; font:bold 16px arial; color:#4d4c4a; padding: 36px 25px 23px 25px;}
.box_green h2 a{  font:bold 16px arial; color:#4d4c4a; }
.box_green p{ padding:5px 25px;}

.box_blue{ background:url(images/box-mid.jpg) repeat-y; float:left; width:228px;}
.box_blue h2{ background:url(images/blue-top.jpg) no-repeat left top; font:bold 16px arial; color:#fff; padding: 36px 25px 23px 25px;}
.box_blue h2 a{  font:bold 16px arial; color:#fff; }
.box_blue p{ padding:5px 25px;}


#contactform{ float:left; width:350px; padding:0 10px 0 0;}
.input{ background:url(images/input.png) no-repeat left top; width:266px; height:14px; padding:3px 5px; border:0; line-height:14px; outline:none; margin-bottom:10px;}
textarea{ background:url(images/textarea.png) no-repeat left top; width:266px; height:99px; padding:3px 5px;  border:0; outline:none; margin-bottom:10px;}

.email{ background:url(images/email_icon.png) no-repeat right 20px; float:right; width:310px; padding:50px 0 0 0;}

.profile{float:left; width:318px; padding:10px;}
.profile dl{ width:318px; float:left;}
.profile dl dt{ width:117px; padding-right:10px; float:left;}
.profile dl dd{ width:191px; float:left;}
.view_more{ width:676px; float:left;}

/*....................Start Footer...............................*/

#footer{ background:url(images/footer_bg.jpg) repeat-x; width:100%; height:47px; padding:20px 0; float:left; font:normal 11px arial;}
#footer a{ color:#474747; font-weight:normal;}
#footer a:hover{ color:#fff; font-weight:normal;} 

#footer_wrapper{ width:960px; margin:0 auto; text-align:center;}
#footer_wrapper ul{ padding-bottom:10px;}
#footer_wrapper ul li{ display:inline; background:url(images/line.jpg) no-repeat right 2px; padding:0 6px 0 6px;}
#footer_wrapper ul li.end{ display:inline; background:none; padding:0 6px 0 6px;}
.copyright{ color:#5cbdfe;}

/*#wrap:after, #sidebar:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}*/