/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol,dl { list-style:none }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
/* Dom - added img tag as Firefox and IE7 were dding whitespace under an image*/
ul,ol,dl,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img
{ margin:0; padding:0;}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2 { font-size:1.4em;padding-top: 10px}
h3,h4 { font-size:1em;padding-top: 10px}
h5,h6,pre,code { font-size:.6em;padding-top: 2px;padding-bottom: 18px; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/*Make acronyms and Abbreviations identifiable*/
acronym,abbr { border-bottom:1px dotted #333;cursor:pointer; }
input:focus { background-color: #FFFF99 }
textarea:focus { background-color: #FFFF99 }
label {
display:block;
}


body {
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/Textures/W-G_BG5.jpg);
	text-align: center;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
	background-color: #cccccc;
	background-repeat:repeat-x;
	font-size:.9em;
}

p {
	padding-top: 8px;
	line-height: 1.4em;
	text-align: justify;
}

dd{
padding:8px 2px 12px 2px;
}

q {
font-family:"Courier New", Courier, monospace;
padding:20px;
}

.b {font-weight:bold;margin:1em 0 .4em 0}
.top1 {vertical-align:top}
.red {color: #FF0000;text-align:center}
.green{color: #009900;text-align:center}
.blue {color: #0033CC;text-align:center}
.red1 {color: #000000;border-bottom:4px solid #FF0000;width:38%;}
.green1{color: #000000;border-bottom:4px solid #339900;width:300px;}
.green2{color: #000000;border-bottom:4px solid #339900;width:70%;}
.green3{color: #000000;border-bottom:4px solid #339900;width:90%;}
.blue1 {color: #000000;border-bottom:4px solid #0000FF;width:38%;}
.blue2 {color: #000000;border-bottom:4px solid #0000FF;width:80%;}
.blue3 {color: #000000;border-bottom:4px solid #0000FF;width:100%;}
.red2 {color: #000000;border-bottom:4px solid #FF0000;width:70%;}
.red4 {color: #000000;border-bottom:4px solid #FF0000;width:95%;}
.black_und {border-bottom:4px solid;width:90%}
.red3 {color: #000000;border:1px solid #FF0000;background-color: #FF0000}
.grey {background-color: #CCCCCC;border-bottom:9px solid #CCCCCC;margin-left:9px;border-left:18px solid #CCCCCC;position:relative; left: -24px;width:75%}
.inlineitems{display: inline}
.invis {visibility:hidden;clear:both;margin-bottom:0px;}
.rightimage{float:right;margin:0px 0px 20px 20px}
.rightimage2{float:right;margin:8px 0px 20px 20px;border:4px solid #000000}
.rightimage3{float:right;margin:14px 0px 14px 50px}
.leftimage{float:left;margin:0px 20px 20px 0px}
.leftimage2{float:left;margin:8px}
.smalltext{font-size:0.8em;text-align:left}
.smalltextr{font-size:0.8em;text-align:right}
.hilite {background-color: #FFFF99;border: 2px outset #CCCCCC;margin: 13px auto 13px auto;padding: 5px; }
.none{}
.heading{padding:10px 0px 10px 0px;}
.padding-yellow{padding:10px 10px 10px 10px;background-color:#FFFF99;border: 2px outset #CCCCCC}
.bottomright{float:right;right: 0px;bottom: 0px;}
.right1 {float:right}
.left1 {float:left}


/*This can be applied to the img tag*/
.centred {
border: 4px double #CCCCCC;
display:block;
margin: 10px auto 10px auto;
padding: 10px;
text-align:center;
}
/*This needs to be applied to a block level element e.g. div or p*/
.centred1 {
text-align:center;
margin: 10px auto 10px auto;
}
.centred2 {
text-align:center;
margin: 0 auto 0 auto;
}
.centred3 {
display:block;
margin: 0 auto 0 auto;
}

.centred4 {
display:block;
margin: 10px auto 10px auto;
}

.pad{
padding:0 20px 0 20px;
margin:0 20px 0 20px;
}

.brush {
	margin-left: -50px;
	margin-top: 0px;
	padding-bottom:28px;
	border:none
}

.bullet li{
	margin:10px;
	list-style-position: inside;
	list-style-type: disc;
	padding-left:80px;
}
	
.bullet2 li{
	margin:10px;
	list-style-position: inside;
	list-style-type: disc;
	padding:10px;
	text-align:justify;
}

.dropcap:first-line {
	font-size: 1em;
	font-weight: bold;
}
/* This dropcap doesn't hilite the firstline*/
.dropcap2:first-letter {
	line-height:normal;
	font-size: 3em;
	float: left;
	font-weight: bold;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
}

/*QuickQuoteform*/
.smallfield{
display:inline;
position:relative;
margin: 0 auto 0 0;
width: 70px;
}
.smallfield2{
width: 120px;
}
.submit{margin: 0px 90px 0 90px;}
.submit2{padding: 2px;}
.submitquote{width:140px; margin: 3px 0;}

/* Navbar Start*/
  
#nav {
	position: relative;
	background-image: url(images/frontpage_slices/images/NavBarFiller9.png);
	padding-left: 20px;
	padding-top: 0px;
	width: 880px;  
	}

#nav li {
	background-image:url(images/frontpage_slices/images/NavBarGraphic10.png);
	display:inline;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: .7em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#nav a {
	background-image:url(images/frontpage_slices/images/NavBarGraphic10.png);
	display:block;
	float:left;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
  }

/* Background won't show in FF unless we have a cleared element expanding the div box below our buttons*/

#nav:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:visible;
}



/* moved text offscreen for accessibility rather than display:none*/
#nav a span{
	position:absolute;
  	width:100px;
  	margin-left:-5000px;
  }
  
#nav a#home {
  width:76px;
  height:30px;
  background-position: -12px 0px;
  }
#nav a#home:hover {
    height:45px;
  }
#nav a#home.on {
  height:45px;
  }
#nav a#mission {
	width:78px;
	height:30px;
	background-position: -88px 0px;
}
#nav a#mission:hover {
	  height:45px;
  }
#nav a#mission.on {
  height:45px;
  }
#nav a#services {
	width:78px;
	height:30px;
	background-position: -166px 0px;
}
#nav a#services:hover {
	  height:45px;
  }
#nav a#services.on {
	  height:45px;
  }
#nav a#portfolio {
	width:78px;
	height:30px;
	background-position: -244px 0px;
  }
#nav a#portfolio:hover {
	  height:45px;
  }
#nav a#portfolio.on {
	  height:45px;
  }
#nav a#contact {
	width:81px;
	height:30px;
	background-position: -325px 0px;
  }
#nav a#contact:hover {
	  height:45px;
  }
#nav a#contact.on {
	  height:45px;
  }

/* Navbar End*/

#website-design-wrapper{
	width:900px;
	text-align: left;
	margin: 0 auto;
}

