*{
margin: 0px;
padding: 0px;
}

img{
border: 0px;
}

.floatl{
float: left;
}

.floatcenter{
float: left;
text-align: center;
}

.floatr{
float: right;
}

.clear{
clear: both;
}

hr {
background: 2px solid #BABB9D! important;	
}

body{
background: url(../images/body-bg8.gif) top left repeat-x #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

h1, h2, h3, h4, h5, h6 { 
line-height: normal;
}

/* CONTAINER STARTS HERE */

#container{
width: 900px;
margin: auto;
}

/* HEADER STARTS HERE */

.header{
height: 280px;
background: url(../images/wordav-logo2.gif) bottom left no-repeat;
}

.logo{
padding-top: 60px;
padding-left: 465px;
width: 400px;
/*height: 89px;*/
font-size: 1.5em;
line-height: 1.5em;
}


.top-links ul{
list-style: none;
padding-top: 25px;
}

.top-links li{
float: left;
font-weight: bold;
color: #323228;
line-height: 28px;
background: url(../images/seperator.gif) right 4px no-repeat;
}

.top-links li a{
color: #323228;
display: block;
padding: 0px 0px 0px 11px;
text-decoration: none;
}

.top-links li a span{
display: block;
color: #000000;
padding: 0px 18px 0px 10px;
}

.top-links li a:hover{
background: url(../images/links-left-bg2.gif) top left no-repeat;
color: #ffffff;
}

.top-links li a:hover span{
background:url(../images/links-right-bg2.gif) top right no-repeat;
color: #ffffff;
}

.top-links li a.active{
background: url(../images/links-left-bg2.gif) top left no-repeat;
color: #ffffff;
}

.top-links li a.active span{
color: #ffffff;
background: url(../images/links-right-bg2.gif) top right no-repeat;
}

.info{
width: 430px;
color: #e6e7c9;
line-height: 29px;
padding-top: 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
}

.login-section{
width: 530px;
margin-top: 37px;
}

.login-section h3{
font-size: 16px;
color: #474f39;
font-weight: normal;
background: url(../images/login-icon.gif) left top no-repeat;
padding-left: 40px;
padding-right: 7px;
line-height: 35px;
position: relative;
top: -6px;
}

form.login-area{
display: block;
}

.login-area input.txtfield{
width: 162px;
padding: 5px 3px;
border: 1px solid #c2c2c2;
color: #606060;
font-size: 11px;
float: left;
background: #ffffff;
margin-right: 4px;
}

/* CONTENT BOX STARTS HERE */

.content-box{
width: 900px;
margin: 50px 0px 40px 0px;
}

/* LEFT COL STARTS HERE */

.left-col{
width: 225px;
border: 1px solid #e6e6e6;
background: #f6f6f6;
margin-left: 20px;
}

.padding20px{
padding: 10px;
}

.service-section{
width: 212px;
}

.service-section h2{
color: #1d1d1d;
font-weight: normal;
font-size: 23px;
padding-bottom: 10px;
}

.service-section span{
color: #b47212;
font-weight: bold;
font-size: 12px;
}

.service-section p{
color: #000000;
font-size: 12px;
line-height: 20px;
padding: 10px 0px;
}

.service-section ul{
list-style: none;
}

.service-section li{
line-height: 25px;
font-weight: bold;
background: url(../images/service-dotted-line.gif) bottom left repeat-x;
color: #919191;
}

.service-section li a{
text-decoration: none;
color: #B0B194;
font-weight: bold;
background: url(../images/service-bullets.gif) left 4px no-repeat;
padding-left: 15px;
}

.service-section li a:hover{
color: #363636;
}

.service-section li a.active{
color: #363636;
}

.resources-section{
width: 222px;
}

ul.resources{
list-style: none;
padding-top: 10px;
}

ul.resources li{
line-height: 25px;
font-weight: bold;
background: url(../images/service-dotted-line.gif) bottom left repeat-x;
color: #919191;
}

ul.resources li a{
text-decoration:none;
color: #919191;
background: url(../images/resources-bulllets.gif) left 4px no-repeat;
padding-left: 15px;
}

/* RIGHT COL STARTS HERE */

.right-col{
width: 600px;
}

.right-col-home{  /* Only used on home page */
width: 800px;
}

.main-content{
width: 620px;
line-height: 1.3em;
background: url(../images/dotted-line.gif) bottom left repeat-x;
padding-bottom: 30px;
color: #000000;
}

