p {
	font-size: .9em;
	line-height: 1.2em;
}

a img{ border: 0; }
a { color: #ffffff; }


body{
	margin: 0 0 0 0;
	background: url("images/backgroundcolours-strip.gif");
	background-repeat:repeat-x;
	background-color: #000080;
/*	height:100%; */
}



#wrapper{
	width: 985px;
	height: 100%;

	margin-left: auto;
	margin-right: auto;
/*	background-color: #B70101;
	background: url("../images/slanty3.gif") bottom right no-repeat;
	background-color: #DC2222;
*/	
}
.automargins{
	margin-left: auto;
	margin-right: auto;
}

#titleSpace{
	display: table;
	width: 99%;
	height: 90px;
	color: #ffffff;

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
/*	white-space: nowrap;*/
	
/*	padding-top: 10px;*/
	padding-left: 10px;
}

.menuSpace{
	display: table;
	width: 325px;
	width: 250px;
	height: 100%;
	color: #ffffff;

	font-family: Geneva, Arial, Helvetica, sans-serif;
/*	font-weight: bold;
	
	white-space: nowrap;
*/	
	margin-top: 20px;
	float: left;
}

.menuColumn{
	margin-right: auto;
	margin-left: auto;
	width: 236px;
/*	width: 160px;*/
}

.canvas_space{
	margin-left: 250px;
	width: 735px;
	float: left;	
}

.grey_topborder{ border-top: #383856 solid 1px;}


#canvas_frame{
	border-top: #383856 solid 1px;
	border-left: #383856 solid 1px;
}

#canvas{
/*	margin-right: auto;
	margin-left: auto; */
/*	width: 100%;*/
/*	width: 750px;*/
	
/*	margin-left: 4000px;*/
/*	border: #FFBA00 solid 1px;*/
/*	float:left;*/

	display: block;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 10px;

	color: #ffffff;
	
	
	
/*	clear: both;*/
}


.titleBox{
	display: table;
	width: 100%;
	height: 90px;
/*	background-color: #0082D1;*/
/*	background: url(images/logo4.gif) no-repeat;*/
	
	color: #ffffff;
/*	text-align: right;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
/*	white-space: nowrap;*/
	
	margin-top: 10px;
	margin-left: 10px;
/*	float: left;
	clear: right;*/
}

.meatbox
{
	margin: 20px;
}

ul.ssMenu{
	margin: 20px 0 20px 0 ;
	padding: 0 0;
	list-style-type: none;
}
ul.ssMenu li{
/*	background-color: #ffffff;*/
}

ul.ssMenu li a{
/*	width: 180px;*/
	width: 140px;
	height: 30px;
	padding-right: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #ffffff;
	display: block;
	line-height: 2em;
	text-align: right;
	color: #FFFFFF;
/*	background-color: #F44906;*/
	text-decoration: none;
	
	background: url("images/menuitem-norm.png");
	*background:none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/menuitem-norm.png');
	
	cursor: pointer;
}

ul.ssMenu li a:hover{
	color: #FFBA00;
/*	background-color: #6E6B6B;*/

	border-bottom: 1px solid #FFBA00;
	
/*	background: url("images/menuitem-hilite.png");
	
	
	*background:none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='images/menuitem-hilite.png');
	*/
}

ul.ssMenu li .button{
}

.menu_title
{
	position: relative;
	top: 8px;
	left: 10px;
	left: 50px;
}

.barleft{	background: url("images/barpt2.gif"); }
.barmid{	background: url("images/barpt3.gif"); }
.barright{	background: url("images/barpt1.gif"); }

