/* Clear all default styles */
@import url("cssreset.css");

/*  Website defaults - all pages   */

body {margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: white;}
a:link {color: #993333;}
a:visited {color: #993333;}
a:hover {color: #cc0000;}



h2 {font-weight: bold;
	color: #cc0000;
	padding: 15px 5px 0 15px;
	margin: 0;
	font-size: 1.5em;}
h3 {color:#993333;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 5px 0 15px;
	margin: 0;}
h3 a {text-decoration: none;}
h4 {color:#666;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 5px 0 15px;
	margin: 0;}
	
ul {margin:5px 10px 10px 40px; 
    font-family: Arial, Helvetica, sans-serif;}
ul li {padding: 5px 0 0 2px;}
ul li ul { list-style: disc;}

ul.pointlist {margin:5px 10px 10px 40px; 
    font-family: Arial, Helvetica, sans-serif;}
ul.pointlist li {
   display:block;
    padding: 8px 0 0 25px;
    width:450px;
	height:30px;
	background:url('images/tellfriend_icon.jpg') 0 0 no-repeat;}

ol {margin:5px 10px 10px 30px; 
    font-family: Arial, Helvetica, sans-serif;}
ol li {padding: 5px 0 0 5px;
   list-style:decimal;
   list-style-position:outside;}

p {padding: 5px 5px 5px 10px;
   margin:10px 10px 0 10px; 
   line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
	
div#mainwrap {
	width: 877px;
	margin: 0 auto 0 auto;
	position: relative;
	background: white url('images/background01.jpg') 0 0 repeat-y;}	
	
div#topnav { position:relative;
    margin:25px auto 0 auto; 
	padding:0 0 0 5px;
	width: 852px;
	height: 45px; 
	background: white;}

div#topnav a { display:inline-block;
	height:45px;
	margin:0;
	padding:0 10px 0 0;
    font-size: 1.3em;
	color: #993333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right; 
	line-height:2.9em;}
a#homelink { background:url('images/home_icon.jpg') 0 0 no-repeat;
     width:80px; }
a#articlelink { background:url('images/info_icon.jpg') 0 0 no-repeat;
     width:90px;}
a#contactlink { background:url('images/contact_icon.jpg') 0 0 no-repeat;
     width:90px;}
a#worklink { background: url('images/work_icon.jpg') 0 0  no-repeat;
	width: 90px;}
	 
	
div#tellafriend {position: absolute;
	top: 20px; left: 700px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	background: white url('images/tellfriend_icon.jpg') 0 0 no-repeat;
	padding: 5px 0 5px 25px;}
div#tellafriend a {text-decoration: none;}

div#header { position:relative;
   background: transparent url('images/webtechheader.jpg') 0 0 no-repeat;
    width:877px;
	height: 168px;
	margin: 0; padding: 0;}

p#titletag { position:absolute;
   font-family:Arial, Helvetica, sans-serif;
    font-size:1.6em;
	color:#999;
    top: 120px;
	left: 220px;
	width:500px;}

div#mainnav {
	position: absolute;
	top: 180px;
	left: 21px;
	width: 175px;
	text-align: right;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
div#mainnav a {display: block;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 1.1em;}
div#mainnav a:link {color: #999;}
div#mainnav a:hover {text-decoration: underline;}
div#mainnav a:visited {color: #999;}

div.testimonial { position:relative;}
div.testimonial p { font-size:10px;
   font-style:italic;
   margin:0;
   padding:5px 2px;
   text-align:left;}

#navcontainer {
  font-family: Arial,Sans-Serif;
  margin:0 auto;
  padding:5px 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

#navlist{ width: 90%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
text-decoration: none;
color: #666;
font-size: 1em;
padding: 0 5px;

}

#navlist li a:hover,
#navlist a#current {
color: #EB901F;
border-top: none;
font-size: 1.6em;
}

#navlist a#current { color: #993333; font-weight:bold; }

