body {
background: #efefef;
color: #58595b;
margin: 10px 0;
text-align: center;
font-family: arial, verdana;
font-size: 12px;
line-height: 16px;
}

a {color: #fff;
font-size : 12px;
font-family : verdana
}
a.hover {color: #4977E3;
font-size : 12px;
font-family : verdana
}

a.footer {color: #fff;
font-size : 9px;
font-family : Verdana;
text-decoration: none;
}
a.footer:hover {color: #4977E3;
font-size : 9px;
font-family : Verdana
}

a.black {color: #58595b;
font-size : 12px;
font-family : arial;
text-decoration: none;
}
a.black:hover {color: #650360;
font-size : 12px;
font-family : arial;
text-decoration: underline;
}
a.small {color: #650360;
font-size : 11px;
font-family : Verdana;
text-decoration: none;

}
a.small:hover {color: #000;
font-size : 11px;
font-family : Verdana;
text-decoration: underline;
}
a.small-white {color: #fff;
font-size : 11px;
font-family : Verdana;
text-decoration: none;
}
a.small-white:hover {color: #ccc;
font-size : 11px;
font-family : Verdana;
text-decoration: underline;
}
a.white {color: #fff;
font-size : 12px;
font-family : arial, verdana;
text-decoration: none;
}
a.white:hover {color: #4977E3;
font-size : 12px;
font-family : arial, verdana
}
#container {
width: 801px;
height: 342px;
margin: 0 auto;
background: transparent url(images/back-top.gif) no-repeat;
}

#content {
width: 801px;
min-height: 100%;
background: transparent url(images/back-bottom.gif) no-repeat center bottom;
margin: 0 auto;
}

#content-projects {
width: 801px;
min-height: 100%;
background: transparent url(images/back-projects.gif) no-repeat center bottom;
margin: 0 auto;
}

#content-projects2 {
width: 801px;
min-height: 100%;
background: transparent url(images/back-projects2.gif) no-repeat center bottom;
margin: 0 auto;
}

#footer {
color: #fff; 
width: 760px; 
text-align: right; 
padding-bottom: 20px; 
margin-right: 50px; 
font-size: 9px; 
clear: both;
}
#header {
background: transparent;
width: 790px;
height: 267px;
text-align: left;
float: right;
margin-right: 7px;

}
#home {
background: transparent url(images/home.jpg) no-repeat;
background-position: 32px 0px;
width: 100%;
height: 241px;
margin-top: 0px;
float: left

}

* html #home { /*IE only rule, reduce menu width*/
background-position: 41% bottom;
}
#services {
background: transparent url(images/services.jpg) no-repeat;
background-position: 32px 0px;
width: 100%;
height: 241px;
margin-top: 0px;
float: left

}

* html #services { /*IE only rule, reduce menu width*/
background-position: 41% bottom;
}

#team {
background: transparent url(images/team.jpg) no-repeat;
background-position: 32px 0px;
width: 100%;
height: 241px;
margin-top: 0px;
float: left

}

* html #team { /*IE only rule, reduce menu width*/
background-position: 41% bottom;
}

#working {
background: transparent url(images/working.jpg) no-repeat;
background-position: 32px 0px;
width: 100%;
height: 241px;
margin-top: 0px;
float: left

}

* html #working { /*IE only rule, reduce menu width*/
background-position: 41% bottom;
}

#clients {
background: transparent url(images/clients.jpg) no-repeat;
background-position: 32px 0px;
width: 100%;
height: 241px;
margin-top: 0px;
float: left

}

* html #clients { /*IE only rule, reduce menu width*/
background-position: 41% bottom;
}

#contact {
background: transparent url(images/contact.jpg) no-repeat;
background-position: 32px 0px;
width: 100%;
height: 241px;
margin-top: 0px;
float: left

}

* html #contact { /*IE only rule, reduce menu width*/
background-position: 41% bottom;
}

#box {
background-position: 0px 30px;
min-height: 100%;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 1px;
}
#box2 {
background-position: 0px 30px;
min-height: 100%;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 1px;
}