#website-design-FolderBody {
	width:840px;
	background-image: url(images/frontpage_slices/images/FolderBody900_2.png);
	background-repeat: repeat-y;
	position: relative;
	margin-top: 0px;
	padding-right: 30px; /*caution left+right+width=900*/
	padding-bottom: 10px;
	padding-left: 30px;
}

#FolderBody p {
	padding-top: 12px;
	line-height: 1.2em;
}
#FolderBody h1,h2,h3,h4 {
	padding-top: 10px;
}

#FolderBody dl {
	padding-top: 12px;
}
/*62-38 golden ratio proportions*/
.leftsubcontent {
padding: 0px 2% 10px 2%;
width:58%;
}

.rightsubcontent {
margin: 14px auto;
padding: 0 2% 0 0 ;
float:right;
}

.rightsubcontent3 {
margin: 50px auto;
padding: 0 2% 0 0 ;
float:right;
}

.rightsubcontent4 {
margin: 0px auto;
padding: 0 0 0 2% ;
float:right;
width:50%;
}

.leftsubcontent2 {
margin: 14px auto;
padding: 0 0 0 2% ;
float:left;
}

.leftsubcontent3 {
margin: 14px auto;
padding: 0 0 0 2% ;
float:left;
width: 40%;
}

.leftsubcontent4 {
margin: 14px auto;
padding: 0 0 0 4% ;
float:left;
width: 40%;
}

.rightsubcontent2 {
margin:15px;
padding: 0px 1% 10px 1%;
width:58%;
float:right;
}


.subcontentend {
margin:15px 0px 0px auto;
text-align:right;
background: Black;
height:4px;
width:62%;
}

.signoff{
background: Black;
height:4px;
width:62%;
text-align:center;
}

.subcontent {
clear:both;
}

#centrecontent {
padding: 0 2% 0 2%;
width:46%;
}
#rightcontent {
padding: 0 3% 0 3%;
width:27%;
float:left;
}

#rightcontent2 {
margin-top: 30px;
border:solid;
background-color:#FFFF99;
padding: 10px 3% 20px 3%;
width:24%;
float:right;
}

#rightcontent3 {
padding: 10px 3% 10px 3%;
width:30%;
float:right;
}

#rightcontent4 {
margin-top: 30px;
padding: 10px 3% 20px 3%;
width:24%;
float:right;
border:1px solid #333;
}

#rightcontent5 {
width:180px;
float:right;
}

#leftcontent2 {
padding: 0 3% 0 3%;
width:63%;
float:left;
}

