/* CSS Document */

body
{
	background:url(images/bodybg.gif);
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f3f3f;
}

div, td, tr
{
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #6B5E5E;
}

a
{
	color: #612004; text-decoration:none
}

a:hover
{
	color: #ff0000; text-decoration:underline
}

form
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
	
a img
{	
	border:0;
}

.header
{
	width:798px;
	height:132px;
	margin:0px;
	padding:0px;
}

.header span
{
	background:url(images/headerlink.gif);
	background-repeat:no-repeat;
	width:351px;
	height:42px;
	float:right;
	color:white;
	font-weight:bold;
	font-size:11px;
	padding:10px 0 0 0;
}
.header span a
{
	color:white;
	font-weight:bold;
	font-size:11px;
	padding:10px 0 0 0;
	text-decoration:none;
}

.header span a:hover
{
	color:#e4e4e4;
	font-weight:bold;
	font-size:11px;
	padding:10px 0 0 0;
	text-decoration:none;
}

.header p
{
	background:url(images/headerlink2.gif) bottom;
	background-repeat:no-repeat;
	float:right;
	width:763px;
	height:29px;
	margin:0 0 0 0;
	padding:12px 35px 0 0px;	
	text-align:right;
	font-size:10px;
}
.header p a
{
	margin:0px;
	padding:0px;
	color:#8b8b8b;
	font-size:11px;
	text-decoration:none;
	padding:0 2px 0 2px;
	font-weight:bold;
}

.header p a:hover
{
	margin:0px;
	padding:0px;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	padding:2px 2px 2px 2px;
	background:#426da4;
}

.flash
{
	width:780px;
	height:226px;
	margin:0px;
	padding:0px;
	background:url(images/banner-bg.jpg) top left;
	text-align:left;
	padding:0 0 0 18px
	
	
}

.content
{
	width:798px;
}
.left
{
	text-align:left;
	margin:0px;
	padding:0 0 0 12px;
	width:530px;
	float:left;
}

.left p
{
	width:525px;
	text-align:left;
	margin:0px;
	padding:10px 0px 0 0px;
	font-size:11px;
}


.left div.option
{
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:11px;
	width:525px
}

