body,html{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5E5C58;
line-height:16px;
font-weight:normal;
}

.homebg{background:#FBF4EA url(images/bg.jpg) repeat-x top;}
.innerbg{background:#FBF4EA url(images/innerbg.gif) repeat-x top;}

#container{width:971px; margin:0 auto;}
a:focus{outline:none;}

/*header css starts here*/

#header{width:971px; float:left;}
.headtop{width:971px; float:left; height:104px;}
.logo{width:400px; float:left;}
.headright{width:571px; float:left; padding-top:10px; text-decoration:right;}
.headright p{padding:10px 0px; margin:0px; font-size:13px; color:#ffffff; line-height:18px;}
.headright p b{font-size:14px; color:#ffffff;}

.navidiv{width:971px; float:left; height:34px;}
.navidiv p{padding:0px; margin:0px;}
.navidiv p.chat{width:321px; float:left; text-align:left;  padding-bottom:5px;}
.navidiv p.chat img{padding:0px; margin:0px 0px 5px 20px;}
.navidiv p.chat a{font-size:13px; color:#ffffff; text-decoration:none;}
.navidiv p.chat a:hover{color:#71951B; text-decoration:underline;}

.topmenu{
width:650px;
float:left;
list-style-type: none;
margin:0;
padding:0;
}
.topmenu li {
display:inline;
margin:0;
padding:5px 0px 5px 0px;
}
.topmenu a{
float:left;
background:url(images/lefttab.gif) no-repeat left top;
margin:0px;
font-family:arial;
font-size:13px;
line-height:normal;
line-height:18px;
text-decoration:none;
color:#ffffff;
padding-left:14px; 
margin-left:8px;
}
.topmenu a span{
float:left;
display:block;
background:url(images/righttab.gif) no-repeat right top;
padding:8px 18px 8px 5px;
color:#ffffff;
}

.topmenu a.blog{
background:url(images/lefttab2.gif) no-repeat left top;
}

.topmenu a.blog span{
background:url(images/righttab2.gif) no-repeat right top;
}

.topmenu a.blog:hover, selected{
background-position:0px;
}

.topmenu a.blog:hover span{
background-position:100%;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.topmenu a span {float:none;}
/* End IE5-Mac hack */

.topmenu a:hover span {
color: #ffffff;
}

.topmenu li.selected a{ /*Selected Tab style*/
background-position:0 -34px; /*Shift background image up to start of 2nd tab image*/
}

.topmenu li.selected a span{ /*Selected Tab style*/
background-position:100% -34px; /*Shift background image up to start of 2nd tab image*/
color:#ffffff;
}

.topmenu a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -34px; /*Shift background image up to start of 2nd tab image*/
}

.topmenu a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -34px; /*Shift background image up to start of 2nd tab image*/
}

.bannerdiv{width:971px; float:left; height:355px; }
.bannerdiv p{padding:0px; margin:0px;}
.bannerdiv p.banleft{width:690px; float:left;}

.banright{width:261px; float:left; padding-left:20px;}
.banright h2{font-size:19px; color:#ffffff;  line-height:24px; font-weight:normal; background:url(images/liner.gif) no-repeat bottom left; padding:5px 0px; margin:20px 0px 0px 0px;}
.banright p{padding:10px 0px; margin:0px; color:#ffffff;}
.banright p.pad{padding-bottom:50px;}
.banright p a{color:#ffffff;}
.banright p a:hover{color:#86BB06; text-decoration:none;}
.newsdiv{width:250px; float:left;  background:url(images/newsbg.gif) repeat-x top;  text-align:center; }
.newsdiv a{font-size:14px; display:block; color:#ffffff; font-weight:bold; text-decoration:none;padding-top:15px; padding-left:10px; padding-right:10px;}

.input2{border:1px solid #206D89; background:#A9E6FD; margin-top:-4px;}

/*header css ends here*/

/*middle css starts here*/

#middle{width:971px; float:left; background:#FBF7EE url(images/midbg.gif) repeat-x top; background:#FBF7EE;}
.middiv{width:953px; float:left; padding:10px 9px;}
.boxdiv{width:304px; float:left; padding-right:19px;}
.boxdiv p{padding:0px; margin:0px;}
.boxdiv p.boxhead{width:304px; float:left; text-align:center; font-size:18px; color: #ffffff; line-height:26px; background:url(images/website-design-title.jpg) no-repeat 10px; padding:6px 0px 8px 0px;}
.boxdiv p.boxhead a{text-decoration:none; color:#FFFFFF;}

.boxdiv p.boxhead2{width:306px; float:left; text-align:center; font-size:17px; color: #ffffff; line-height:26px; background:url(images/seo-title.gif) no-repeat left; padding:6px 0px 8px 0px; }
.boxdiv p.boxhead2 a{text-decoration:none; color:#FFFFFF;}
.boxdiv2{width:305px; float:left;}
.boxdiv2 p{padding:0px; margin:0px;}
.boxdiv2 p.boxhead3{
	width:304px;
	float:left;
	text-align:center;
	font-size:18px;
	color: #ffffff;
	line-height:26px;
	background:url(images/branding-title.jpg) no-repeat 10px;
	padding:6px 0px 8px 0px;
	text-decoration:none;
}
.boxdiv2 p.boxhead3 a{text-decoration:none; color:#FFFFFF;}

.boxmatter{width:244px; float:left; padding:15px 30px; background:url(images/boxbg.gif) no-repeat; font-family:Arial, Helvetica, sans-serif;}
.boxmatter p{padding:5px 0px; margin:0px;}
.boxmatter p a{color:#71951B; text-decoration:underline; font-weight:bold;}
.boxmatter p a:hover{color:#000000; text-decoration:none;}

.postdiv{width:274px; float:left; background:#FBF7EE url(images/shad.gif) no-repeat right; padding:0px 30px 0px 20px;}
.postdiv h1{font-size:26px;  color:#4c4c4c; font-weight:normal;line-height:32px; padding:5px 0px; margin:0px;}
.postdiv h1 span{color:#017CA9;}
.postdiv p{padding:0px; margin:0px;}
.postdiv ul{padding:0px; margin:0px;}
.postdiv li{list-style-type:none; display:block; background:url(images/liner2.gif) no-repeat top; padding:10px 0px; margin:0px; min-height:60px; }
.postdiv li b{font-weight:bold; color:#71951B;}
.postdiv li img{padding:0px; margin:0px 10px 0px 0px;}
.postdiv p a{font-weight:bold; color:#017CA9; text-decoration:underline;}
.postdiv p a.more{font-weight:bold; color:#71951B; background:url(images/more.gif) no-repeat right; padding-right:10px; }
.postdiv p a:hover{color:#000000; text-decoration:none;}

.article{width:254px; float:left; background:#FBF7EE; padding:0px 30px 0px 20px;}
.article h1{font-size:26px;  color:#4c4c4c; font-weight:normal;line-height:32px; padding:5px 0px; margin:0px;}
.article h1 span{color:#017CA9;}
.article h1 img{margin-top:10px;}
.article h3{font-size:15px; color:#017CA9; font-weight:normal; line-height:20px; padding:5px 0px; margin:0px;}
.article p{padding:0px; margin:0px;}
.article ul{width:254px; float:left; padding:0px; margin:0px;}
.article ul li{list-style-type:none; display:block; background:url(images/liner2.gif) no-repeat top; padding:10px 0px; margin:0px; min-height:60px; }
.article ul li b{font-weight:bold; color:#71951B;}
.article ul li img{padding:0px; margin:0px 10px 0px 0px;}
.article p a{font-weight:bold; color:#017CA9; text-decoration:underline;}
.article p a.more{font-weight:bold; color:#71951B; background:url(images/more.gif) no-repeat right; padding-right:10px; }
.article p a:hover{color:#000000; text-decoration:none;}

.bluediv {width:234px; float:left; background:#049CD4 url(images/bluebg.gif) repeat-x bottom; border:1px solid #017CA9; padding:9px; margin:4px 0px; font-family:Arial, Helvetica, sans-serif;}
.bluediv p{padding:0px; margin:0px; font-size:12px; color:#ffffff;}
.bluediv p b{font-size:14px; color:#000000; line-height:22px;}
.bluediv p span{font-size:15px; line-height:18px; color:#ffffff; font-weight:normal; text-align:center;}
.bluediv p span a{color:#ffffff; text-decoration:underline; font-weight:normal;}
.bluediv p span a:hover{color:#000000; text-decoration:none; font-weight:normal;}
.bluediv p img{margin:5px 10px 0px 0px; padding:0px;}
.bluediv h5{font-size:18px; line-height:26px; color:#ffffff; padding:0px; margin:0px;}

.linkdiv{width:230px; float:left; background:#ffffff; border:3px solid #698D11; padding:9px;}
.linkdiv p{padding:0px; margin:0px;width:115px; float:left;}
.linkdiv p a{font-size:12px; color:#5E5C58; text-decoration:none; font-weight:normal;}
.linkdiv p a:hover{color:#000000; text-decoration:underline;}
.linkdiv p img{padding:0px; margin:2px 5px;}

/*about css ends here*/


.inban{width:971px; float:left; height:109px; }
.inban p{padding:0px; margin:0px;}
.inban p.inbanleft{width:690px; float:left; background:url(images/banleft.gif) no-repeat right; height:109px; background-color:none;}
.inbanright{width:261px; float:left; padding-left:20px; padding-top:40px;}

.midleft{width:627px; float:left;  padding:10px 0px 10px 20px; background:url(images/4.gif) no-repeat 45px 0px;}
.midleft h1{font-size:26px; color:#4c4c4c; font-weight:normal; line-height:32px; background:url(images/liner2.gif) no-repeat bottom left; padding:10px 0px; margin:0px;}
.midleft h1 span{color:#017CA9;}
.midleft p{padding:10px 0px; margin:0px;}
.midleft p b{color:#71951B;}
.midleft p a{color:#4c4c4c; font-weight:normal; text-decoration:underline;}
.midleft p a:hover{color:#000000; text-decoration:none;}
.midleft p img{padding:0px; margin:5px; border:2px solid #999999;}

.midright{width:304px; float:left; padding-bottom:10px; background:#FBF7EE url(images/shad.gif) no-repeat left; padding-left:20px; }

.contact{width:627px; float:left;  padding:10px 0px 10px 20px; background:url(images/4.gif) no-repeat 45px 0px;}
.contact h1{font-size:26px; color:#4c4c4c; font-weight:normal; line-height:32px; background:url(images/liner2.gif) no-repeat bottom left; padding:10px 0px; margin:0px;}
.contact p{padding:10px 0px; margin:0px;}
.contact p label{width:150px; float:left;}
.input3{border:1px solid #E9DFC6; background:#fcfcfc;  line-height:16px; padding-top:2px;}

.portfolio{width:627px; float:left;  padding:10px 0px 10px 20px; background:url(images/4.gif) no-repeat 45px 0px;}
.portfolio h1{font-size:26px; color:#4c4c4c; font-weight:normal; line-height:32px; background:url(images/liner2.gif) no-repeat bottom left; padding:10px 0px; margin:0px; text-align:left;}
.portfolio p{padding:10px 0 0px 0; margin:0px;}
.portfolio p img{padding:0px; margin:0px; width:198px; height:140px; border:1px solid #E0D5BB;}
.portfolio p.bord{width:209px; float:left;}
.portfolio p.bord a{color:#71951B; font-weight:normal; text-decoration:underline; padding:0px;}
.portfolio p.bord a:hover{color:#000000; text-decoration:none;}
.portfolio p.bord span.portimg{width:209px; float:left;}
.portfolio p.bord span.portlink{width:209px; float:left; text-align:center;}

.tabl{font-size:12px; color:#333333;}
.tabl p{padding:5px 0px; margin:0px;}
.tabl p b{font-size:13px;}
.project{font-size:12px; color:#666666; border-bottom:1px solid #D9C9A8; margin-bottom:20px; padding-bottom:10px;}
.project b{color:#333333;}
.project p{padding:0px; margin:0px;}

/*middle css ends here*/



/*footer css starts here*/

.footerdiv{width:931px; float:left; padding:20px; background:#000000 url(images/footer-bg.jpg) repeat-x top;}
.footerdiv p{padding:0px; margin:0px;}

.footleft{width:490px; float:left; padding-right:10px;}
.footleft p{padding:5px 0px; margin:0px; font-size:12px; color:#8E8B8D;}
.footleft p span{font-size:15px; color:#ffffff; line-height:18px;}
.footleft p b{font-size:13px; color:#ffffff;}
.input{border:1px solid #9F9E9F; background:url(images/inputbg.gif) repeat-x; height:19px; color:#ffffff; border-right:0px; padding-top:4px;}

.footright{width:420px; float:left; border-left:1px solid #4B474A; padding:0px 0px 0px 10px;}
.footright h6{font-size:15px; color:#ffffff; font-weight:normal; line-height:18px; padding:0px 0px 10px 0px; margin:0px;} 
.leftlink{width:180px; float:left; padding-right:20px;}
.leftlink ul{padding:0px; margin:0px;}
.leftlink li{list-style-type:none; display:block; padding:4px 10px; background:url(images/li.gif) no-repeat left; border-bottom: 1px dashed #534F52;}
.leftlink li a{font-size:12px; color:#B1B1B0; text-decoration:none;} 
.leftlink li a:hover{color:#ffffff;}

.rightlink{width:220px; float:left;}
.rightlink ul{padding:0px; margin:0px;}
.rightlink li{list-style-type:none; display:block; padding:4px 10px; }
.rightlink li img{padding:0px; margin:0px 4px 0px 0px;}
.rightlink li a{font-size:12px; color:#B1B1B0; font-weight:bold; text-decoration:none;} 
.rightlink li a:hover{color:#ffffff;}
.footlink{width:971px; float:left; text-align:right;}
.footlink p{padding:10px 0px; margin:0px;}
.footlink p b{color:#017CA9;}
/*footer css ends here*/