#leftcontent3 {
position:relative;
padding: 0 3% 0 3%;
margin: 20px 0 20px 0;
width:20%;
float:right;
}

#leftcontent4 {
text-align: left;
padding: 0 3% 0 3%;
width:94%;
float:left;
}


#contentfooter {
padding: 0 3% 0 3%;
clear:both;
}
#contentfooter li {
display:inline;
}

#website-design-Header1 {
	position:relative;
	height: 155px;
	margin: 0;
}
#flash_TopRight {
	position:absolute;
	left: 600px;
	height:155px;
	margin-top: -10px;
}
#flash_TopLeft {
	position:absolute;
	right: 300px;
	height:155px;
	z-index:999;
}
/*normally not displayed, Flash javascript overwrites this div, this text displays when javascript is disabled for SEO ie6 and moz need 0px, ie7 needs 300px*/
#website-design-IntroText {
margin-left: 0px;
padding: 10px;	
text-align: left;
}

#website-design-Footer {
padding-right:20px;
padding-left:20px;
font-size:.6em;
text-align: right;
background-color:#aaaaaa;
}

#docs li {
padding:0px;
margin-left:1em;
display:inline;
text-align:left;
float:left;
}

#seo {
border-color:#CCCCCC;
font-size:0.85em;
}

#watchfire {
	border: 1px solid #CCCCCC;
	background-color:#FFFF99;
	padding: 6px 2% 10px 2%;
	margin: 10px 0px 10px 10px;
	width:280px;
	font-size:0.85em;
}
#watchfire label {
display:inline}

#flashcontent2 {
float:right;
margin:0px 0px 0px 0px}

/*ie6 will not handle fixed divs so hide it*/
* html #Quote2{display:none}

#Quote2 {
border: 3px outset #CCCCCC;
background-image:url(images/Logos/WDS_Bus_card_313x172.png);
background-repeat:no-repeat;
background-position: -44px -2px;
/*border: 2px outset #CCCCCC;*/
float:right;
position:fixed;
right: 10px;
bottom: 36px;
width: 220px;
height:125px;
margin:188px auto 0px 18px;
text-align:center;
}
#quotefields2 {
margin: 48px 0px 0px;
text-align:center
}
#Quote {
	background-image:url(images/Logos/WDS_Bus_card_313x172.png);
	background-repeat:no-repeat;
	/*border: 2px outset #CCCCCC;*/
float:left;
	width: 313px;
	height:170px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#Quote {
	float: right;
}

#quotefields {
	margin-top: 98px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 30px;
}
/*Corner image*/
a#corner {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 150px;
	width: 150px;
	background: url(images/Feedback_br_150x2.gif) top right no-repeat !important;
	background: none;
	text-indent: -999em;
	text-decoration: none;
	cursor: hand;
	z-index: 9999;
}



#AJAX_text{
background-color: #FFFF99;
border: 2px outset #CCCCCC;
margin: 0px auto 13px auto;
padding: 5px;
font-size:.68em;
line-height: 1em;
}

#AJAX_text2{
background-color: #FFFF99;
border: 2px outset #CCCCCC;
margin: 13px auto 13px auto;
padding: 5px;
}

#AJAX_Update {
margin: 10px auto;
}

#feedback_top {
height: 315px;
}

#pageFunctions{
position:absolute;
right:0px;
top: 175px;
margin: 10px 69px 5px 0px;
z-index: 9;
}
#GoogleSearch {
position:absolute;
top: 218px;
right: 62px;
z-index:99;
}

.buttonborder {
display:none;
}

.tfeatures{
width:520px;
border-collapse:collapse;
text-align:center;
}

.textras{
width:390px;
border-collapse:collapse;
text-align:center;
}

/*left aligns first column*/
table tr td:first-child {text-align: left }
.tfeatures td  { border:1px solid #999999}
.textras td  { border:1px solid #999999}
.colw {width: 7em}
.br{font-weight:bold;background: #CCCCCC;}
.r{background: #CCCCCC;}

.domainsearch{
background: url(images/earth.jpg));
border: 0;
height: 59px; 
width: 346px;
}
.colr{
margin:6px 0 6px 0;
float:right;
width:46%;
background-color: #BBF7C4;
padding:1%;
}
.coll{
margin:5px;
float:left;
width:46%;
background-color: #FDC0A6;
padding:1%;
}

#flash2 {
border:1px solid #999999;
padding:0;
margin: 30px;
}

#flash1 {
border:1px solid #999999;
padding:0;
}

#newtonsform{
background-color:#EEEEEE;
padding: 16px;
border:2px outset #999999;
margin: auto;
width: 50%;
}#Web_Analysis_Tool {
	margin: auto;
	padding: 5px;
}