/* submenu */
#subnavlist{ width: 90%;
text-align: center;
margin:0 auto;
padding:2px 0 0 0;
text-indent: 0;
list-style-type: none;

}

#subnavlist li
{
padding:5px 0 0 0;
margin: 0;
text-indent: 0;
display: inline;
}

#subnavlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #666;
font-size: 0.9em;
padding: 0 5px;

}

#subnavlist li a:hover,
#subnavlist a#subcurrent {
color: #EB901F;
padding:0;
border-top: none;
font-size: 1.2em;
}

#subnavlist a#subcurrent { color: #E35019; font-weight:bold; }

/* Second level submenu */
#sub2navlist{ width: 90%;
text-align: center;
margin:0 auto;
padding:2px 0 0 0;
text-indent: 0;
list-style-type: none;

}

#sub2navlist li
{
padding:5px 0 0 0;
margin: 0;
text-indent: 0;
display: inline;
}

#sub2navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #666;
font-size: 0.9em;
padding: 0 5px;

}

#sub2navlist li a:hover,
#sub2navlist a#sub2current {
color: #EB901F;
padding:0;
border-top: none;
font-size: 1.2em;
}

#sub2navlist a#sub2current { color: #FF0066; font-weight:bold; }




.returnbtn { margin:20px 0 0 0;
   background:url('images/bigbutton.jpg') 35px 0 no-repeat;
   height:47px;
   text-align: center;
   padding:15px 13px 5px 40px !important;}
   
.returnbtn_two { margin:20px 0 0 0;
   background:url('images/bigbutton.jpg') 35px 0 no-repeat;
   height:47px;
   text-align: center;
   padding:8px 13px 5px 40px !important;}

div#htext {font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
	margin: 20px 10px 30px 10px; }
div#htext a {text-decoration: none;}
	
div#content {
    position:relative;
    margin: 5px 5px 10px 205px;
	width: 635px;
	padding-left: 0;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;}
	
div#content h1 {font-weight: bold;
	color: #641408;
	text-align:center;
	padding: 15px 0 10px 0;
	margin: 0;
	font-size: 2em;}
	
div#top_links {color: #996666;
	margin: 5px 5px 5px 385px;
	font-family: Arial, Helvetica, sans-serif;}
div#top_links a {text-decoration: none;
	font-size: 1.1em;}
div#top_links a:link {color: #996666;}
div#top_links a:hover {text-decoration: underline;}
div#top_links a:visited {color: #996666;}


div#subheader_box {height: 170px;
	width: 625px;
	margin: 0; padding: 0;}
div#subheader_box p {line-height: 1.6em;
 padding: 10px;
 margin: 10px;}
 
 div#subheader_box_long {height: 200px;
	width: 625px;
	margin: 0; padding: 0;}
div#subheader_box_long p {line-height: 1.6em;
 padding: 10px;
 margin: 10px;}
 
 div#subheader_box_short {height: 150px;
	width: 625px;
	margin: 0; padding: 0;}
div#subheader_box_short p {line-height: 1.6em;
 padding: 10px;
 margin: 10px;}
 
 
 
.floatright {float: right;
	margin: 5px 5px 5px 10px;}
	