.ssMenu2_topcap{ width:176px; height:30px; background:url("images/mnu-top2.gif"); display:block; overflow:hidden; margin: 0 0 0 0; }
.ssMenu2_btmcap{ width:176px; height:30px; background:url("images/mnu-btm3.gif"); display:block; overflow:hidden; margin: 0 0 0 0; }
.ssMenu2_itmbck{ width:176px; height:30px; background:url("images/mnu-mdl.gif"); display:block; overflow:hidden; margin: 0 0 0 0; }
ul.ssMenu2{
	padding: 0 0 0 0;
	list-style-type: none;
	margin: 0 0 0 0;
	background:url("images/mnu-mdl.gif");
	width:176px; 
}
ul.ssMenu2 li{ width:176px; height:40px; display:block; overflow:hidden; margin: 0 0 0 0; }
ul.ssMenu2 li a{
	width: 150px;
	height: 40px;
	margin: 0 13px 10px 13px;
	display: block;
	line-height: 2em;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
ul.ssMenu2 li a:hover{ 	color: #FFBA00; }
ul.ssMenu2 li .button{ }

.mb_home a{			background: url("images/titles/home.gif") right no-repeat; }
.mb_priceguide a{	background: url("images/titles/price-guide.gif") right no-repeat; }
.mb_portfolio a{	background: url("images/titles/portfolio.gif") right no-repeat; }
.mb_examples a{		background: url("images/titles/example-websites.gif") right no-repeat; }
.mb_services a{		background: url("images/titles/services.gif") right no-repeat; }
.mb_faqs a{			background: url("images/titles/faqs.gif") right no-repeat; } 
.mb_contact a{		background: url("images/titles/contact-us.gif") right no-repeat; }
.mb_webtools a{		background: url("images/titles/web-developing.gif") right no-repeat; }

.mb_home a:hover{ background: url("images/titles/hilite/home.gif") right no-repeat; }	
.mb_priceguide a:hover{background: url("images/titles/hilite/price-guide.gif") right no-repeat;}
.mb_portfolio a:hover{ background: url("images/titles/hilite/portfolio.gif") right no-repeat; }
.mb_examples a:hover{ background: url("images/titles/hilite/example-websites.gif") right no-repeat; }
.mb_services a:hover{ background: url("images/titles/hilite/services.gif") right no-repeat; }
.mb_faqs a:hover{ background: url("images/titles/hilite/faqs.gif") right no-repeat; }
.mb_contact a:hover{ background: url("images/titles/hilite/contact-us.gif") right no-repeat; }
.mb_webtools a:hover{ background: url("images/titles/hilite/web-developing.gif") right no-repeat; }



.ssMenu3_topcap{ width:236px; height:30px; background:url("images/mn-top.gif"); display:block; overflow:hidden; margin: 0 0 0 0; }
.ssMenu3_btmcap{ width:236px; height:30px; background:url("images/mn-btm.gif"); display:block; overflow:hidden; margin: 0 0 0 0; }
.ssMenu3_itmbck{ width:236px; height:30px; background:url("images/mn-mdl.gif"); display:block; overflow:hidden; margin: 0 0 0 0; }
ul.ssMenu3{
	padding: 0 0 0 0;
	list-style-type: none;
	margin: 0 0 0 0;
	background:url("images/mn-mdl.gif");
	width:236px; 
}
ul.ssMenu3 li{ width:236px; height:30px; display:block; overflow:hidden; margin: 0 0 0 0; }
ul.ssMenu3 li a{
	width: 195px;
	height: 30px;
	margin: 0 13px 10px 13px;
	display: block;
	line-height: 2em;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
ul.ssMenu3 li a:hover{ 	color: #FFBA00; }
ul.ssMenu3 li .button{ }

.transpablue{ background: url("images/hatch-blue.gif"); }
.transpablack{ background: url("images/hatch-black.gif"); }

.query_wrapper{margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 210px; }
.query_box{ background-color:#FFC21F; white-space: normal; padding: 5px 5px 5px 5px; border: #A6A6AF ridge 3px; }
.query_box_border{ border: #A6A6AF ridge 3px; }


.send_button{	border: 0px;	width: 93px;	height: 36px;	cursor: pointer;	margin: 2px 0 0 0; 		background: url("images/send-button.gif") no-repeat;}
.send_button-hl{	border: 0px;	width: 93px;	height: 36px;	cursor: pointer;	margin: 2px 0 0 0; 		background: url("images/send-button-hl.gif") no-repeat;}

.send_button2{	border: 0px;	width: 93px;	height: 36px;	cursor: pointer;	margin: 2px 0 0 0; 		background: url("images/send-button2.gif") no-repeat;}
.send_button2-hl{	border: 0px;	width: 93px;	height: 36px;	cursor: pointer;	margin: 2px 0 0 0; 		background: url("images/send-button2-hl.gif") no-repeat;}


.pricerange_options{width: 170px; 	height: 50px; cursor: pointer; 	margin: 0px 2px 0px 0px; float: left;}
.pricerange_options pr_option4{ background: url("images/1ecommerce.gif") no-repeat; }
.pricerange_options pr_option4_hl{ background: url("images/1ecommerce-hilite.gif") no-repeat; }



ul.pr_options{	padding: 0 0 0 0;	list-style-type: none;	margin: 0 0 0 0; }
ul.pr_options li{ width:170px; height:50px; display:inline; overflow:hidden; margin: 0 0 0 0; }
ul.pr_options li a{
	width: 170px;
	height: 50px;
	margin: 0 4px 0 0;
	display: inline;
	line-height: 2em;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	float:left; 
}
ul.pr_options li a:hover{}
ul.pr_options li .button{ }

.pr_option1 a{	background: url("images/1-4pages.gif") right no-repeat; }
.pr_option2 a{	background: url("images/5-9pages.gif") right no-repeat; }
.pr_option3 a{	background: url("images/10-15pages.gif") right no-repeat; }
.pr_option4 a{	background: url("images/1ecommerce.gif") right no-repeat; }

.pr_option1 a:hover{ background: url("images/1-4pghl.gif") right no-repeat; }	
.pr_option2 a:hover{ background: url("images/5-9pghl.gif") right no-repeat;}
.pr_option3 a:hover{ background: url("images/10-15pghl.gif") right no-repeat; }
.pr_option4 a:hover{ background: url("images/1ecommercepghl.gif") right no-repeat; }




ul.getaquote{	padding: 0 0 0 0;	list-style-type: none;	margin: 0 0 0 0; }
ul.getaquote li{ width:170px; height:51px; display:block; overflow:hidden; margin: 0 0 0 0; margin-left: auto;	margin-right: auto; }
ul.getaquote a{
	width: 170px;
	height: 51px;
	display: block;
	line-height: 2em;
/*	margin: 0 4px 0 0;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;*/
	cursor: pointer;
/*	float:right;*/
	background: url("images/getaquote.gif") right no-repeat;
	
	
}
ul.getaquote a:hover{ background: url("images/getaquote-hl.gif") right no-repeat; }
ul.getaquote li .button{ }

.orangebox{
	border: #FFBA00 solid 1px;
	padding: 10px 10px 10px 10px;
}