/* IMPORT EXTERNAL STYLE SHEETS */
/* standardizing style sheet */
@import url(/css/undohtml.css);
/* IMPORT EXTERNAL STYLE SHEETS */

/* CSS Document */

/* HTML TAG STYLES */

/* START HTML TAG STYLES */
body{
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	font-family: verdana, helvetica, verdana, sans-serif;
	font-size: 62.5%;
	color:#968591;
	background-color:#E2DDE1;
}
a{
	color:#968591;
	background-color: inherit;
	text-decoration:none;
}
a:hover{
	color:#F29D6B;
	background-color: inherit;
}
h1 {
	font-family: verdana, helvetica, Times, sans-serif;
	font-weight:bold;
	font-size:2.8em;
	color:#968591;
	background-color: inherit;
	margin:0;
}
h2 {
	font-family: verdana, helvetica, verdana, sans-serif;
	font-weight:bold;
	font-size:1.7em;
	color:#968591;
	background-color: inherit;
	margin:0;
}
h2.purple{
	font-family: verdana, helvetica, verdana, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#92808C;
	background-color: inherit;
	margin:0;
	padding:0;
}
h2.purple a:link, h3.purple a:visited{
	color:#92808C;
	background-color: inherit;
	text-decoration:none;	
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:2.2em;
	margin:0;
	padding:0;
}
h3.orange{
	color:#FFFFFF;
	background-color: inherit;
}
h3.orange a:link, h3.orange a:visited{
	color:#FFFFFF;
	background-color: inherit;
	text-decoration:none;	
}
h3.light_purple{
	color:#FFFFFF;
	background-color: inherit;
}
h3.light_purple a:link, h3.light_purple a:visited{
	color:#FFFFFF;
	background-color: inherit;
	text-decoration:none;
}
h3.purple{
	color:#92808C;
	background-color: inherit;
}
h3.purple a:link, h3.purple a:visited{
	color:#92808C;
	background-color: inherit;
	text-decoration:none;	
}
.one-line{
	margin-top:28px;
}
img{
	border:0;
}
ul{
	list-style:disc;
	margin-left:20px;
}
ul li{
	margin-left:0px;
	padding:0px 0px 1px 0px;
}
/* END HTML TAG STYLES */

/* START SITE SPECIFIC TAG STYLES */
#page_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:845px;
	background-color:#E2DDE1;
	font-size:1.1em;
}
	#page_container p, td{
		color:#969696;
		background-color: inherit;
	}

#page_container .small{
	font-family:verdana, helvetica, verdana, sans-serif;
	font-weight:lighter;
	font-size:1em;
	color:#969696;
	background-color: inherit;
}
#page_container #header{
	width:785px;
	padding-left:3em;
	padding-right:3em;
	background-image:url(/content/image/bg_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#page_container #logo{
	float:left;
	margin:14px 0px 0px 0px;
}
#page_container #top_nav{
	color:#969696;
	float:right;
	margin-top:24px;
	padding:0.7em 0 0 1em;
	background-color: inherit;
}
#page_container #top_nav ul li{
			display:inline;
			position:relative;
			background-color: inherit;
			margin:0 0 0 0.5em;
			padding:0;
		}
		#page_container #top_nav a{
			text-decoration:underline;
			color:#968591;
			background-color: inherit;
			background-color: inherit;
			text-decoration:none;
		}
		#page_container #top_nav a:hover{
			color:#F29D6B;
			background-color: inherit;
		}
		#page_container #top_nav ul {padding:0;margin:0 0 0 0;list-style-type: none;background-color: inherit;}

#page_container #content_container{
	width:785px;
	padding-left:3em;
	padding-right:3em;
	background-image:url(/content/image/bg_repeat.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
		
#page_container #left_nav{
	float:left;
	width:124px;
	height:418px;
	background-image:url(/content/image/left_menu_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}		
		#page_container #left_nav ul li{
			display:block;
			position:relative;
			font-size:inherit;
			background-color: inherit;
			margin:0;
			padding:10px 0 0 0;
		}
		#page_container #left_nav ul li.first{
			padding:0;
			margin:0;
		}
		#page_container #left_nav a{
			font-weight:bold;
			color:#92808C;
			background-color: inherit;
			text-decoration:none;
		}
		#page_container #left_nav a:hover{
			color:#F29D6B;
			background-color: inherit;
		}
		#page_container #left_nav ul {padding:1em 0 0 10px;margin:145px 0 0 0;list-style-type: none;background-color: inherit;}

#page_container #content_panel{
	float:right;
	margin:0 0 0 0;
	width:661px;
}

