html,body,ul,li,p,h1,h2,h3,table,td,tr{ 
margin:0; 
padding:0; 
border:0px none; 
}
html{margin-bottom:1px; height:100%;}
body {
	font-family: Arial, tahoma, verdana;
	color:#707A87;
	margin:0px 0px 0px 0px;
	background-image:url(../images/body_bg.gif); 
	background-repeat:repeat-x;
	
}
div{float:left;}
/*~~~~~~~~~~~~~~~~~~~~~~~~ Main ID CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper {margin:0px auto;width:980px; float:none !important; }

/*~~~~~~~~~~~~~~~~~~~~~~~~ Header CSS ~~~~~~~~~~~~~~~~~~~~~~~~*/
#header{width:980px;}
.flash{width:980px;}
.topnav-row{width:980px;}
.nav-left{width:45px; height:156px; background:url('../images/nav-left.jpg') no-repeat left top;}
.nav-mid{width:891px;}
.nav-right{width:44px; height:156px; background:url('../images/nav-right.jpg') no-repeat left top;}
.mainnav{width:891px; height:135px;}
.mainnav-bot{width:891px; height:21px; background:url('../images/nav-bot.jpg') no-repeat left top;}

body#about #menu01 a, body#about #menu01 a span{background-position:0px 135px; color:#FFF;}
body#folio #menu02 a, body#folio #menu02 a span{background-position:-179px 135px; color:#FFF;}
body#services #menu03 a, body#services #menu03 a span{background-position:-357px 135px; color:#FFF;}
body#pricing #menu04 a, body#pricing #menu04 a span{background-position:-535px 135px; color:#FFF;}
body#contacts #menu05 a, body#contacts #menu05 a span{background-position:-713px 135px; color:#FFF;}

/*Top Navigation CSS starts here*/
#mainnav {overflow: hidden;height:135px; width:891px;}
#mainnav ul {margin:0px;padding:0;}
#mainnav li {margin: 0; padding:0; list-style-type: none; display: inline; float: left; font:28px 'Times New Roman', Arial, Tahoma, verdana; color:#103348; text-align:center;}
#mainnav li span{font:12px Arial, Tahoma, verdana; color:#103348; text-align:center;}
#mainnav a {text-decoration:none !important; display:block; background: url(../images/topnav.jpg) 0px 0px; overflow: hidden; height:135px; color:#103348;}
#mainnav a span { visibility:visible; }

#menu01, #menu01 a {background-position: 0 0;width: 179px; padding-top:70px;}
#menu01 a:hover, #menu01 a.selected {background-position: 0px 135px; color:#FFF;}
#menu01 a:hover span, #menu01 a.selected span {background-position: 0px 135px; color:#FFF;}
#menu01 a.active, #menu01 a.active span {background-position: 0px 135px; color:#FFF;}


#menu02, #menu02 a {background-position: -179px 0; width: 178px; padding-top:70px;}
#menu02 a:hover, #menu02 a.selected {background-position: -179px 135px; color:#FFF;}
#menu02 a:hover span, #menu02 a.selected span {background-position: -179px 135px; color:#FFF;}
#menu02 a.active, #menu02 a.active span {background-position: -179px 135px; color:#FFF;}

#menu03, #menu03 a {background-position: -357px 0;width: 178px; padding-top:70px;}
#menu03 a:hover, #menu03 a.selected {background-position: -357px 135px; color:#FFF;}
#menu03 a:hover span, #menu03 a.selected span {background-position: -357px 135px; color:#FFF;}
#menu03 a.active, #menu03 a.active span {background-position: -357px 135px; color:#FFF;}

#menu04, #menu04 a {background-position: -535px 0;width: 178px; padding-top:70px;}
#menu04 a:hover, #menu04 a.selected {background-position: -535px 135px; color:#FFF;}
#menu04 a:hover span, #menu04 a.selected span {background-position: -535px 135px; color:#FFF;}
#menu04 a.active, #menu04 a.active span {background-position: -535px 135px; color:#FFF;}

#menu05, #menu05 a {background-position: -713px 0; width: 178px; padding-top:70px;}
#menu05 a:hover, #menu05 a.selected {background-position: -713px 135px; color:#FFF;}
#menu05 a:hover span, #menu05 a.selected span {background-position: -713px 135px; color:#FFF;}
#menu05 a.active, #menu05 a.active span {background-position: -713px 135px; color:#FFF;}

/*Top Navigation CSS ends here*/

