/* ~/css/screen1.css */
* { margin:0; padding:0; color:#010101; background-color:#070d8e; }
html { height:100%; margin-bottom:1px; }
body { font-size:100%; }
#pagewrap { width:47em; position:relative;
	min-height: 100%; height:100%; margin-right:auto; margin-left:auto; text-align:center; }
#menubox { padding-left:.8em; height:1.5625em; }
#header { display:none; }
#homepic { display:none; width:8.5625em; height:10.75em; }
h1 { font-family:'Comic Sans MS', sans-serif; font-size:1.5em; padding-top:.8em; padding-bottom:.8em;
	color:#208e0d; background-color:#070d8e; clear:both; line-height:1em; }
.welcome h1 { font-size:2.5em; padding:0em; }
.welcome h2 { font-size:1em; }
.welcome h2 span { color:#FCFCF8; background-color:#070d8e; }
h2 { font-family:Arial, Verdana, sans-serif; font-size:1.7em; 
	padding-bottom:.5em; color:#208e0d; background-color:#070d8e; }
h3 { font-family:'Comic Sans MS', sans-serif; font-size:1em; color:#010101; background:#c82; }
.office h3 { color:#FCFCF8; background-color:#070d8e; padding:.5em 0em 1em 0em; clear:both; }
.office .corners h3 { color:#010101; background-color:#c82; }
h3 a:link { color:#010101; background-color:#c82; text-decoration:none; }
h3 a:visited { color:#010101; background-color:#c82; text-decoration:none; }
h3 a:hover { color:white; background-color:#c82; text-decoration:underline; }
h3 a:active { color:#010101; background-color:#c82; text-decoration:none; }
h4 { font-family:'Comic Sans MS', sans-serif; font-size:1.1em; color:#208e0d; 
	background-color:#070d8e; text-align:left; padding:.5em 0em .5em 4em; clear:both; }
h5 { font-family:Arial,Verdana, sans-serif; font-size:1em; 
	text-align:center; color:#FCFCF8; background-color:#070d8e; clear:both; }
h5 a:link { color:#FCFCF8; background-color:#070d8e; text-decoration:none; }
h5 a:visited { color:#FCFCF8; background-color:#070d8e; text-decoration:none; }
h5 a:hover { color:yellow; background-color:#070d8e; text-decoration:underline; }
h5 a:active { color:#FCFCF8; background-color:#070d8e; text-decoration:none; }
.office h5 { text-align:center; }
/* .cms h5 a { color:#FCFCF8; background-color:#070d8e; text-decoration:none; } */
h6 { font-family:Arial,Verdana, sans-serif; font-size:1em; text-align:left; 
	color:#FCFCF8; background-color:#070d8e; padding:1.5em 7em .5em 7em; clear:both; }
h6 img { margin-bottom:2em; }
h6 a { color:#FCFCF8; background-color:#070d8e; text-decoration:none; }
/*h6 a:visited { color:#FCFCF8; background-color:#070d8e; text-decoration:none; }
h6 a:hover { color:yellow; background-color:#070d8e; text-decoration:none; }
h6 a:active { color:#FCFCF8; background-color:#070d8e; text-decoration:none; }*/
#content { width:46em; margin-right:auto;margin-left:auto; text-align:center; 
	color:#FCFCF8; background-color:#070d8e; }
.welcome #content { width:46em; text-align:center; padding:0em; }
#content p { padding:0em 4em .5em 4em; line-height:1.1em; }
p, p b { font-family:Arial,Verdana, sans-serif; font-size:1em; text-align:left; color:#FCFCF8;
	background-color:#070d8e; /*padding:.5em 7em .5em 7em; */clear:both; line-height:1.2em; }
p a:link { color:#F7FFAD; background-color:#070d8e; text-decoration:underline; font-weight:bold; }
p a:visited { color:#F7FFAD; background-color:#070d8e; text-decoration:none; font-weight:bold; }
p a:hover { color:yellow; background-color:#070d8e; text-decoration:underline; font-weight:bold; }
p a:active { color:#208e0d; background-color:#070d8e; text-decoration:none; font-weight:bold; }

/*span.rightlink a{ display:block; text-align:right; margin-top:-1.2em; }
div.rightlink { display:block; text-align:right; margin-top:-1.2em; padding-right:5em;
	font-family:Arial,Verdana, sans-serif; font-size:1em; color:#010101; background-color:#c82; }
form div.rightlink { display:block; text-align:right; margin-top:-1.5em; padding-right:1em;
	font-family:Arial,Verdana, sans-serif; font-size:1em; color:#010101; background-color:#c82; }
.main div.rightlink, .office div.rightlink { color:#FCFCF8; background-color:#070d8e; } */

#style_links { /*width:46em;*/ margin:0; padding:0em 0em 0em 1em; }
a:link { color:#F7FFAD; background-color:#070d8e; text-decoration:none; font-weight:bold; }
a:visited { color:#F7FFAD; background-color:#070d8e; text-decoration:none; font-weight:bold; }
a:hover { color:#ffff00; background-color:#070d8e; text-decoration:underline; font-weight:bold; }
a:active { color:#208e0d; background-color:#070d8e; text-decoration:none; font-weight:bold; }
ul,ol { list-style:none; }

em { color:white; }
#style_links { /*width:98%; */}
.switchstyle { float:left; line-height:1.5em; padding:.5em 2em; font-family:Verdana, sans-serif; font-size:.8em; text-align:left; }
.textsizer {/* display:block; text-align:right;*/ }
/* global styles are above, change with care! */

/* lists and the divs divs to position them */
div #questionbox { color:#ffffff; background-color:#070d8e; height:9.625em; padding:0em 0em 1em 11em; }
#step_one #questionbox { height:7em; }
.seo div #questionbox { padding-left:10em; }
#questionbox ul { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; 
	line-height:1.4em; text-align:left; list-style-type:none; border:1px solid #dadada; color:#ffffff; background-color:#070d8e;
	float:left; /*width:30em;*/ padding:1em; }
#questionbox ul li, #questionbox b { color:#ffffff; background-color:#070d8e; }
#questionbox li a:link { color:#ffffff; background-color:#070d8e; text-decoration:none; }
#questionbox li a:visited { color:#ffffff; background-color:#070d8e; text-decoration:none; }
#questionbox li a:hover { color:#cc0000; background-color:#070d8e; text-decoration:underline; }
#questionbox li a:active { color:#ffffff; background-color:#070d8e; text-decoration:none; }
ol { list-style-type:decimal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;
	font-weight:bold; text-align:left; padding:.5em 7em 1em 10em; }
ol li { color:white; background-color:#070d8e; }
ol a { color:white; background-color:#070d8e; }

/* all the images for the site */
img, img a,:link img,:visited img { border:none }
img.alignright { display:block; float:right; padding:0em .5em; }
img#gallery { display:block; float:right; padding:0em .5em; width:13.8125em; height:11em; }
img#guestbook { display:block; float:left; padding:0em .5em; width:14.375em; height:11.0625em; }
img#mark_work { width:12.75em; height:9.625em; }
img#sample-mgweb-s, img#sample-lfa-s, img#sample-bayly-s, img#sample-gsk-s { padding-bottom:1.5em; }

/* the nice javascript corners need these */
/* div.corners { float:left; width:18em; padding:.625em; margin:0em 0em 1.5em 2.5em; background:#c82; color:#000; background-image:url('../images/box-l.gif'); background-repeat:no-repeat; } */
.corners ul { list-style-type:none; font-family:Verdana, sans-serif; font-size:.9em; text-align:left; 
	padding-bottom:1em; padding-left:1.5em; color:#010101; background:#c82; }
.corners ul li {color:#010101; background:#c82; }
.corners ul li a:link { color:#010101; background-color:#c82; text-decoration:none; }
.corners ul li a:visited { color:#010101; background-color:#c82; text-decoration:none; }
.corners ul li a:hover { color:yellow; background-color:#c82; text-decoration:underline; }
.corners ul li a:active { color:#010101; background-color:#c82; text-decoration:none;  }
.corners form, .corners form span, .corners p a{ background:#c82; color:#000; }
.corners a { height:2em; width:4em; background:#c82; color:#000; }
.corners p { /*width:24em; */margin:0; padding:0em 2em .5em 4em; color:#010101; background-color:#c82; }
.corners p small, .corners p small b, .corners p b { color:#010101; background-color:#c82; }

div.corners { float:left; width:19.25em; margin:0em 0em 0em 2.6em; background-color:#c82; color:#000; background-image:url('../images/box-t.gif'); background-repeat:no-repeat; } 
.box_b { display:block; clear:both; margin:0; padding:0; }
div.corners h3 { width:75%; margin:0 auto; text-align:center; line-height:2em; }

div#box3 { margin-left:13.6em; }
.development .corners { margin-bottom:2em; }
.code .corners { margin-bottom:2em; }
#markup ul { padding-bottom:2.3em; }
.pagestretch { height:6em; }
.office .pagestretch { height:12em; }

/* webhosting tables */
td a:link { color:#010101; background-color:#CD8920; text-decoration:none; }
td a:visited { color:#010101; background-color:#CD8920; text-decoration:none; }
td a:hover { color:white; background-color:#CD8920; text-decoration:underline; }
td a:active { color:#010101; background-color:#CD8920; text-decoration:none;  }
th { color:#FCFCF8; background-color:#CD8920; }
th a { font-size:.8em; }

/* tos page styles */
.hostitem {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; text-align:left; 
border:none; padding:0em 0em 1.5em 6em; line-height:1.2em; width:45em; }
.hostitem legend { font-weight:bold; padding:1em 0em 1em 0em; color:#FCFCF8; background-color:#070d8e; }
.hostitem ul li { list-style-type:none; padding:0em 4em .5em 2em; color:#FCFCF8; background-color:#070d8e; }
.listnumbr { font-weight:bold; padding-right:.5em; color:#FCFCF8; background-color:#070d8e; }
.loweralpha li { list-style-type:none; padding:0em 4em .5em 2em; color:#FCFCF8; background-color:#070d8e; }
.hostitem li b { font-weight:bold; color:#FCFCF8; background-color:#070d8e; }

/* faq styles */
div#faq_qa ul { text-align:left; list-style:none; margin:0; padding:0; }
div#faq_qa ul li { padding-left:3em; line-height:1em; }
div#faq_qa { text-align:center; margin-right:auto; margin-left:auto; font-family:Arial, Verdana, sans-serif; 
	font-size:.9em; color:#FCFCF8; background-color:#070d8e;  z-index: 100; border-right:1px solid #070d8d; width:42em; } 
div#faq_qa ul a {display: block; text-align:left; font-family:Arial, Verdana, sans-serif; font-size:1em; padding:.3125em .625em;
	text-decoration: none; color:#FCFCF8; background-color:#070d8e; border-right:1px solid #070d8f; position:relative; }
div#faq_qa a:hover { color:#FCFCF8; background-color:#070d8e; border-right:none;}
div#faq_qa a span {display:none;}
div#faq_qa a span br {display:none;}
div#faq_qa a:hover span {display:block; line-height:1em; padding:.3125em; margin:.625em; z-index: 100;
	color:yellow; background-color:#070d8e; font-family:Arial, Verdana, sans-serif; font-size:1.1em; }
/* end of the pure css hover effect and faq */

/* develop, seo, xhtml_css pages, thumb images */
.xhtml_css h4, .seo h4 { text-align:center; margin:auto; margin-bottom:1.5em; width:50%; padding:.3em 0em; }

.develop #boxes { height:9em; }
#sample-mgweb-t, #sample-bayly-t, #sample-lfa-t, #sample-gsk-t, #sample-copper-t { 
		display:block; float:left; width:15.625em; height:9.4375em; 	}
#sample-mgweb-t, #sample-bayly-t { margin-top:-1em; padding:0em .5em 0em 0em; }
#sample-copper-t { margin-top:-1em; padding:0em .5em 1.5em 0em; }
#sample-wcw { display:block; float:left; margin-top:0em; padding:0em .5em 0em 0em; }
#sample-lfa-t, #sample-gsk-t, .sample-lfa-t { display:block; float:right; width:15.625em; height:9.4375em; }
#sample-lfa-t, #sample-gsk-t, .sample-lfa-t { margin-top:-1.5em; padding:0em 0em 0em .5em; }

#sample-mgweb-s, #sample-lfa-s, #sample-bayly-s, #sample-gsk-s, #sample-copper-t { 
		display:block; text-align:center; margin:0em .5em 0em 1em;}
#sample-mgweb-s { width:45em; height:45.8125em; }
#sample-lfa-s { width:45em; height:47.3125em; }
#sample-bayly-s { width:45em; height:30.75em; }
#sample-gsk-s { width:45em; height:54.125em; }
h6 .price { color:yellow; background-color:#070d8e; font-size:small; }
p a.thumb_return { color:yellow; background-color:#070d8e; font-size:small; }
p a:link.thumb_return { color:yellow; background-color:#070d8e; text-decoration:none; font-weight:bold; }
p a:visited.thumb_return { color:yellow; background-color:#070d8e; text-decoration:none; font-weight:bold; }
p a:hover.thumb_return { color:green; background-color:#070d8e; text-decoration:underline; font-weight:bold; }
p a:active.thumb_return { color:yellow; background-color:#070d8e; text-decoration:none; font-weight:bold; }
img.list_thumb { padding:.5em; }
.centre { display:block; clear:both; margin-right:auto; margin-left:auto; text-align:center; }

.tos fieldset { color:#FCFCF8; background-color:#070d8e; }
.typotext h4 { color:yellow; background-color:#070d8e; }

/* form styles are in their own sheet */
/* got to do something about the host-plan page too below... */
.plantable { width:16em; }

.extranav { font-size:.8em; text-align:center; color:#FCFCF8; background-color:#070d8e; }

/* ################### */
/* footer styles below */
#foot { margin-top:2em; margin-right:auto; margin-left:auto; width:47em; clear:both; height:8em; border-top:2px solid #800CA4; color:#FCFCF8; 
	text-align:center; background:#070d8e; }
.welcome #foot { padding-top:8em; border:none; }
#footlist { float:left; padding:1em 1em 0em 2em; }
#footmenu li { float:left; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;
	font-weight:bold; text-align:left; line-height:1.2em; color:#99ccff; background-color:#070d8e; 
	padding:0em 0em 0em 1.8em; }
#footmenu a:link { color:#99ccff; background-color:#070d8e; text-decoration:none; }
#footmenu a:visited { color:#99ccff; background-color:#070d8e; text-decoration:underline;}
#footmenu a:hover { color:#ffff00; background-color:#070d8e; text-decoration:underline; }
#footmenu a:active { color:#000000; background-color:#070d8e; text-decoration:none; }
#foot p { clear:left; text-align:left; font-size:.8em; color:#FCFCF8; background-color:#070d8e; 
	padding:.5em 0em 0em 4.3em; height:100%; }
.copyrightdate { color:#FCFCF8; background-color:#070d8e; }
.validxhtml { float:right; padding-right:2em; } 
.welcome #foot p { padding:.5em 0em 0em 4.3em; }
/* footer styles above */
/* zebra tables style */
#playlist { border:1px solid #9D6819; width:35em; margin-top:1.5em;  margin-right:auto; margin-left:auto; text-align:center; background-color:#CD8920; color:#FFFFFF; }
#playlist tbody tr td { font-family: "lucida grande", verdana, sans-serif; font-size:.7em; text-align:left; padding:.2em 0em .2em 1em;  border-left:1px solid #9D6819; background-color:#CD8920; color:#FFFFFF; }
#playlist tbody tr.selected td { background-color:#CD8920; color:#FFFFFF; 
	font-weight: bold; border-left:1px solid #9D6819; border-bottom:1px solid #9D6819; }
/*.left_td { text-align:left; font-weight:bold; width:25%; padding-left:.2em; border-bottom:1px solid #eee; color:#000000; background-color:#FFFFFF; }*/
th { font-family:Arial,verdana, sans-serif; font-size:.9em; font-weight:bold; width:7.1em; }
#playlist th a { background-color:#CD8920; color:#FFFFFF; }
#playlist td a { background-color:#CD8920; color:#FFFFFF; font-weight:normal; }


/*div.corners {
  background: #cc8822 url('/css/corners/bl.png') no-repeat bottom left;*/
/*  color: #333333;
  position: relative;
  padding-top: 0;
  padding-bottom: 10px;
  margin: 1em 10px 0 0 ;
  height:100%*/
/* } */

/* all elements in 'div.corners' gets the B-R corner */
/*div.corners * {*/
/*   background: #cc8822 url('/css/corners/br.png') no-repeat bottom right; */
/*  color: #333333;
  padding: 1em 2em 10px 0;
  margin: 0 0 -10px 10px;
  height:100%;*/
/*}*/

/* Scrub that B-R corner from all elements *2+* levels deep*/
/*div.corners * * {*/
/*  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  height:auto*/
/*}*/

/* Set up some H's as 'box heads' with the T-R and T-L corners */
/*div.corners h3 {*/
/*  color: #010101;
  background: #cc8822 url('/css/corners/tr.png') no-repeat top right;
  display: list-item;
  list-style-image: url('/css/corners/tl.png');
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;*/
}

/*div.corners h3 {*/
/*  font-size: 2.4em;*/
/*}*/