body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin:0px auto 0 auto;	
	background:#000;
	font-size:12px;
	line-height:18px;
	color:#000;
}

td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

a:link{
color:#2c77ca;
}

a:hover{
color:#2c77ca;
}

a:visited{
color:#2c77ca;
}

h3{
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#2c77ca;
font-weight:200;
font-size:22px;
}

h4{
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#CC3300;
font-weight:200;
font-size:16px;
}

.fieldheader{
position:relative;
float:left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#2c77ca;
font-weight:bold;
font-size:14px;
padding-bottom:5px;
width:225px;
}


.Websites{
position:relative;
float:left;
top:-17px;
padding-bottom:25px;
}

.Websites2{
position:relative;
float:left;
top:142px;
*top:175px;
width:100px;
padding-bottom:25px;
}

.PortfolioLinks{
position:relative;
float:left;
top:-5	px;
padding-bottom:25px;
width:600px;
}

.Leftlinks{
position:relative;
float:left;
width:100px;
}

.RightLinks{
position:relative;
float:left;
width:200px;
}


.PrintMedia{
position:relative;
float:left;
top:-15px;
padding-bottom:25px;
}


.photo{
position:relative;
float:left;
width:200px;
padding-bottom:8px;
}

.descriptor{
position:relative;
float:left;
width:200px;
font-size:11px;
line-height:12px;
}

.clear{
position:relative;
float:left;
height:15px;
}

#wrapper{
margin:0px auto 0 auto;
top:0px;
height:auto;
z-index:1;
}

#container{
width:762px;
margin:25px auto 25px auto;
height:auto;
padding-top:50px;
padding-left:100px;
padding-right:100px;
z-index:2;
background: url(images/container_background.jpg);
background-repeat:no-repeat;
}


.header{
position:relative;
height:345px;
background:#000;
background: url(images/headerimage.jpg);
color:#fff;
z-index:3;
border:#414141 solid 1px;
}

.navigation{
position:relative;
width:762px;
height:25px;
background:#fff;	
}

.maincontent{
	position:relative;
	width:758px;
	height:1450px;
	background:#fff;
	border:#fff solid 2px;
	top: -15px;
	background-image:url(images/whitegradient.jpg);
	background-repeat:repeat-x;
	border:#999 solid 2px;
	z-index:4;
}

.welcome{
position:relative;
left:0px;
height:1425px;
float:left;
width:175px;
padding:5px 5px 5px 20px;
border-right:#ccc dashed 1px;
background-image:url(images/greygradient.jpg);
	background-repeat:repeat-x;
	z-index:5;
}

html* .welcome{
padding-top:20px;
}

.ourproducts{
position:relative;
top:0px;
left:-2px;
height:auto;
float:left;
width:250px;
padding:5px 5px 5px 20px;
z-index:6;
}

.powerpointorderform{
position:relative;
top:0px;
left:-2px;
height:auto;
float:left;
width:500px;
padding:5px 5px 5px 20px;
z-index:6;
}

.Contact{
position:relative;
top:15px;
left:-2px;
height:auto;
float:left;
width:400px;
padding:5px 5px 5px 20px;
}

.ourproducts2{
position:relative;
top:110px;
left:-2px;
height:auto;
float:left;
width:250px;
padding:5px 5px 5px 20px;
}

html* .ourproducts{
padding-top:20px;
}

.productsinfield{
position:relative;
left:-2px;
height:939px;
float:right;
width:235px;
background:#ECDFD0;
padding:5px 5px 5px 20px;
}


/* ==== CSS for menu ==============================*/



#vdividermenu ul{
postion:relative;
top:0px;
left:203px;
margin: 0;
padding: 0;
margin-bottom: 0px;
margin-top: 0px;
position: relative;
font: bold 100% tahoma;
font-size: 11px;
color: #fff;
width: 556px;
/*background: url(images/menubackground.gif);*/
background-color:#000;
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
border:#8C8C8C solid 1px;
z-index:25;
}


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

#vdividermenu ul li{
display: inline;
/*background: url(../images/menudivider.gif)#fff repeat-x;*/
}

#vdividermenu ul li a{
float: left;
color: #fff;
padding: 6px 12px;
text-decoration: none;
background-color:#000;
border-right:#8C8C8C solid 1px;
}

#vdividermenu ul li a:visited{
color: #FFF;
}

#vdividermenu ul li a:hover{
color: #FFF;
background-color:#007CC2;
}


#MenuSpacer
{
	width: 350px;
	height: 28px;
}

html* #MenuSpacer
{
	width: 25px;
	height: 25px;
}

body.home #vdividermenu a#home, body.services #vdividermenu a#services, body.portfolio #vdividermenu a#portfolio, body.contact #vdividermenu a#contact, body.requestqoute #vdividermenu a#requestqoute{ 
color: #fff;
background-color:#007CC2;
}



html* body.home #vdividermenu a#home{
background: url(images/menubackgroundover.gif);
}

.GetAFreeQoute {
display:block;
background:#FF6600;
color:#fff;
text-decoration:none;
width:100px;
padding:0px 3px 3px 10px;
} 

/*Web design services */

.WebDesignServices{
position:relative;
float:left;
width:500px;
padding-bottom:5px;
}

.WebDesignserviceIcon{
position:relative;
float:left;
width:25px;
}

.WebDesignService{
position:relative;
float:left;
width:175px;
font-size:11px;
color:#007CC2;
}

/*Graphic design services */

.GraphicDesignServices{
position:relative;
float:left;
width:500px;
padding-bottom:5px;
}

.GraphicDesignserviceIcon{
position:relative;
float:left;
width:25px;
}

.GraphicDesignService{
position:relative;
float:left;
width:175px;
font-size:11px;
color:#007CC2;
}

.requestqouteform{
position:relative;
top:15px;
left:-2px;
height:auto;
float:left;
width:500px;
padding:5px 5px 5px 20px;
}

/* header flash */
.flash{
position:relative;
top:0px;
left:0px;
z-index:7;
}

.flash2{
position:relative;
top:0px;
left:0px;
z-index:7;
height:305px;
}

input{
border: 1px solid #999; 
}

.textfield{
background:#fff;
}

.textfield_on{
background:#dce7ec;
border: 1px solid #7cc5e8; 
}

textarea{
border: 1px solid #999;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}