/*.mainnav ul{margin:0px; padding:0px;}
.mainnav ul li{list-style:none; float:left; font:12px Arial, tahoma, verdana; color:#103348; text-align:center;}
.mainnav ul h1{font:28px 'Times New Roman', Arial, tahoma, verdana; color:#1E262B; line-height:20px; margin:0px;}
.mainnav ul li p{font:12px Arial, tahoma, verdana; color:#1E262B; margin:0px; padding:0px 0px 0px 0px;}

.mainnav ul li#menu01{width:178px; height:60px; display:block; background:url('../images/nav1.jpg') no-repeat left top; padding:75px 0px 0px 0px;}
.mainnav ul li#menu02{width:178px; height:60px; display:block; background:url('../images/nav2.jpg') no-repeat left top; padding:75px 0px 0px 0px;}
.mainnav ul li#menu03{width:178px; height:60px; display:block; background:url('../images/nav3.jpg') no-repeat left top; padding:75px 0px 0px 0px;}
.mainnav ul li#menu04{width:178px; height:60px; display:block; background:url('../images/nav4.jpg') no-repeat left top; padding:75px 0px 0px 0px;}
.mainnav ul li#menu05{width:179px; height:60px; display:block; background:url('../images/nav5.jpg') no-repeat left top; padding:75px 0px 0px 0px;}
.mainnav ul li h1 a{color:#1E262B; text-decoration:none;}
.mainnav ul li h1 a:hover{color:#1E262B; text-decoration:none;}
*/

