/* CSS Document */
* {
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5 {
font-weight: normal;
}
.main{ font-size:16px; color:#009900; line-height:25pt; text-align:center; font-weight:bold;}
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
h1{color:#CF2525; font-size:19px; padding-left:10px; width:290px; background:url(../images/errow.jpg) right no-repeat;}
h2{color:#CF2525; font-size:14px; padding-left:10px;}
h5{color:#CC3300; font-size:13px; font-weight:bold; text-transform:uppercase;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; text-align:left; line-height:14pt; padding:0; margin:0; background:url(../images/bgTop.jpg) top repeat-x, url(../images/fotter-bg.jpg) bottom  repeat-x;;}

#wrapper {
position: relative;
width: 977px;
margin:0 auto;
}

#header {
height: 100px;
position: relative;
width: 977px;
overflow: hidden;
}

#logo {
height: 100px;
position: absolute;
top: 0;
left: 4px;
}

#slogan {
padding: 20px 0 0 0;
position: absolute;
right: 5px;
top: 0;
}

.main_menu{
width:977px;
margin-top:3px;
text-transform:uppercase;
font-weight:bold;
height:42px;
}
.main_menu ul{
padding:0px;
margin: 0px;
list-style: none;
}
.main_menu ul li{
display: inline-block; /*to display each li tag in a line, yet as a block element*/
float:left;
z-index:999999;
position: relative; /*to make the subitems,absolute positioned div tag stable on its position*/
}
.main_menu ul li a{
color:#ffffff;
text-decoration: none;
display: block;
padding:10px 30px;
background:url(../images/line.jpg) right no-repeat;}
.main_menu ul li:hover{
background-color: #BD181B;
}
.sub_items{
position: absolute;
background-color: #BD181B;
width:230px;
top:38px;
left:0px;
display:none; /*hide the subitems div tag initially*/
border-bottom:4px solid #231D1D; /*just to add a little more good look*/
}
.sub_items ul li{
width:230px;
}
.sub_items ul li a{
color:#ffffff;
text-decoration: none;
display: block;
padding:10px 15px;
}
.sub_items ul li:hover{
background-color: #231D1D;
}

#slider {
position: relative;
margin: 12px 0 12px 0;
width: 977px;
}
.data{text-align:justify; padding:8px 10px;}
.data a:link{ color:#333;}
.data a:visited{ color:#333;}
.data a:link{ color:#000; text-decoration:underline;}

.data1{text-align:left; padding-left:10px; padding-right:2px; line-height:15pt;}

a.topnav1{
width:224px;
margin:0px 1px;
display:block;
font-size:12px;
color:#595959;
text-align:left;
padding-left:28px;
line-height:30px;
background-image:url(../images/link1.jpg);
background-repeat:repeat-x;
text-decoration:none;
height:32px;
float:left;
}	


a.topnav1:hover{
width:224px;
margin:0px 1px;
display:block;
font-size:12px;
color:#fff;
text-align:left;
padding-left:28px;
line-height:30px;
background-image:url(../images/link2.jpg);
background-repeat:repeat-y;
text-decoration:none;
float:left;
}
.heading { font-size:14px; font-weight:bold; padding-left:18px; line-height:8px; color:#fff; padding-left:10px; text-transform:capitalize; background:url(../images/heading-bg.png) repeat-y; height:34px;}

.bottomcontact{color:#E33B2E; font-weight:bold;}

.bottomadd{ padding-left:6px; text-align:left;}
.bottomadd a:link{ color:#222;}
.bottomadd a:visited{ color:#222;}
.bottomadd a:hover{ color:#ccc; text-decoration:underline;}

.head {font-size:15px; color:333; font-weight:bold; padding-left:8px;}
.inbottom{color:#333333;}
.inbottom a:link{color:#333333;}
.inbottom a:visited{color:#333333;}
.inbottom a:hover{color:#CC0000;}

#products-box
{
width:703px;
height:auto;
margin:0px auto 30px auto;
background:#fafafa;
}

#products-box .desc
{
padding:10px 10px 0px 8px;
height:176px;
border-left:solid 1px #eaeaea;
text-align:justify;
width:460px;
}

#products-box .bottom
{
background:url(../images/box-bottom.jpg) no-repeat;
color:#bc2030;
float:left;
}

#products-box .bottom a
{
color:#bc2030;
text-decoration:none;
display:block;
line-height:29px;
width:424px;
padding:0px 25px;
}

#products-box .bottom a:hover
{
color:#ffffff;
text-decoration:none;
background:url(../images/box-bottom-hover.jpg) no-repeat;
display:block;
line-height:29px;
width:424px;
padding:0px 25px;
}
.style1 {color: #CC0000; padding-left:10px;}
.pheading
{
margin:0;
background:url(../images/box-head-bg.jpg) no-repeat;
height:29px;
color:#fff; text-transform:uppercase; font-weight:bold;
}

.new-c {font-family:Georgia; font-size:18px; color:#D2150F; padding-left:10px;}

.photoBg {background:url(../images/surveyInstruments/photo_bg.jpg) no-repeat top #fff; border:1px solid #666;}
.photoBg2 {background:url(../images/surveyInstruments/photo_bg2.jpg) no-repeat top #fff; border:1px solid #666;}

.codeName {background:#0066CC; color:#fff; font-weight:bold; text-align:center; width:auto; padding:2px 4px; font-size:12px; border:1px solid #03509C;}