html{}

body{margin:0px;}
#body-home{background:url(images/tile.jpg) repeat-x;}
#blue-tile{background:url(images/bluetile.jpg) repeat-x;}
#orange-tile{background:url(images/orangetile.jpg) repeat-x;}
#green-tile{background:url(images/greentitle.jpg) repeat-x;}
a{outline:none;}
img{border:0px;}
p,h1,h2,h3,h4,h5,h6,ul,li,form,label,select{padding:0px;margin:0px;list-style-type:none;}
#page{width:1003px;margin:0px auto;}
#page-header{width:1003px;height:487px;background:url(images/tile.png) bottom left no-repeat;}
#page-nav{width:945px;height:93px;background:url(images/header-bg.jpg) top left repeat-x; padding:0px 27px 0px 30px}
#page-tab{width:563px;height:57px; background:url(images/nav-bg.png);margin:36px 0px 0px 0px; float:right}
.left{float:left;}
.right{float:right;}
#page-tab ul{
padding:20px 0px 0px 42px;
font:bold 16px Trebuchet MS;
text-transform:uppercase;
}
#page-tab ul li{
padding:0px 30px 0px 30px;
float:left;
background:url(images/spilter.jpg) repeat-y top right;
}
#page-tab ul li a{
color:#2d2c2c;
text-decoration:none;

}
#page-tab ul li a:hover{
color:#f25623;}
.link{
text-decoration:none;
color:#2D2C2C;
}
.link:hover{
color:#F25623;
}
.link-blue{
text-decoration:none;
color:#4E9193;
}
.link-blue:hover{
color:#F25623;
}
#page-slider{
width:648px;
height:325px;
padding:25px 0px 0px 350px;
}
#services{
margin-left:27px;
width:948px;
float:left;
height:337px;
padding-top:10px;
background:url(images/panel-bg.jpg) top left;
}
#services-row{
height:319px;
width:945px;
float:left;
padding-left:3px;
}
#innovation{
width:283px;
float:left;
padding-left:34px
}
#innovation h1{
height:35px;
font:bold 20px Helvetica;
background:url(images/innovation-icon.jpg) no-repeat top left;
padding-left:42px;
padding-top:10px;
}
#innovation div{
width:263px;
background:url(images/spilter-img.jpg) no-repeat top right;
height:214px;
padding-right:20px;
font:13px Helvetica;
}
.listed-item{
padding:20px 0px 20px 0px;
}
.listed-item li{
background:url(images/bullets.jpg) no-repeat left center;
padding:0px 0px 0px 15px;
line-height:30px;
color:#4e9193;
font-weight:bold;
}
#products{
width:271px;
float:left;
padding-left:32px
}
#products h1{
height:35px;
font:bold 20px Helvetica;
background:url(images/products-icon.jpg) no-repeat top left;
padding-left:42px;
padding-top:10px;
}
#products div{
width:251px;
background:url(images/spilter-img.jpg) no-repeat top right;
height:214px;
padding-right:20px;
font:13px Helvetica;
}
#cummunity{
width:292px;
float:left;
padding-left:32px
}
#cummunity h1{
height:35px;
font:bold 20px Helvetica;
background:url(images/cummunity-icon.jpg) no-repeat top left;
padding-left:55px;
padding-top:10px;
}
#cummunity div{
width:272px;
height:214px;
padding-right:20px;
font:13px Helvetica;
}
#cummunity div p{
padding:15px 0px 15px 0px;
font-weight:bold;
background:url(images/bullets-h.jpg) repeat-x bottom left;
}
#cummunity div p img{
vertical-align:middle;
margin-left:20px;
}
#contact-info{
margin-left:30px;
width:945px;
float:left;
background:url(images/contact-info-bg.jpg) repeat-x;
padding:40px 0px 50px 0px;
}
#contactus-form div{
width:320px;
float:left;
background:url(images/comics.jpg) no-repeat;
background-position:bottom left;
padding-bottom:90px;
}
#contactus-form{
float:left;
padding:50px 0px 0px 46px;
width:320px;
background:url(images/contact-us-form-bg.jpg) no-repeat top right;
}
#contactus-form h1{
font:bold 20px Helvetica;
}
#contactus-form p{
font:13px Helvetica;
padding-top:5px;
color:#4f918d;
}
.checkbox{
padding-top:10px;
}
.checkbox li{
background:#fbddd3;
padding:2px 10px 2px 10px;
font:14px lucida sans unicode;
color:#494848;
float:left;
margin-right:10px;
}
.checkbox li input{
vertical-align:top;
margin-left:0px;
padding-left:0px;
}
.interface{
padding-top:10px;
clear:left;
font:13px Helvetica;
}
.interface li{
float:left;
padding:7px 0px 7px 0px;
}
.interface input{
background:#fcf5ec;
border:1px solid #6cc5c3;
height:17px;
width:202px;
}
.interface textarea{
background:#fcf5ec;
border:1px solid #6cc5c3;
height:87px;
width:202px;
overflow:auto;
font:13px Helvetica;
}
.redAlert{
color:#FF0000;
}
.rowone{
width:79px;
text-align:right;
}
.rowtwo{
width:212px;
padding-left:10px;
text-align:right;
}
#comics{
position:absolute;
width:100px;
height:124px;
margin-top:268px;
}
#contact-address{
width:475px;
float:left;
font:14px Helvetica;
color:#2d2c2c	;
padding:37px 0px 0px 80px;
}
#contact-address h2{
font:bold 20px Helvetica;
color:#4e9193;
padding-top:20px;
padding-bottom:7px;
}
.text{
color:#4e9193;
line-height:20px;
}
#inter-support{
width:480px;
}
#inter-support div
{
width:240px;
float:left;
}
#footer{
margin-left:30px;
width:945px;
float:left;
padding:40px 0px 40px 0px;
font:13px Helvetica;
color:#4e9193;
background:url(images/footer-border.jpg) repeat-x top left;
}
#footer-sub{
width:945px;
padding:0px 29px 0px 29px;
float:left;
}