#content{width:890px; padding:25px 45px 25px 45px;}
.leftpanel{width:251px;}
.boldy{font-sixe:21px; font-weight:bold; color:#069;}
.cat-box{width:251px;}
.cat-title{width:231px; height:38px; background:url('../images/green-title.jpg') no-repeat left top; font:21px 'Times New Roman', Tahoma, Arial, verdana; color:#FFF; padding:12px 0px 0px 20px;}
.cat-mid{width:211px; background:url('../images/blue-grd-bg.jpg') repeat-x left top #EEF5F9; padding:10px 20px 10px 20px;}
.cat-bot{width:251px; height:12px; background:url('../images/blue-grd-bot.jpg') no-repeat left top; font-size:1px;}

.cat-mid ul{margin:0px; padding:5px 0px 0px 0px;}
.cat-mid ul li{list-style:none; background:url('../images/bullet.jpg') no-repeat 0px 12px; font:15px Arial, tahoma, verdana; color:#050D0F; padding:4px 0px 4px 12px;}
.cat-mid ul li a{color:#050D0F; text-decoration:none;}
.cat-mid ul li a:hover{color:#050D0F; text-decoration:none;}

.box{width:251px;}
.box-top{width:251px; height:17px; background:url('../images/curv-top.jpg') no-repeat left top; font-size:1px;}
.box-mid{width:209px; border-left:1px solid #8AA29F; border-right:1px solid #8AA29F; padding:10px 20px 10px 20px;}
.box-bot{width:251px; height:17px; background:url('../images/curv-bot.jpg') no-repeat left top; font-size:1px;}

.txtblock{width:209px; padding:0px 0px 15px 0px;}
.more{width:209px;}

.mainpanel{width:590px; padding:0px 0px 0px 15px; margin-right:15px;}

.pghead{width:590px;}

.paging{width:590px; font:13px Tahoma, Arial, verdana; color:#484949; padding:10px 0px 10px 0px;}
.nxtprev{width:45px;}
.pages{width:500px; text-align:center;}

.paging a{color:#484949; text-decoration:underline;}
.paging a:hover{color:#484949; text-decoration:underline;}
.paging a.on{color:#484949; text-decoration:none;}
.paging a.on:hover{color:#484949; text-decoration:none;}

#footer{width:100%; background:#DFEAF1; font:13px Tahoma, Arial, verdana; color:#3F4448; height:100px;}
#footer a{color:#0C6D7F; text-decoration:none;}
#footer a:hover{color:#0C6D7F; text-decoration:underline;}
#footer_content{width:400px; margin:20px 0 0 35%; display:block; text-align:center; display:inline;}

.full{width:100%;}

.box-mid p{font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#484949; margin:0px; padding:1px 0px 1px 0px;}
.box-mid p a{color:#08788C; text-decoration:underline;}
.box-mid p a:hover{color:#08788C; text-decoration:underline;}

h1{font:31px 'Times New Roman', Arial, tahoma, verdana; color:#000000; margin:0px; padding:0px 0px 10px 0px;}
h2{font:25px 'Times New Roman', Arial, tahoma, verdana; color:#000000; margin:0px; padding:0px 0px 10px 0px;}
h3{font:18px Verdana, Geneva, sans-serif; color:#276C79; margin:0px; padding:0px 0px 0px 0px;}
h4{font:13px Tahoma, Arial, verdana; color:#484949; font-weight:bold; margin:0px; padding:0px 0px 5px 0px;}
h5{font:20px 'Times New Roman', Arial, tahoma, verdana; color:#276C79; margin:0px; padding:0px 0px 0px 0px;}

h3 a{color:#276C79; text-decoration:none;}
h3 a:hover{color:#276C79; text-decoration:none;}
.whity{color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; padding:5px;}
.index ul li{color:#069; font-family:Verdana, Geneva, sans-serif; font-size:12px; list-style-position:inside; list-style-type:none;}
.pgcontent{width:590px; line-height:21px; margin-bottom:15px;}
p{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#484949; margin:0px; padding:0px 0px 15px 0px; line-height:21px;}
#tag {
-x-system-font:none;
color:#255255;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
font-size:21px;
line-height:34px;
margin:0;
width:594px;
height:103px;
padding:6px;
background-image:url(../images/headline_bg.jpg);
background-repeat:no-repeat;
}
.underline{text-decoration:underline;}
.pricetag{width:381px; height:144px; background-image:url(../images/price_box.jpg); background-repeat:no-repeat;}
.testimonials{color:#888; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold;font-style:italic; line-height:18px;}
.right{float:right; padding:5px;}
.left{float:left; padding:5px;}
.portfolio{width:900px; padding:10px 0px 10px 0px;}
.portfolio-c1{width:580px;}
.portfolio-c2{width:273px; background:url('../images/bdr-left.jpg') no-repeat left top; border-bottom:1px solid #E5EDEE; padding:0px 0px 8px 9px;}
.project-name{width:308px; border-bottom:1px solid #41808B;}
.project-feat{width:283px; background:url('../images/features-bg.jpg') repeat-x left top; padding:10px 10px 10px 15px;}
.large-pic{width:273px; padding:0px 0px 4px 0px;}
.small-pic{width:57px; border:3px double #E5EDEE; margin-right:5px;}

.project-feat ul{margin:0px; padding:0px 0px 0px 0px;}
.project-feat ul li{list-style:none; background:url('../images/green-arrow.jpg') no-repeat 0px 7px; font:13px Tahoma, Arial, verdana; color:#484949; line-height:22px; padding:0px 0px 0px 12px;}


.services{width:590px; padding:10px 0px 5px 0px;}
.services-c1{width:135px; background:url('../images/shadow.jpg') no-repeat 0px 91px; padding:0px 15px 15px 0px;}
.services-c2{width:440px;}
.service-img{width:124px; border:1px solid #BFBFBF; padding:4px 4px 4px 4px;}
.services-c2 p{font:13px Tahoma, Arial, verdana; color:#484949; margin:0px; padding:4px 0px 4px 0px;}

.mainpanel1{width:890px; padding:0px 0px 0px 0px;}
.mainpanel1 p{font:13px Tahoma, Arial, verdana; color:#484949; margin:0px; padding:5px 0px 5px 0px;}

.mainpanel1 p a{color:#08788C; text-decoration:underline;}
.mainpanel1 p a:hover{color:#08788C; text-decoration:underline;}

.formbox{width:890px; margin-top:10px;}
.formbox-top{width:890px; height:12px; background:url('../images/contact-curv-top.jpg') no-repeat top; font-size:1px;}
.formbox-mid{width:864px; border-left:1px solid #E1EBEC; border-right:1px solid #E1EBEC; padding:0px 12px 0px 12px;}
.formbox-bot{width:890px; height:13px; background:url('../images/contact-curv-bot.jpg') no-repeat bottom; font-size:1px;}

.contact-c1{width:364px; font-size:13px; color:#484949;}
.contact-c1 span{color:#08788C;}
.contact-c2{width:260px; border:1px solid #E1EBEC;}
.contact-c3{width:228px; background:url('../images/contact-bg.jpg') no-repeat right bottom #E1EBEC; padding:5px;}
.contact-r1{width:228px; border-bottom:1px solid #276C78; padding:10px 0px 10px 0px; font-family:'Helvetica', Arial, Helvetica, sans-serif; color:#276C78; font-size:24px;}
.contact-r1 span{padding:10px 0px 10px 0px; font-family:'Times New Roman...', Arial, Helvetica, sans-serif; color:#323232; font-size:18px;}
.contact-r2{width:218px; font-size:13px; padding:15px 0px 0px 10px; height:279px; line-height:16px;}
.col-left {width:100px; float:left; padding-top:3px;}
.col-right {width:263px; float:left;}

.mar1 {margin:0px 10px 0px 5px;}
.mar2 {margin:15px 0px 0px 0px;}

.pad1 {padding-top:15px;}

input.contact {margin:0px; padding:0px; width:240px; height:18px; border:1px solid #CCCCCC;}
textarea.contact {margin:0px; padding:0px; width:240px; height:98px; border:1px solid #CCCCCC;}

.news-left {width:70px;}
.news-right {width:100%;}

.about-sec{width:590px; padding:0px 0px 0px 0px;}
.about-sec p{font:13px Tahoma, Arial, verdana; color:#484949; margin:0px; padding:5px 0px 5px 0px;}
.about-sec p a{color:#08788C; text-decoration:none;}
.about-sec p a:hover{color:#08788C; text-decoration:underline;}

.support{width:211px; background:url('../images/blue-grd-bg.jpg') repeat-x left top #EEF5F9; padding:40px 20px 10px 20px;}
.support p{font:13px Tahoma, Arial, verdana; color:#484949; margin:0px; padding:15px 0px 5px 0px;}
.support p a{color:#484949; text-decoration:underline;}
.support p a:hover{color:#484949; text-decoration:none;}

.support-left {width:230px; padding-top:10px;}
.support-right {width:360px;}

#marqueecontainer{position: relative; 
width: 231px; /*marquee width */
height: 222px; /*marquee height */
background-color: white; overflow: hidden; padding: 2px 0px 2px 20px; margin-top:5px;}