body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11pt;
	text-align:center;
	margin-bottom:0;
	margin-top:20px;
	color:#444;
	background-color:white;
	/* background-color:pink;
	background:#fff url('images/backfade.jpg') top repeat-x;      */
}

p{
	margin-top:5px;	
}

#spacer{
	width: 750px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
	background-color:#ffffff;
	color:black;
}

#main a{
	color:#06c;
	background:none;
	 
	text-decoration:none;
	
}
#main a:hover{
 
text-decoration:underline;
color:red;
 
}


	
#main{
		clear:both;
		
		
}
	
#nav, #main {
	margin:0 auto;
}


ul#nav {
	padding:0;
	list-style:none;
	text-align:center;
	height:30px;
	
}
#nav li {
	height:30px;
	float:right;
	display:block;
	width:104px;
	
}
#nav li a {
	height:30px;
	display:block;
	text-decoration:none;
	font-size:0.001px;
	text-indent:-3000px;
}


#nav-services a {
	background:url("images/service1.jpg") top left no-repeat;
}
#nav-services a:hover {
	background:url("images/serviceon1.jpg") top left no-repeat;
}
#nav-clients a {
	background:url("images/clients1.jpg") top left no-repeat;	
}
#nav-clients a:hover {
	background:url("images/clientson1.jpg") top left no-repeat;
}
#nav-contact a {
	background:url("images/contact1.jpg") top left no-repeat;
}
#nav-contact a:hover {
	background:url("images/contacton1.jpg") top left no-repeat;
}
#header{
	background:url("images/backlong.jpg") no-repeat; 
	padding:0; 
}

#headerright{
	float:right; 
	width:394px; 
	height:112px; 
	background:url("images/rightend.jpg") right no-repeat ;
}

#headertext{
	height:80px; 
	float:right; 
	margin-right:10px;
}

#headertext img{
	float:right;
}

#navbar{
	margin-right:10px;
	float:right; 
	height:30px;
}

#logo{
	margin-left:20px;
}

#footer {
	clear: both;
	
	background: url("images/greyback.jpg") repeat-x;
	margin-top:20px;
	height:40px;
	color:#9bbbbb;
	/*font-size:12pt;*/
	
	
}
	
.footerlinks{
	
	background: url("images/greybackleft.jpg") top left no-repeat;
	
}

.footerlinks a{
	padding-left:5px;
	padding-right:10px;
	color:#06c;
	text-decoration:none;
}
.footerlinks a:hover{
	color:red;
	
}


#footerright{
	float:right;
	background: url("images/greybackright.jpg") top right no-repeat;
	/*color:white;
	padding-top:10px*/
	
}

h1, h2, h3, h4, h5{
	 
	color:#333;
	
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	letter-spacing:.005em;
	line-height:1.5em;
	 margin: 0 0 .5em 0; 
	
}


form {
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
	background:url("images/formback.jpg") right repeat-y;
	margin:0px;
	padding:0;
	font-size:smaller;
	text-align:right;
	line-height:2em;
	
}
.longform{width:100%;}
form h4{
	
	border-bottom:1px solid #ccc;
	color:black;
	text-align:center;
}

input{
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
}

textarea{
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
}

.input{
	color:black;
	padding-left:3px;
	padding-right:3px;
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
	background-color:#ece9d8;
}


ul#subnav {
	padding:0;
	margin:2px 0px 10px 0px;
	list-style:none;
	
	
}
#subnav li {
	
	margin:0 0 1px 0;
	text-transform:capitalize;
	text-align:right;
	
}
#subnav li a , #subnav li a:visited{
	display:block;
	color:#06c;
	padding-top:0.7em;
	padding-bottom:0.8em;
	padding-right:3px;
	text-decoration:none;
/*	border-left:5px solid #ccc;		*/
	border-right:5px solid #ccc;
	background:url("images/greylinkback.jpg") top right repeat-y;
	
	
}
#subnav li a:hover {
	display:block;
	color:red;
	padding-top:0.7em;
	padding-bottom:0.8em;
	padding-right:3px;
	text-decoration:none;

	border-right:5px solid #f55;
}



#subnav li a#selected{
/*	border-left:5px solid #fb0;*/
	border-right:5px solid #fb0;
	color:#ee7713;
	
}




#main .externallink a{
	color:#06c;
	background:url("images/external.png") right no-repeat;
	padding-right:12px;
	text-decoration:none;
}

#main .externallink a:hover{
	color:red;
	background:url("images/external.png") right no-repeat;
	padding-right:12px;
	text-decoration:underline;
}

#main .externallink a:visited{
	color:purple;
	background:url("images/external.png") right no-repeat;
	padding-right:12px;
	text-decoration:none;

}




.anchor{margin:0; padding:0; text-align:right;border-bottom:1px dashed #ddd;}
.anchor img{margin-right:5px;}
.editlink{margin-left:20px;border:none;}

.tip{
	margin-top:5px;
	padding:5px;
	padding-left:40px;
	font-size:smaller;
	background:#eceaba url(images/info.png) 3px 3px  no-repeat;
	height:30px;
	border:1px dashed #ffb608;
	
}

/* services page */

	
#service {
	float:right;
	width:210px;
	margin-bottom:15px;
	margin-top:10px;
	padding:0;
	border:0;
	text-align:center;
}

#menulist {
 background:white url("images/menuback.jpg") top left repeat-y;
 width:210px;
}

#topbit{padding:0; margin:0; border:0; height:15px; width:210px;}
#bottombit{padding:0; margin:0; border:0; height:15px; width:210px;}

#servicebody{
	margin-right:230px;
	}

#service img{
	border:none;
	margin:0;
	padding:0;
}

#service ul{
	width:200px;
	list-style:none;
	padding:0px;
	margin:0px;
	border:none;
	background:transparent;
}
	
#service li{
	height:88px;
	padding:8px;
	margin:0px;
	/*border:1px solid black;
	vertical-align:bottom;
	background-color:#ccc;*/
	
}

#service li a{
	text-transform:capitalize;
	display:block;
	height:100%;
	padding-right:80px;
	
	
}
/*
#service .on{
	background:#f17b0d url(images/backswatcthb.jpg) top left repeat-x;
}
*/
#service .on a,#service .on a:hover{
	color:black;
	font-weight:bold;
	border:none;
	text-decoration:none;
}

#service li a:hover{
	color:red;
	
}

#service #athome{
	background:transparent url(images/athomebw.gif) top right no-repeat;
}

#service #atwork{
	background:transparent url(images/atworkbw.gif) top right no-repeat;
}

#service #ontheweb{
	background:transparent url(images/onthewebbw.gif) top right no-repeat;
}


#service .on #athome{
	background:transparent url(images/athome.gif) top right no-repeat;
}

#service .on #atwork{
	background:transparent url(images/atwork.gif) top right no-repeat;
}

#service .on #ontheweb{
	background:transparent url(images/ontheweb.gif) top right no-repeat;
}

#service #athome:hover{
	background:transparent url(images/athome.gif) top right no-repeat;
}

#service #atwork:hover{
	background:transparent url(images/atwork.gif) top right no-repeat;
}

#service #ontheweb:hover{
	background:transparent url(images/ontheweb.gif) top right no-repeat;
}