ol.boxs
{
	padding:0px;
	margin:0px;
	list-style-type:none;
	width:525px;
}
ol.boxs li.orange
{
	background:url(images/website.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:20px 3px 20px 0px;
	float:left;
	display:block;
	height:206px;
	width:129px;
}
ol.boxs li.orange ul
{
	padding:80px 0 0px 7px;
	margin:0px;
	float:left;
	list-style-type:none;
}
ol.boxs li.orange ul li
{
	padding:0px 0 0 15px;
	width:105px;
	line-height:20px;
	margin:0px;
	float:left;
	background:url(images/website-bullet.gif) left;
	background-repeat:no-repeat;
	font-size:9px;
}

ol.boxs li.blue
{
	background:url(images/brochure.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:20px 3px 20px 0px;
	float:left;
	display:block;
	height:206px;
	width:129px;
}

ol.boxs li.blue ul
{
	padding:80px 0 0 7px;
	margin:0px;
	float:left;
	list-style-type:none;
}

ol.boxs li.blue ul li
{
	padding:0px 0 0 15px;
	width:105px;
	line-height:20px;
	margin:0px;
	float:left;
	background:url(images/brochure-bullet.gif) left;
	background-repeat:no-repeat;
	font-size:9px;
}

ol.boxs li.green
{
	background:url(images/cms.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:20px 3px 20px 0px;
	float:left;
	display:block;
	height:206px;
	width:129px;
}

ol.boxs li.green ul
{
	padding:80px 0 0 7px;
	margin:0px;
	float:left;
	list-style-type:none;
}

ol.boxs li.green ul li
{
	padding:0px 0 0 15px;
	width:105px;
	line-height:20px;
	margin:0px;
	float:left;
	background:url(images/cms-bullet.gif) left;
	background-repeat:no-repeat;
	font-size:9px;
}



ol.boxs li.red
{
	background:url(images/ecommerce.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:20px 0px 20px 0px;
	float:left;
	display:block;
	height:206px;
	width:129px;
}

ol.boxs li.red ul
{
	padding:80px 0 0 7px;
	margin:0px;
	float:left;
	list-style-type:none;
}

ol.boxs li.red ul li
{
	padding:0px 0 0 15px;
	width:105px;
	line-height:20px;
	margin:0px;
	float:left;
	background:url(images/ecommerce-bullet.gif) left;
	background-repeat:no-repeat;
	font-size:9px;
}

.recentwork
{	
	height:51px;
	float:left;
	background:url(images/recentworkbg.gif);
	background-repeat:repeat-x;
	padding:0px;
	margin:10px 0 10px 0;
	width:524px;
}

ol.work
{	
	width:530px;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ol.work li
{	
	width:175px;
	float:left;
	margin:0px 0 20px 0;
	padding:0px;
	text-align:left;
	display:block;
}

ol.work li a
{	
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#484848;
	text-decoration:none;
}

ol.work li a:hover
{	
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#cd3301;
	text-decoration:underline;
}

.numberbg
{
	width:530px;
	float:left;
	margin:0px;
	padding:0px;
}


ol.number
{
	float:right;
	width:66px;
	height:16px;
	display:block;
	list-style-type:none;
}


ol.number li
{
	text-align:center;
	color:#454545;
	font-size:9px;
	font-weight:bold;
	width:17px;
	height:16px;
	background:url(images/number.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:0px;
}

ol.number li a
{
	text-align:center;
	text-decoration:none;
	color:#454545;
	font-size:9px;
	font-weight:bold;
	width:17px;
	height:16px;
	background:url(images/number.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}

ol.number li a:hover
{
	text-align:center;
	text-decoration:none;
	color:white;
	font-size:9px;
	font-weight:bold;
	width:17px;
	height:16px;
	background:url(images/activenumber.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
.paginationbg
{
	width:530px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


ol.pagination
{
	float:right;
	display:block;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 10px 0 0;
}


ol.pagination li
{
	text-align:center;
	color:#454545;
	font-size:9px;
	font-weight:bold;
	display:block;
	float:left;
	margin:0 5px 0 0;
}

ol.pagination li a
{
	text-align:center;
	text-decoration:none;
	color:#454545;
	font-size:9px;
	font-weight:bold;
	background:#CAC8C8;
	border:#9C9B9B 1px solid;
	padding:0 5px 2px 5px;
	display:block;
	float:left;
	margin:0px;
}

ol.pagination li a:hover
{
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	font-size:9px;
	font-weight:bold;
	background:black;
	border:#9C9B9B 1px solid;
	padding:2px;
	display:block;
	float:left;
	margin:0px;
	padding:0 5px 2px 5px;
}

.right
{
	width:244px;
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
	display:block
}

.planwebsite 
{
	
	background-repeat:no-repeat;
	width:220px;
	height:120px;
	color:white;
	font-size:11px;
	padding:90px 0 0 15px;
	margin:0px;
	float:left;
	background:url(images/requestaquote.jpg)
}
.background
{
	
	background-repeat:repeat-y;
	width:205px;
	color:#3a3a3a;
	font-size:11px;
	padding:10px 30px 10px 12px;
	margin:0px;
	float:left;
}
.background span.redtext
{
	color:#980202;
	font-size:11px;
	padding:0px 0px 0 0;
	margin:0px;
}


.planend
{
	background:url(images/plan-websiteend.gif);
	background-repeat:no-repeat;
	width:235px;
	height:10px;
	color:#3a3a3a;
	padding:0px;
	margin:0px;
	float:left;
}

.renew
{
	padding:0px 0 0 2px;
	font-size:8px;
}
.renew a
{
	padding:0px;
	font-size:9px;
	text-decoration:none;
}

.planwebsite span.text
{
	width:180px;
	color:#3a3a3a;
	font-size:11px;
	padding:0px 10px 0 0;
	margin:0px 0px 0 0;
}

.flashtemplate
{
	background:url(images/flashtemplates.gif);
	background-repeat:no-repeat;
	width:237px;
	float:left;
	color:#3a3a3a;
	font-size:11px;
	padding:6px 0px 0 13px;
	margin:0px;
	border:#ff0000 0px solid
}


.flashtemplate span.renew
{
	padding:0px 0 0 0px;
	margin:0px;
	font-size:9px;
	color:#612004
}
.flashtemplate span.renew a
{
	padding:0px;
	font-size:9px;
	text-decoration:none;
}

.flashtemplate span.text
{
	width:200px;
	color:#3a3a3a;
	font-size:11px;
	padding:0px 20px 0 30px;
	margin:0px 0px 0 0;
	text-align:left;
}
.flashtemplateend
{
	background:url(images/templateend.gif);
	background-repeat:no-repeat;
	width:235px;
	height:60px;
	color:#3a3a3a;
	font-size:11px;
	padding:0px;
	margin:0px;
	float:left;
}

span.pretext2
{	
	margin:5px 0 0 23px;
}

span a.pre
{	
	color:#a90404;
	text-decoration:none;
}

span a.pre:hover
{	
	color:#606060;
	text-decoration:none;
}

span.pretext
{	
	margin:0 0 0 5px;
}

span a.pre
{	
	color:#a90404;
	text-decoration:none;
}

span a.pre:hover
{	
	color:#606060;
	text-decoration:none;
}

span.downtext
{
	margin:0 0 0 90px;
}
span a.down
{	
	color:#a90404;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

span a.down:hover
{	
	color:#606060;
	text-decoration:none;
}


.contactus
{
	background:url(images/contactus.gif);
	background-repeat:no-repeat;
	width:225px;
	height:86px;
	float:left;
	color:#000000;
	margin:0px;
	font-size:11px;
	padding:8px 0 0 10px
}
.contactus span
{
	color:#0d5d99;
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.footerbg
{	
	background:url(images/footerbg.gif) #003472;
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	height:53px;
}

.footerbg span
{	
	background:url(images/footertext.gif);
	background-repeat:no-repeat;
	float:right;
	width:220px;
	height:23px;
	color:white;
	font-size:11px;
	margin:0px;
	padding:20px 106px 0 50px;
	text-align:center;
}
.footerbg span a{
	color:white;
	font-size:10px;
	padding:0 5px 0 5px;
}
.clear
{	
	clear:both;
}

h1
{
	color:#0d5d99;
	font-size:24px;
	font-weight:normal;
	padding:0 0 5px 5px;
	margin:0 0 10px 0;
	background:url(images/dashed.gif) bottom no-repeat;
}

h2
{
	color:#0d5d99;
	font-size:16px;
}


h2.orange
{
	color:#e68315;
	font-size:16px;
}

h2.blue
{
	color:#0e65a6;
	font-size:16px;
}

h2.green
{
	color:#098109;
	font-size:16px;
}

h2.red
{
	color:#cc1114;
	font-size:16px;
}


h3
{
	color:#0d5d99;
	font-size:14px;
}

h4
{
	color:#0d5d99;
	font-size:12px;
	padding:0 0 0 0; margin:0 0 0 0;
}
h5
{
	color:#ff0000;
	font-size:12px;
}

.style1 {
	font-size: 16px;
	font-weight: bold;
	color:#ff0000;
}
ul { padding:20px 0 10px 0; margin:0 0 0 0;
}
ul li { padding:0 0 0 15px; margin:0 0 10px 0; background:url(images/arrow.gif) no-repeat top left; list-style:none; }
ul li ul { padding:5px 0 0 0; margin:0 0 0 0}
ul li ul li { padding:0 0 0 15px; margin:0 0 10px 0; background:url(images/bullet-level2.gif) no-repeat top left; list-style:none;}
ul li ul li a {color:#3E699F}


ul.bulletbox { padding:20px 0 10px 0; margin:0 0 0 0;
}
ul.bulletbox li { padding:5px 0 7px 25px; margin:0 0 4px 0; background:url(images/bulletbox.gif) no-repeat top left; list-style:none; color:#0d5d99 }
ul.bulletbox li:hover { padding:5px 0 7px 25px; margin:0 0 4px 0; background:url(images/bulletbox-hover.gif) no-repeat top left; list-style:none; color:#0d5d99 }
.box { width:482px; border-left:#D7D7D7 1px solid;border-right:#D7D7D7 1px solid; padding:0 10px 0 10px}
.portfolio { padding:0 0 0 0; margin:0 0 0 0}
.portfolio li { padding:0 0 0 0; margin:0 0 20px 0; list-style:none; background:url(portfolio/portfolio-box.gif) no-repeat; width:512px; height:105px}
.portfolio li:hover { padding:0 0 0 0; margin:0 0 20px 0; list-style:none; background:url(portfolio/portfolio-box-hover.gif) no-repeat; width:512px; height:105px}

.portfolio li img { width:139px; height:86px; padding:10px 0 0 10px; margin:0 10px 0 0; float:left}
.portfolio li p { width:320px; color:#333333; float:left}
.port-header { color:#234F86; font-weight:bold}



#interface1 {
	Z-INDEX: 1
}
#loader_container {
	WIDTH: 100%; POSITION: relative; TOP: 40%; TEXT-ALIGN: center
}
#loader {
	BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6a6a6a 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10px; Z-INDEX: 255; PADDING-BOTTOM: 16px; MARGIN: 0px auto; BORDER-LEFT: #6a6a6a 1px solid; WIDTH: 135px; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #6a6a6a 1px solid; FONT-FAMILY: Tahoma, Helvetica, sans; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#progress {
	FONT-SIZE: 1px; LEFT: 10px; WIDTH: 1px; POSITION: relative; TOP: 1px; HEIGHT: 5px; BACKGROUND-COLOR: #9d9d94
}
.borb1c6cedb {
	BORDER-BOTTOM: #c6cedb 1px solid
}
.borb1c6cedb1 {
	BORDER-RIGHT: #c6cedb 1px solid; BORDER-LEFT: #c6cedb 1px solid
}
.borb1c6cedb2 {
	BORDER-RIGHT: #c6cedb 1px solid
}

#loader_bg {
	FONT-SIZE: 1px; LEFT: 8px; WIDTH: 113px; POSITION: relative; TOP: 8px; HEIGHT: 7px; BACKGROUND-COLOR: #ebebe4
}
.title_h2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 12px
}
.border_preview {
	BORDER-RIGHT: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid; Z-INDEX: 100; BACKGROUND: #fff; BORDER-LEFT: #DBDBDB 1px solid; BORDER-BOTTOM: #DBDBDB 1px solid; POSITION: absolute
}
.preview_temp_load {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.preview_temp_load IMG {
	VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}
.red { color:#ff0000}


#gb_form fieldset { 
  border : 4px solid #F0EEEE;
  margin : 8px 0 0 0;
  padding : 8px 0 0 0 
}
#gb_form fieldset fieldset { 
  border : 0;
  margin : 0 0 8px 0;
  padding : 2px 32px 12px 32px;
}

#gb_form legend, #gb_form dt { 
  color : #ff0000;
  border : none;
  font-size: 12px;
  margin : 0 0 0 -9px;
}

#gb_form legend#mainlegend { 
  font-size : 18px;
  color : #426DA4;
  margin : 0;
  font-weight : normal;
}

#gb_form label { 
  color : #29303b; 
  margin-top : 5px;
  margin-left : 0;
}
#gb_form fieldset legend { 
  color : #ff0000; 
  margin-bottom : 10px;
  margin-left : -10px;
}

#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  padding : 4px;
  width : 240px;
  border : 2px solid #EFEDED;
  background-color : #fff;
}
#gb_form input.button {
  background-color : #003472;
  border:0px;
  padding:2px;
  color : #fff;
}

#gb_form input.button:hover, #gb_form input.button:focus, 
#gb_form input.button.hover, #gb_form input.button.focus {
  background-color : #000;
  color : #fff;
}