#page_container #content_panel ul{
	margin:0;
	display:block;
}
	#page_container #content_panel ul.bullet1 li{
		list-style:none;
		padding:0 0 0 1em;
		margin:1px 0 0 1px;
		background-image:url(/content/image/bullet1.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#page_container #content_panel ul.bullet2 li{
		list-style:none;
		padding:0 0 0 1em;
		margin:1px 0 0 1px;
		background-image:url(/content/image/bullet2.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#page_container #content_panel ul.bullet3 li{
		list-style:none;
		padding:0 0 0 1em;
		margin:1px 0 0 1px;
		background-image:url(/content/image/bullet3.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}

#page_container #content_panel #banner{
	float:left;
	margin:0 0 2px 4px;
	padding:0;
	height:152px;
}
#page_container #content_panel #cells{
	float:left;
	margin:0 0 2px 4px;
	padding:0;
}
/* END SITE SPECIFIC TAG STYLES */

/* START GENERIC STYLES */	
#page_container .bg_panel_item1{
	float:left;
	margin:1px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:117px;
	height:117px;
	background-image:url(/content/image/bg_panel_item1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color: inherit;
	font-size:0.95em;
}
#page_container .bg_panel_item1 p, #page_container .bg_panel_item1 a{
	color:#FFFFFF;
	background-color: inherit;
}
#page_container .bg_panel_border_item1{
	float:left;
	margin:1px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:117px;
	height:117px;
	background-image:url(/content/image/bg_panel_border_item1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#92808C;
	background-color: inherit;
	font-size:0.95em;
}
#page_container .bg_panel_border_item1 p, #page_container .bg_panel_border_item1 a{	
	color:#92808C;
	background-color: inherit;
}
#page_container .bg_panel_item2{
	float:left;
	margin:1px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:117px;
	height:117px;
	background-image:url(/content/image/bg_panel_item2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color: inherit;
	font-size:0.95em;
}
#page_container .bg_panel_item2 h3{
	color:#FFFFFF;
	background-color: inherit;
}
#page_container .bg_panel_item2 p, #page_container .bg_panel_item2 a{
	color:#FFFFFF;
	background-color: inherit;
}
#page_container .bg_panel_item2_double
{
	float:left;
	margin:1px 0px 4px 3px;
	padding:6px 5px 6px 5px;
	width:250px;
	height:117px;
	background-image:url(/content/image/bg_panel_item2_double.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color: inherit;
	font-size:0.95em;
}
#page_container .bg_panel_item2_double p
{
	color:#FFFFFF;
	background-color: inherit;
}
#page_container .bg_panel_item2_double a
{
	color:#FFFFFF;
	background-color: inherit;
}
#page_container .bg_panel_border_item2_triple
{
	float:left;
	margin:2px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:380px;
	height:249px;
	background-image:url(/content/image/bg_panel_item2_triple.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#92808C;
	background-color: inherit;
	font-size:0.95em;
}
#page_container .bg_panel_border_item2_triple p
{
	color:#92808C;
	background-color: inherit;
}
#page_container .bg_panel_border_item2_triple #opinion_copy{
	overflow:auto;
	width:370px;
	height:249px;
	padding:0 1em 0 0;
}
#page_container .bg_panel_border_item2{
	float:left;
	margin:1px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:117px;
	height:117px;
	background-image:url(/content/image/bg_panel_border_item2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#92808C;
	background-color: inherit;
	font-size:0.95em;
}
/* start canvas page style only */
#page_container .bg_panel_border_item2_cnvs{
	float:left;
	margin:1px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:117px;
	height:117px;
	background-image:url(/content/image/bg_panel_border_item2_cnvs.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#92808C;
	background-color: inherit;
	font-size:0.95em;
}
/* end canvas page style only */
#page_container .bg_panel_large_item1{
	float:left;
	margin:2px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:248px;
	height:248px;
	background-image:url(/content/image/bg_panel_large_item1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color: inherit;
	font-size:0.95em;
}
#page_container .bg_panel_large_item1 p{
	color:#FFFFFF;
	background-color: inherit;
}
#page_container #content_panel .first{
	clear:both;
	float:left;
	margin:1px 0px 4px 0px;
}
#page_container #content_panel .item_link{
	margin-top:20px;
}
#page_container #content_panel #graph_portfolio{
	margin:2px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:379px;
	height:116px;
	background-image:url(/content/image/portfolio_graph_projects.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
	#page_container #content_panel #graph_portfolio .items{
		margin:1px 0 0 55px;
	}
		#page_container #content_panel #graph_portfolio .item{
			float:left;
			margin:0 0 5px 5px;
			padding:0;
			width:35px;
			height:35px;
		}
		#page_container #content_panel #graph_portfolio .first{
			clear:both;
			float:left;
		}
#page_container #content_panel #web_portfolio{
	margin:2px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:379px;
	height:116px;
	background-image:url(/content/image/portfolio_web_projects.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
	#page_container #content_panel #web_portfolio .items{
		margin:1px 0 0 95px;
	}
		#page_container #content_panel #web_portfolio .item{
			float:left;
			margin:0 0 5px 5px;
			padding:0;
			width:35px;
			height:35px;
		}
		#page_container #content_panel #web_portfolio .first{
			clear:both;
			float:left;
		}
		
