body {margin: 0; padding: 0; background-color: #080300;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;
	line-height: 150%;}

#MainWrap {margin:0 auto; width:750px; text-align:center;}

#contentArea {width:750px; margin:0 auto;}
	
#header {background:url(images/logo.gif) 0 0 no-repeat;
	height:75px; width:400px; margin-left:20px; margin-top:20px;}
	
h3 {font-size:1.4em; font-weight:normal; font-style:italic;}

#header h1 span {visibility:hidden;}

/*navigation*/
#nav {float: right; margin:-1px 2em 0 0; }

#nav ul {margin:0; padding:0; font-size:1.1em; white-space:nowrap;}

#nav ul li {position:relative; list-style:none; margin:0 auto;
	float:left; width:auto; line-height:1.1em; padding:0;
	border-left:1px solid #666;}

#nav ul li.first {border:none;}

#nav a:hover {background:#444;}

#nav ul li a {display:block; padding:.25em .5em;
	text-decoration:none; color:#fff; 
	voice-family: "\"}\""; voice-family: inherit;
	width:auto;}

/*main content*/
#main {width:650px; height:auto; margin:60px auto 0 auto; padding:20px;
	color:#fff; clear:both; font-size:1.2em;}
	
#main img {padding-top:20px;}

/*footer*/
#footer {width:750px; margin-top:60px;}

#footer p {color:#444; text-align:right; padding-right:10px;}

#footer a {color:#444; text-decoration:none;}

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

/*contact page*/
#contact a {color:#777;}

#contact a:hover {color:#444;}

#form table {color:#fff;
	margin:10px auto; padding:10px 0;}

#form td {padding: 0 15px;}

#form td.label {padding-top:12px;}

#form td.submit {padding:15px; text-align:center;}

/*portfolio*/
#options {width:660px;}
div.pic {float: left; height: 450px; width: 300px;
  margin: 5px 12px 5px 12px;}
  
div.pic img {width:300px; border:none;}

div.pic ul {margin: 0.25em 0 10px 0; padding: 0;
  font: 1.1em Verdana, Arial, sans-serif; color:#333333;
  list-style-type:none;}
  
li.title {display: block; text-align: center; margin-top:10px;}

li.title a {color:#FFF; text-decoration:none; font-weight:bold;}

li.title a:hover {color:#666; text-decoration:underline;}
  
#text {margin:0 0 2em 1em;
	line-height:1.7em;}

#listing {margin-left:30px;}

#button {width:660px; text-align:center;}

#button a {color:#777;}

#button a:hover {color:#444;}

/*testimonials*/
#testimonials {line-height: 1.5em;
	margin-left:10px;}
	
p.ital {margin-top:-8px; font-size:1.1em; font-style:italic; text-align:right;}

.name {margin:.4em 0 1.2em 0;}

.name a {color:#008cbb;}

.praise {font-size: 1.1em;
	float: left;
	width: 225px;
  	padding: 5px 10px; 
	margin: 5px 3px 5px 0; 
	border:1px solid #CCC;}
  
.praise img {float:left;
	border:1px solid black;
	margin:3px 7px 0 0;}

/*faq*/
p.intro {font-weight:bold; padding:15px 0;}

p.q {font-weight:bold; margin-bottom:-5px; margin-top:20px;}

p.a {text-indent:10px;}

/*pricing*/
#pricing ul, #pricing ol {line-height:1.5em;}

#pricing h4 {margin-bottom:-10px; margin-top:20px;}




.clearfix:after {
    content: ".";
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
-->