#footer-sub div{
width:945px;
float:left;
padding:40px 0px 40px 0px;
font:13px Helvetica;
color:#4e9193;
background:url(images/footer-border.jpg) repeat-x top left;
}
#dropmenudiv{
position:absolute;
z-index:101;
background-image:url(images/dropdown-top.png);
background-repeat:no-repeat;
background-position:top left;
width:262px;
padding-top:43px;
}
#dropmenudiv p{
padding:0px 16px 0px 16px;
background-color:#1e1f22;
}
#dropmenudiv a{
width: 100%;
display: block;
border-bottom:1px solid #78797a;
color:#ffffff;
text-indent:10px;
text-decoration:none;
font-family:Helvetica;
font-size:13px;
font-weight:bold;
background-color:#1e1f22;
padding:3px 0px 3px 0px
}
#dropmenudiv a:hover{
color:#F25623
}

#dropmenudiv div{
background-image:url(images/dropdown-bottom.png);
background-repeat:no-repeat;
height:11px;
width:262px;
}

/*#dropmenudiv a:hover{ hover background color
width: 100%;
display: block;
height:23px;
color:#a2a1a1;
padding-top:5px;
}*/

/*inner page*/
#page-header-sub{width:1003px;height:93px; z-index:99;position:relative;}
#banner-sub{
float:left;
width:1003px;
margin-top:-10px;
z-index:98;
position:relative;
}
#main{
width:1003px;
float:left;

}
#sidebar{
float:left;
width:148px;
padding-left:70px;
padding-top:15px;
}
#sidebar ul{
font-family:Helvetica;
font-size:16px;
font-weight:bold;
width:148px;
}
#sidebar ul li{
padding:5px 10px 5px 0px;
width:138px;
}
.tab{ 
color:#656464;
width:123px;
text-decoration:none;
padding:4px 0px 4px 15px;
display:block;
}
.tab:hover{ 
color:#ffffff;
background-color:#F25623;
background-image:url(images/orange-arrow.jpg);
background-position:center left;
background-repeat:no-repeat;
display:block;
}
.tab-active{ 
width:123px;
text-decoration:none;
padding:4px 0px 4px 15px;
color:#ffffff;
background-color:#F25623;
background-image:url(images/orange-arrow.jpg);
background-position:center left;
background-repeat:no-repeat;
display:block;
}

#content-sub{
float:left;
width:713px;
background:url(images/spilter-inner.jpg) repeat-y top left;
padding:0px 15px 60px 47px;
}
#content-sub h1{
font-family:Helvetica;
font-size:20px;
width:713px;
padding-top:15px;
color:#4D9192;
float:left;	
}
#content-sub p{
float:left;
padding-top:15px;
font-family:Helvetica;
color:#2D2C2C;
font-size:13px;
line-height:20px;
}
#listed{
float:left;
width:663px;
padding:20px 25px 20px 25px;
margin-top:10px;
font-family:Helvetica;
color:#2D2C2C;
font-size:13px;
line-height:20px;
background-color:#DCF1F0;
}
#listed li{
padding:0px 0px 10px 15px;
background-image:url(images/orange-arrow-inner.jpg);
background-repeat:no-repeat;
background-position:0 6px;
}
#main-container{
float:left;
width:943px;
padding:0px 30px 40px 30px;
}

#main-container p{
float:left;
padding-top:15px;
font-family:Helvetica;
color:#2D2C2C;
font-size:13px;
line-height:20px;
}
#main-container ul{
float:left;
width:893px;
padding:20px 25px 20px 25px;
margin-top:30px;
font-family:Helvetica;
color:#2D2C2C;
font-size:13px;
line-height:20px;
background-color:#DCF1F0;
}
#main-container ul li{
padding:0px 0px 10px 15px;
background-image:url(images/orange-arrow-inner.jpg);
background-repeat:no-repeat;
background-position:0 6px;
}
#content-sub table{
width:713px;
border:1px solid #dcf1f0;
font-family:Helvetica;
font-size:14px;
line-height:20px;
float:left;
margin-top:20px;
}
#content-sub table td{
padding:10px
}

#main-container table{
width:941px;
border:1px solid #dcf1f0;
font-family:Helvetica;
font-size:14px;
line-height:20px;
float:left;
margin-top:20px;
}
#main-container table td{
padding:10px
}		
.column-one{
width:265x;
}
.column-two{
width:371px;
}
.column-three{
width:245px;
}
.blue{
background:#dcf1f0;
}
.center{
text-align:center;
font-weight:bold;
color:#4c9290;
}
.border{
border-right:1px solid #dcf1f0;
}
.bottom{
border-bottom:1px solid #dcf1f0; 
}
.skyblue{
background:#f4fbfa;
}
.listed-features{
font-family:Helvetica;
color:#2D2C2C;
font-size:13px;
line-height:20px
}
.listed-features li{
padding:5px 0px 5px 15px;
background-image:url(images/orange-bullet.jpg);
background-repeat:no-repeat;
background-position:0 11px;
}
#thumbnails{
float:left;
paddding:20px 0px 20px 0px;
}
#thumbnails img{
float:left;
padding:5px 5px 0px 0px;
}