#content-right {
background: transparent;
float: right;
width: 270px;
text-align: left;
margin-top: 8px;
padding-left: 0px;
margin-right: 45px;
}




#leftbar {
float: left;
width: 430px;
text-align: left;
padding-top: 8px;
padding-right: 10px;
margin-left: 25px;
display: inline;
}

#rightbar {
background: #ccc;
float: right;
width: 150px;
padding-top: 20px;
padding-left: 30px;
padding-right: 60px;
}

    -->
h1 {
font-size: 14px;
font-family: Verdana;
color: #650360;
margin-bottom: -6px;
}

h3 {
font-size: 20px;
font-family: Verdana;
color: #650360;
margin-bottom: -6px;
}


.heading {
font-size: 12px;
font-family: Verdana;
color: #650360;
font-weight: bold;
}
.inputfield {
	background-color : #FFFFFF;
	border-bottom : #70878F 1px solid;
	border-left : #70878F 1px solid;
	border-right : #70878F 1px solid;
	border-top : #70878F 1px solid;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	height : 20px;
	padding-bottom : 1px;
	padding-left : 1px;
	padding-right : 1px;
	padding-top : 1px;
	width : 180px;
}

#menu {
background :transparent;
width: 100%;
height: 20px;
text-align: left;
margin-top: 4px;
padding-top: 0px;
padding-bottom: 0px;
display: inline

}


#vdividermenu ul{
margin: 0;
padding: 0;
float: right;
font: normal 100% Verdana 10px;
border: 0px solid #625e00;
background-color: #650360;
margin-right: 49px;
display: inline
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 545px;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: #fff;
font-size: 11px;
padding: 5px 8px;
text-decoration: none;
background: transparent url(images/vertical.gif) center left no-repeat;
}


#vdividermenu ul li a:visited{
color: white;
background-color: #650360;
}

#vdividermenu ul li a:hover{
color: white;
background-color: #650360;
}

#menu ul li a:link{
}
li.active{
color: #fff;
background-color: #999;
}

#clients-menu ul{
margin: 0;
padding: 0;
margin-top: 7px;
margin-right: 45px;
margin-bottom: 0px;
height: 24px;
float: right;
font: normal 100% arial 10px;
width: 615px;
background-color: #fff;
}

* html #clients-menu ul{ /*IE only rule, reduce menu width*/
width: 615px;
margin-right: 20px;
margin-left: 10px
}

#clients-menu ul li{
display: inline;
}
#clients-menu ul li a{
float: left;
color: #650360;
font-size: 12px;
font-family: arial;
font-weight: bold;
padding: 3px 8px;
text-decoration: none;
background: transparent url(images/verticalp.gif) center left no-repeat;
}

#servicesbox {
	float: left; width: 500px; margin-left: 40px; margin-top: 20px; margin-bottom: 40px; text-align: left; background-color: #650360;
}

* html #servicesbox { /*IE only rule, reduce menu width*/
width: 460px;
}

#services-menu ul{
margin: 0;
padding: 0;
margin-top: 30px;
margin-left: 40px;
margin-bottom: 30px;
height: 24px;
float: left;
font: normal 100% verdana 10px;
width: 715px;
background-color: #650360;
}

* html #services-menu ul{ /*IE only rule, reduce menu width*/
width: 675px;
}

#services-menu ul li{
display: inline;
}
#services-menu ul li a{
float: left;
color: #fff;
font-size: 13px;
font-weight: bold;
padding: 3px 25px;
text-decoration: none;
background: transparent url(images/vertical.gif) center left no-repeat;
}

* html #services-menu ul li a{ /*IE only rule, reduce menu width*/
padding: 3px 20px;
}

#projects-menu ul{
margin: 0;
padding: 0;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 20px;
height: 20px;
float: left;
font: normal 100% Verdana 10px;
width: 780px;
background-color: #650360;

}


#projects-menu ul li{
display: inline;
}
#projects-menu ul li a{
float: left;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 3px 36px;
text-decoration: none;
background: transparent;
}