.bigtxt {font-size: 1.6em;
	color: #999;}
.bigredtxt {color: #993333;
	font-weight: bold;
	font-size: 1.3em;}
.medtxt {font-size: 1.1em;
	color: #999;}
.redtxt {color: #cc0000;
	font-size: 1.5em;}
.greytxt {font-weight: bold;
	color: #666;
	font-size: 1.2em;}
	
a.bigtxt {font-size: 1.6em;
	color: #999;}
a.bigredtxt {color: #993333;
	font-weight: bold;
	font-size: 1.3em;}
a.medtxt {font-size: 1.1em;
	color: #999;}
a.redtxt {color: #cc0000;
	font-size: 1.5em;}
a.greytxt {font-weight: bold;
	color: #666;
	font-size: 1.2em;}

a.quicklink:link,
a.quicklink:visited {text-decoration:none;}	

a.quicklink:hover { color:#333; background:#ccc;}	
	
	
div#left_home {width: 283px;
	height: 192px;
	margin: 15px 20px 0 0;
	padding: 5px 10px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: white url(images/box_med_bkgr.jpg) 0 0 no-repeat;}
div#left_home p {line-height: 1.1em;
	font-size: 1.1em;
	color: #666;
	margin: 5px;}
div#right_home {float: right;
	width: 283px;
	height: 192px;
	margin: 0 10px 0 10px; padding: 5px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: white url(images/box_med_bkgr.jpg) 0 0 no-repeat;}
div#right_home p {line-height: 1.1em;
	font-size: 1.1em;
	color: #666;
	margin: 5px;}
span.mainlink {font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #993333;}
div#subbuttons {position: absolute;
	top: 400px;
	left: 40px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;}
div.smallbtn {background: white url('images/smallbutton.jpg')  0 0 no-repeat;
	width: 140px; height: 31px;
	text-align: center;
	padding-top: 7px;}
div.smallbtn a {text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 15px;
	margin-top: 5px;}
div.smallbtn a:link {color:#993333;}
div.smallbtn a:hover {color: #666;}
div.smallbtn a:visited {color: #993333;}

td.smallbtn input {background: white url('images/smallbutton.jpg')  0 0 no-repeat;
	width: 140px; height: 35px;
	text-align: center;
	padding-top: 3px;
	font-size: 1.1em;
	color: #993333;}


div.bigbtn {background: white url('images/bigbutton.jpg')  0 0 no-repeat;
	width: 140px; height: 31px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;}
div.bigbtn a {text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 15px;
	margin-top: 5px;}
div.bigbtn a:link {color:#993333;}
div.bigbtn a:hover {color: #666;}
div.bigbtn a:visited {color: #993333;}

div.bigsidebarbtn {background: white url('images/bigbutton.jpg')  0 0 no-repeat;
	width: 140px; height: 51px;
	text-align: center;
	padding:1px 0 0 0;
	margin:10px 0 0 30px;}
div.bigsidebarbtn a {text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
	margin-top: 5px;}
div.bigsidebarbtn a:link {color:#993333;}
div.bigsidebarbtn a:hover {color: #666;}
div.bigsidebarbtn a:visited {color: #993333;}

img#rs_logo {margin-left: 25px;}
ul.topics {font-size: 1.2em;}
.rightstart a {color:#FF6600;
	font-weight: bold;
	font-size: 1.3em;}
	
	
div.project_left {width: 250px;
	margin: 5px; padding: 5px;}
div.project_left a {text-decoration: none;
	font-size: 1.1em;}
div.project_right {width: 250px;
	margin: 7px 5px 0 5px; padding: 5px;
	float: right;}
div.project_right a {text-decoration: none;
	font-size: 1.1em;}
	
div#tablewrap { margin-left:20px;}
.datatable {width: 90%; margin: 0 0 5px 20px;
	border: 1px solid #ccc;}
.datatable td { text-align:center;
    border-bottom: 1px solid #ccc;}
.datatable th{ font-size: 1em;
    text-align:center;
	font-weight: bold;
	padding:5px;
	border-bottom: 1px groove;
	border-right: 1px groove;
	background-color: #cc9999;}

.datatable a { text-decoration:none;}
.datatable a:link {color: #990000;}
.datatable a:visited {color: #990000;}
.datatable a:hover {color: #cc0000; text-decoration:underline;}

	
div.reviewblk { position:relative;}
div.reviewblk img { float:left;
   padding:10px;}
div.reviewblk p { padding:0 10px 10px 10px;}	
	
div#footer {background: white url('images/footer01.jpg') 0 0 no-repeat;
	height: 34px; width: 877px;
	margin:0; padding: 0;
	text-align: center;}
div#footer p#copyright {
    margin:0;
	padding:3px 0 0 0;
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;}
div#footer p#copyright a { text-decoration:none;}
div#footer p#copyright a:link { color:#fff;}
div#footer p#copyright a:visited {color:#fff;}
div#footer p#copyright a:hover {color: #FFFF00; text-decoration:underline;}
	
	
	
/*  Accordian Form  */

div#content_estimate {
    position:relative;
    margin: 5px 5px 10px 205px;
	width: 635px;
	padding-left: 0;
	padding-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;}
	
div#helpform { width:635px; height:3000px;}

table.sectionform { margin:15px auto 0 auto;
	 background: url('images/formbkgr.jpg') repeat;}
table.sectionform td { padding:5px; vertical-align:middle;}

table.postform { margin:30px auto 100px auto;}


.required { font-size:1.2em;
   color:#FF0000;}
.label { text-align:right; vertical-align:middle;}
.white {background:white;}
.center{ text-align:center;}
.rightstart a {color:#FF6600;
	font-weight: bold;
	font-size: 1.3em;}
.rightstart {color:#FF6600;
	font-weight: bold;
	font-size: 1.3em;}
.tinytext { font-size:10px; font-style:italic; color:#666666;}
.clearit { clear:both;}
	
	

.siteinfo { background: white url('images/dropdownformheader.jpg') 0 0 no-repeat;
   width:613px;
   height:38px;
   margin:0;
   padding:10px 0 0 20px;}
.sitequestion {  background: white url('images/dropdownformheader.jpg') 0 0 no-repeat;
   width:633px;
   height:45px;
   margin:0;
   padding:5px 0 0 15px;
   vertical-align:middle;}
.statement { display: inline-block;
   width: 548px;}
   
/* ============= General Accordian settings ===============  */

.infoblock {  background: white url('images/dropdownformheader.jpg') 0 0 no-repeat;
   width:633px;
   height:35px;
   margin:0;
   padding:12px 0 0 10px;
   font-size:14px;
   cursor:pointer;}
 .infoblock2 {  background: white url('images/plus.jpg') 0 0 no-repeat;
   margin:5px 0 10px 15px;
   padding:3px 0 10px 25px;
   font-size: 14px;
   cursor:pointer;
   border-bottom: 1px dotted #ccc;}
.moreinfo { float:right;
   font-style:italic;
   padding:5px 30px 0 0;
   font-size:12px;}
   
ul.golist {
   list-style:none;
   margin:10px 0 0 30px;
   padding:0;
   clear:both;
   }
ul.golist li {
    background: white url('images/redarrow.jpg') 0 0 no-repeat;
	padding:0;
	margin:0;
   }
ul.golist a { text-decoration:none;
   display:block;
   color:#333;
   margin:0;
   width:500px;
   height:20px;
   padding:2px 0 0 20px;}
ul.golist a:visited {color: #333;}
ul.golist a:hover {color: #cc0000;}
   
/* ============= End Accordian settings ===============  */
   
div.paypalestbtn {background: white url('images/bigbutton.jpg')  0 0 no-repeat;
    float: right;
	width: 140px;
	text-align:center; 
	height: 40px;
	padding:10px 0 0 0;
	z-index:2000;}
div.paypalestbtn a {text-decoration: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
	margin: 5px 0 0 0;}
div.paypalestbtn a:link {color:#993333;}
div.paypalestbtn a:hover {color: #666;}
div.paypalestbtn a:visited {color: #993333;}

a.paypallink { display:block;
   float:right;
   background:white  url('images/logo_developercertgrey_50x33_.gif') 0 0 no-repeat;
   width:50px;
   height:33px;
   margin:0 40px 0 0;}
   
div#paypalrefferal { text-align:center;}

.accept_terms { display: none;}

/* =================== Popup Contact Forms ================ */

div#contactform {text-align: center;
	position: relative;
	width: 250px;
	margin:30px 0 0 0; padding: 0;}
div#contactform form#emailForm { 
    text-align:right !important;}
div#contactform p {line-height: 1.8em;
	margin: 0 0 0 10px; padding: 0;}
div#contactform span.label {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;}
div#contactform span.filelabel {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;
	text-align:left !important;}
div#contactform input.text {font-size: 10px;
	color: #666;}
div#contactform span.top {display: block;
	vertical-align: top;}
div#contactform p.submit input {
	color: white;
	background: #993333;
	margin: 0 0 0 130px;
	padding: 3px 5px;
	font-size: 1em;
	border: 1px solid #333366;
	font-family: Arial, Helvetica, sans-serif;
}

div#contactform h1 { font-size:3em;
   color:#333366;
   font-weight:bold;
   margin:20px 0 0 0;
   padding:0;}	
   
div#thankyou {text-align: center;
	position: relative;
	width: 275px;
	margin:30px 0 0 0; padding: 0;}
	
/* =================== Popup Contact Forms ================ */

div#qkquestform {text-align: center;
	position: relative;
	width: 350px;
	height:410px;
	margin:30px 0 0 0; padding: 10px;}
div#qkquestform form#emailForm { 
    text-align:right !important;}
div#qkquestform p {line-height: 1.8em;
	margin: 0 0 0 10px; padding: 0;}
div#qkquestform span.label {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;}
div#qkquestform span.required { color:#990000;
    font-weight:bold;}
div#qkquestform span.filelabel {font-size: 11px;
	color: #666;
	font-style: italic;
	vertical-align: top;
	text-align:left !important;}
div#qkquestform input[type=text] {font-size: 10px;
	color: #666;
	margin:3px 10px 0 0;}
div#qkquestform input[type=file] {font-size: 10px;
	color: #666;
	margin:3px 10px 10px 0;}
div#qkquestform span.top {display: block;
	vertical-align: top;}
div#qkquestform p.submit input {
	color: white;
	background: #993333;
	margin: 0 0 0 130px;
	padding: 3px 5px;
	font-size: 1em;
	border: 1px solid #333366;
	font-family: Arial, Helvetica, sans-serif;
}

div#qkquestform h1 { font-size:3em;
   color:#333366;
   font-weight:bold;
   margin:20px 0 0 0;
   padding:0;}	
   
div#qkquestthankyou {text-align: center;
	position: relative;
	width: 350px;
	margin:30px 0 0 0; padding: 0;}
	
/* =================================================== */
	
	
a.buybtn { display:inline-block;
  width:102px;
  height:32px;
  background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:0 10px 0 20px;
  padding:7px 0 3px 0;
  text-align:center;}
	
a.buybtn:link { color: #666;}
a.buybtn:hover{ color: #990000;}
a.buybtn:visited { color:#666;}

a.buybtn_tbl { display:inline-block;
  width:102px;
  height:32px;
  background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:5px auto 0 auto;
  padding:10px 0 0 0;
  text-align:center;
  font-weight:bold;}
	
a.buybtn_tbl:link { color: #666;}
a.buybtn_tbl:hover{ color: #990000;}
a.buybtn_tbl:visited { color:#666;}

a.paynow { display:block;
  float:right;
  text-decoration:none;
  width:103px;
  height:32px;
   background: url('images/buynow.jpg') 0 0 no-repeat;
  margin:0 40px 0 0;
  padding:10px 0 3px 0;
  text-align:center;
  font-weight:bold;}
	
a.paynow:link { color:#666;}
a.paynow:visited { color:#666;}
a.paynow:hover { color:#990000;}
a.paynow:active {color: #666;}
a.paynow:focus{color: #666;}



	
div#popwrapper { position:relative;
   margin:0 auto 0 auto;
   width:400px;
   height:100%;}
div#popwrapper h1 { font-size:24px;
   margin:0; padding:10px 0 10px 0;
   text-align:center;}
iframe.popframe { width:460px;
    height:325px;
	border:#999 medium inset;}
iframe.popframe_short { width:460px;
    height:220px;
	border:#999 medium inset;}
	
div#viewcart { position:absolute;
   top:10px;
   left: 700px;
   z-index:1000;}
div#viewcart table { width:200px;}
div#viewcart table td { color:#666666;}