#page_container .bg_panel_canvas_double
{
	float:left;
	margin:1px 0px 4px 3px;
	padding:6px 6px 6px 6px;
	width:248px;
	height:250px;
	background-image:url(/content/image/canvas_img.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color: inherit;
	font-size:0.95em;
}

#page_container .bg_panel_offers_tripple
{
	float:left;
	margin:2px 0px 4px 0px;
	padding:6px 6px 6px 6px;
	width:381px;
	height:249px;
	background-image:url(/content/image/offers_img.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#92808C;
	background-color: inherit;
	font-size:0.95em;
}

#page_container #accessibility{
	overflow:auto;
	width:640px;
	height:410px;
	padding:0 1em 0 0;
}
/* END PAGE SPECIFIC STYLES*/

/* START FORM STYLES*/
.form_contact_us{
	font-family: verdana, helvetica, verdana, sans-serif;
}
	.form_contact_us input {
		border:solid 1px #968591;
		width:150px;
		height:15px;	
		line-height: 15px;	
		font-family: verdana, helvetica, verdana, sans-serif;
		font-size: 1em;
		color:#968591;
	}
	.form_contact_us textarea {
		border:solid 1px #968591;
		width:148px;	
		font-family: verdana, helvetica, verdana, sans-serif;
		font-size: 1em;
		color:#968591;	
	}
	.form_contact_us select {
		border:solid 1px #968591;	
		width:150px;		
		font-size: 1em;
		color:#968591;		
	}
	.form_contact_us .submit_button {
		border:0px;
		width:60px;
		height:16px;			
	}	
	
/* END FORM STYLES*/

/* START FOOTER STYLES */
#page_container #footer{
	width:785px;
	height:30px;	
	padding-top:35px;
	padding-left:30px;
	padding-right:30px;
	background-color:#E2DDE1;
	background-image:url(/content/image/bg_bottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
}		
#page_container #footer ul li{
			display:inline;
			position:relative;
			font-size:1em;
			background-color: inherit;
			margin:0;
			padding:0;
		}
		#page_container #footer a{
			text-decoration:underline;
			color:#969696;
			background-color: inherit;
			text-decoration:none;
		}
		#page_container #footer a:hover{
			color:#D5D3B9;
		}
		#page_container #footer ul {padding:0 0 0 0;;margin:0 0 0 0;list-style-type: none;background-color: inherit;text-align:right;}
		
		#page_container #footer .styleswap{
			float:left;
			border-left:1px solid #969696;
		}
		#page_container #footer .styleswap ul{
			margin:0;
			padding-left: 10px;
		}
		#page_container #footer .styleswap ul li{
			margin:0;
			padding: 0;
			list-style-type: none;
			display: inline;
		}

#page_container .bg_panel_contact_square
{
	float:left;
	margin:2px 0px 4px 0px;
	padding:6px 6px 6px 6px;
	width:248px;
	height:249px;
	background-image:url(/content/image/bg_panel_contact_square.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#92808C;
	background-color: inherit;
	font-size:0.95em;
}		
		
.link_underline A:hover {text-decoration: underline;}
/* END FOOTER STYLES */

.copy_left{
	width:340px;
	float:left;
	margin-left:10px;
}
.copy_right{
	width:340px;
	float:left;
	margin-left:10px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.margin{
	margin-bottom:5px;
}
.white{
	color:#FFFFFF;
	background-color:inherit;
}
.light_purple{
	color:#EBE8EA;
	background-color:inherit;
}
.purple{
	color:#92808C;
	background-color:inherit;
}
.purple2{
	color:#92808C;
	background-color:inherit;
	font-size:1em;
}
.orange{
	color:#F59C66;
	background-color:inherit;
}
.title{
	font-size:1.4em;
	font-weight:bold;
}
.home-link{
	margin-top:90px;
	font-size:1.2em;
}
.text_med{
	font-size:1.1em;
}
.message_error{
	font-size:1em;
	color:#FF0000;
}

/* END GENERIC STYLES */

/* START CLASSES TO SHOW CURRENT PAGES WITH HIGHLIGHTED LINK IN NAVIGATION */
body#home #left_nav ul li.home a, body#about-us #left_nav ul li.about-us a, body#our-portfolio #left_nav ul li.our-portfolio a, body#clients #left_nav ul li.clients a, body#offers #left_nav ul li.offers a, body#web-stuff #left_nav ul li.web-stuff a, body#opinions #left_nav ul li.opinions a, body#designs-on-canvas #left_nav ul li.designs-on-canvas a, body#contact-us #left_nav ul li.contact-us a{
	color: #F29D6B;
	background-color:inherit;
}
/* END CLASSES TO SHOW CURRENT PAGES WITH HIGHLIGHTED LINK IN NAVIGATION */

/* START ACCESSABILITY STYLES */
#accesskeys{
	margin: 0px;
	padding: 0px;
	height: 1px;
	overflow: hidden;
}
/* END ACCESSABILITY STYLES */

/* START PRINT ONLY CLASSES - HIDDEN FROM SCREEN USERS */
#print_items{
	display:none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*styles that should be hidden as graphical version only*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.text_styleswap{
	display:none;
}