body,
html{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#182330;
    color:#616161;
    background: #9E8E7F;
}

body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}

/********************************Header********************************/

#header {
    top:0px;	
    margin:0 auto;
	height:80px;
	width:800px;
    margin-top: 5px;
    background: #777A7D url("/images/sleek.gif") right no-repeat;
    border:0px;
}

#appbar_square  {
    position:absolute;
    top:5px;
    height:80px;
    width:101px;
    background-color:#2A2E33;
    float:left;
}

#banner_ribbon  {
    top:80px;	
    margin:0 auto;
	height:15px;
	width:800px;
    background-color:#C5C6C7;
}

#appbar_ribbon  {
    position:absolute;
    top:85px;
    height:15px;
    width:100px;
    background-color:#515458;
    float:left;
    border-left: 1px solid #545b65;

}

#header a {
    text-decoration:none;
}
    
img.banner, img.banner a {
    margin-left:100px;
    text-decoration:none;
    border:0;
}


/********************************Appbar********************************/

#appbar {
    position:absolute;
    top:99px;
	width:101px;
    padding: 0px;
    margin: 0;
	float:left;
    text-align: center;
    font-size: 11px;
    background: #777A7D;
    min-height:100%;
    z-index:6;
    }

#appbar img {
    border: 0;
}

#appbar h2 {
    font-size:1em;
}

 ul#navlist
{
width: 88px;
\width: 90px;
w\idth: 88px;
padding: 0px;
border: 1px solid #545b65;
border-top: 0px;
margin: 0px;
font: bold 10px Verdana, Helvetica, Arial,sans-serif;
background: #777A7D;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
padding:0;
}

ul#navlist li a
{
display: block;
width: 77px;
\width: 88px;
w\idth: 77px;
padding: 4px 4px 4px 8px;
border: 0px;
border-left: 10px solid #aaaabb;
background: #fefade; 
text-decoration: none;
text-align: right;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color:#dd7000; }

ul#navlist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #000d33;
}

div#poweredby {
    float:left;  
    width:80px; 
    position:relative;
    bottom:0;
    margin:0;
    padding:0;  
}


/******************************Middle***************************************/

div#middle {
	width:800px;
	margin:0 auto;
    padding: 0px;
}

div#content {
    z-index: 5;
 	margin-left:101px;
	padding: 40px;
    background:#fff url("/images/bottom-corner.gif") left bottom no-repeat;
   }

/******************************Text***************************************/

h1, h2, h3, h1 a, h2 a, h3 a {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 40px solid #dd7000;
	color: #b38b84;
	font-weight: normal;
    padding:0; 
    text-align:left;
   }

h1, h1 a  {
	font-size:1.5em;
    color:#4F5257;
    margin:0 0 25px 0; 
}
   
h2, h2 a {
    font-size:1.3em;
    color:#dd7000;
    font-weight:normal;
    margin-top:25px;  /* This affects the alignment with the square photos on the front page so be careful changing it.  */
   }

h1 a {
    color:#fefade;
    font-size:1.6em;
    text-decoration:none;
    font-weight:bold; 
    z-index:5;
   }

h3 {
    color:#dd7000;
    font-size:1em;
    margin-top:40px;
}

p, ul, ol {
    margin-bottom:1em;
    margin-top:0em;
	font-size:0.8em;
	line-height:1.7em;
    text-align:left;
}

.author, .author a {
    margin:0 0 -5px 0;
    padding:0;
    color:#dd7000;
}

.author a {
    text-decoration:none;
    font-weight:bold;
}

.publishdate {
    margin:0;
    padding: 0 0 10px 0;
}

.resourcebox {
   }


/******************************Lists***************************************/

ul.left {
    margin-left:-10px;
    /* Need to do some box-model magic stuff so both browsers align with table */
}

li.separate-images {
	display: inline;
	list-style-type: none;
	margin: -2px;
	padding: 0 2% 0 2%;
}

li.spaced {
    padding:0 8px 0 8px;
}

ol.letters {
    list-style-type: lower-alpha;
}

li.quote {
    padding:0 0 1em 0;
    list-style-type:none;
}

li.clean-list {
    list-style-type:none;
    padding:0 0 0 0;
    margin: 0 -10px -10px -40px;
}

li.required-price {  /* information is required for us to determine price */
    /*color:#dd7000;*/  
    list-style: url(/images/pointer2.gif) disc;
}

li.required-build {   /*information is required for us to do the work  */
    list-style: url(/images/pointer.gif) disc;
}

span.right {
    float:right;
    text-align:right;
}

td.square {
    width:205px;
    height:240px;
    padding:0px;
    margin: 30px 30px 20px 20px;
    margin-right:20px;
    vertical-align:top;
    text-align:center;
    color:#fefade;
    background-repeat: no-repeat;
} 


td.square a {
    text-decoration:none;
}
td.top {
    vertical-align:top;
    font-style:normal;
    border:0;
    padding:1em 0 0 0; 
    width:205px;
   }

td.webdesign {
    background-image:url("/images/webdesign2.gif");      
}

td.email {
    background-image:url("/images/email.gif");
}

td.hosting {
    background-image:url("/images/web-hosting.gif");
}

table.block {
    background:#fefade;
 }

td.portfolio {
    vertical-align:top;
    padding:0 5px 0 0;
}

img.clean {
    border:0;
    padding:0;
    margin:0;
}

img.portfolio_image, img.portfolio_image a {
    padding: 0 0 0 5px;
    border: 5px red solid;
}

.opinion {
     margin: 30px;
     padding:15px;
     background-color:#fefade; /*#A4D1FF;*/
     color:#4F5257;
     font-style:italic;  
}

table.chart  {
    width:500px;
    font-size:65%;
    font-weight:bold;
    border: 1px #000 solid;
    background:#fff;    
}

table.questiontable {
    margin-left:50px;
    
}


/******************************Images****************************************/
.rightAlign {
    text-align:right;
    display:inline;
    border:0;
}

.centerAlign {
    text-align:center;
    display:inline;
    border:0;
}

.starburst {
    position:fixed;
    padding-left:80px;
    border:0;
    top:360px;
    float:right; 
}

.pic-in-box {
   position:relative;
   left:-9px;
   top:5px;
   z-index:2;

}

/******************************Forms*****************************************/
.button, .button_disabled {
    height:29px;
    font-weight:bold; 
    width: 150px;
    text-align:center;




    color:#000;
    font-family: Times, Times New Roman;
    font-size:0.9em;
    background-color:#dd7000;
    border:1px solid;
    border-top-color:#696;
    border-left-color:#696;
    border-right-color:#363;
    border-bottom-color:#363;
}

.button a {
    text-decoration:none;
    color:#2A2E33;
}

textarea.middle, text.middle {
        margin-left: 200px;
        width:350px;
        height:36px;
}

input.tidy {
    margin-left:200px;
    width:200px;
}

li.bool {
     text-align:right;
}


img.clean {
      padding:5px 0 0 0;
      border:0 
  }



/******************************Footer***************************************/
#footer {
    margin: 0 auto;
    height: 50px;
    width:  800px;
    background: #777A7D;
    border:0;
}

#footer p, #footer a {
   font-size:9px;
   color: #fefade;
   text-align:center;
   padding:0;
   margin:0;
}