.main-content-home{     /* Only used on home & projects page */
width: 820px;
line-height: 1.3em;
background: url(../images/dotted-line.gif) bottom left repeat-x;
padding-bottom: 30px;
color: #000000;
}

.main-content h1{
font-size: 1.75em;
font-weight: normal;
color: #1d1d1d;
padding-bottom: 10px;
}

.main-content span{
color: #8b8989;
font-weight: bold;
font-size: 12px;
}

.main-content p{
padding-top: 20px;
line-height: 1.5em;
color: #000000;
font: 1.188em Arial, Helvetica, sans-serif;
}

.main-content-home p{
padding-top: 20px;
line-height: 1.5em;
color: #000000;
font: 1.188em Arial, Helvetica, sans-serif;
}

.facebook-img{
float: right; 
margin-right: 20px;	
border: 0px solid #8B8989;
}

.main-content a { 
color: #995E01; 
text-decoration: none; 
}

.list{
width: 325px;
}

.list ul{
list-style: none;
padding-top: 15px;
padding-bottom: 20px;
}

.list li{
color: #7a7a7a;
width: 325px;
}

.list li a{
color: #7a7a7a;
line-height: 22px;
background: url(../images/list-bullets.gif) 2px 9px no-repeat;
padding-left: 15px;
width: 310px;
text-decoration: none;
display: block;
}

.list li a:hover{
background: #e2e2e2 url(../images/list-hover-bullets.gif) 2px 9px no-repeat;
padding-left: 15px;
color: #7a7a7a;
}

.list li a.active{
background: #e2e2e2;
background: #e2e2e2 url(../images/list-hover-bullets.gif) 2px 9px no-repeat;
padding-left: 15px;
color: #7a7a7a;
}

/* FOOTER STARTS HERE */

#footer{
background: #BABB9D;
padding: 20px 0px;
}

.footer-content{
width: 900px;
margin:0 auto;
}

.footer-links{
width: 100%;
text-align: center;
}

.footer-links ul{
list-style: none;
margin-left: 25%;
padding-top: 20px;
text-align: center! important;
}

.footer-links li{
float: left;
font-size: 11px;
padding-left: 8px;
color: #c2c2c2;
}

.footer-links li a{
text-decoration: underline;
color: #000000;
}

.footer-links li a:hover{
color: #336699;
text-decoration: none;
}

.footer-links li a.active{
color: #336699;
}

.footer-links p{
color: #336699;
text-align: right;
font-size: 10px;
padding-top: 5px;
}

.footer-links p a:hover {
color: #000000;
text-decoration: none;
}

img.footer-banner {
border: 1px solid #000000;	
}

.aboutus-img{
float: right; 
border: 4px solid #8B8989;	
margin: 0 0px 10px 20px;
}

.aboutcolumnzone{
padding: 20px 0px 16px 0px;
}

.aboutcolumn1{
width: 48%; 
float: left; 
margin: 0px 0px 10px 0px;
}

.aboutcolumn2{
width: 48%; 
float: right; 
margin: 0px 0px 10px 0px;
}

.abouticon{
float: left; 
margin: 0px 20px 0px 0px;
}

.insidereadmore{
padding: 10px 0px 10px 0px;
}

input.button{
color: #000; 
background: #ffc850; 
font: bold 11px Arial, Helvetica, sans-serif; 
text-decoration: none; 
padding: 10px;
margin: 0px 5px 5px 0;	
border: 1px solid #5b7a92;
}

input.button:hover{
cursor: pointer; 
color: #fff; 
background: #663300; 
border: 1px solid #ffc850;
}

.project-img{
float: right; 
margin-left: 20px;	
border: 0px solid #8B8989;
}

.whiteheading{
font: 30px Myriad Pro, Arial; 
color: #CBD76B; 
font-weight: 100;	
padding: 0px; 
margin: 25px 0px 20px 0px;
}

.ourprojectrow {
margin-bottom: 20px; 
border-bottom: 0px dotted #8B8989; 
padding-bottom: 10px; 
padding-right: 20px

.servicecolumnzone{
padding: 20px 0px 16px 0px;
}

.servicecolumn1{
width: 48%; 
float: left; 
margin: 0px 0px 10px 0px;
}

.servicecolumn2{
width: 48%; 
float: right;	
margin: 0px 0px 10px 0px;
}