* {font-size:100.01%; margin:0; padding:0;} 
html {font-size:62.5%; height:100%; overflow-Y: scroll;} 
body {font: 16px normal Arial, Helvetica, sans-serif; margin:0 0; line-height:1.7em; background:#fff url(../img/bg.jpg) repeat;} 
img {border-style:none; vertical-align:top;}
p {margin-bottom:1em;}

/****** LAYOUT  ******/
#wrapper {width:960px; margin:1em auto;}
#header-home {width:960px; margin:1em auto 0; padding:10px; background:url(../img/logo.png) top left no-repeat; min-height:100px;height:auto !important;height:130px;}
#header{width:960px; margin:1em auto 0; padding:10px; background:url(../img/logo.png) top left no-repeat; min-height:50px;height:auto !important;height:50px;}
#undernav {width:960px; margin:1em auto;border-top: 2px solid #903;}
#phone {background: url(../img/get_started.png) no-repeat;position:relative; top:5px; left:665px; width:295px; height:76px; z-index:4;}
#tagline {position:relative;top:0;left:70px;width:600px; height:2em;z-index:4;border:}
#mainbox {width:960px;background:url(../img/header_bg.png) repeat-x; min-height:206px;height:auto !important;height:206px; border:5px solid #bfb3b8; margin:auto;}
#mainbox-sub {width:960px;background:url(../img/header-sub.jpg) no-repeat; min-height:157px;height:auto !important;height:157px; margin:auto;}
#inner-box{position:relative}
#box-1{position:absolute; background:url(../img/resume_writing.jpg); top:0px; left:20px; width:297px; height:206px; z-index:4;}
#box-2{position:absolute; background:url(../img/cover_letters.jpg); top:0px; left:330px; width:297px; height:206px; z-index:5;}
#box-3{position:absolute; background:url(../img/proof_reading.jpg); top:0px; left:650px; width:297px; height:206px; z-index:4;}
#mainnav {width:960px; margin:0 auto 10px; height:20px; text-align:right; font:1.1em Arial, Helvetica, sans-serif;}
#content {width:960px;padding:10px; background-color:#fff; margin:0 auto; min-height:350px; height:auto !important;height:350px;}
#content-left {float:left; width:580px; padding-right:40px;min-height:350px; height:auto !important;height:350px;}
#content-right {float:right; width:300px; padding-left:10px; margin-top:0.8em;}
#content-right-left {float:left; width:140px; padding:10px 5px 10px 0;}
#content-right-right {float:right; width:140px; padding:10px 0 10px 5px;}
.listbox {margin-left:2em; font-size:1em; color:#333; line-height:1.5em;margin-bottom:1.5em;}
#header-home a {position:absolute;top:0;left:30;width:500px;height:100px;}
#header-home  h1#logo-link {display:none;}
#header a {position:absolute;top:0;left:30;width:500px;height:100px;}
#header h1#logo-link {display:none;}

/****** MAIN NAVIGATION *******/
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
a.red{color:#903;text-decoration:underline;}
a.red:hover{text-decoration:underline;}
#mainnav li {display:inline;}
#mainnav li a {margin-left:10px; margin-right:10px; text-decoration:none; color:#666; height:100%;}
#mainnav li a:hover {margin-left:10px; margin-right:10px; text-decoration:none; border-bottom: 2px solid #333; color:#333; height:100%;}
body#home a#homenav, body#services a#servicesnav, body#contact a#contactnav {color:#903; border-bottom:2px solid #903;}

/****** FOOTER NAVIGATION *******/
#footer {clear:both; border-top: 2px solid #ccc;font: 0.8em/1.7em Arial, Helvetica, sans-serif; padding-top:8px;}
#footernav li {display:inline;}
#footernav li a {padding-left:5px; padding-right:5px; text-decoration:none; color:#333;}
#footernav li a:hover {padding-left:5px; padding-right:5px; text-decoration:underline; color:#333;}

/****** FOOTER LAYOUT *******/
#footer-left {float:left; width:450px; padding-right:40px; padding-left:1em;}
#footer-right {float:right; width:450px; text-align:right;}
#footer p {font: .9em Arial, Helvetica, sans-serif;color:#333; line-height:.8em; padding:5px;}
#footer-right p {text-align:right;}
.homepageimg {
	margin: auto;
}

/****** TYPOGRAPHY *******/

h1 {font: 1.4em normal Georgia, "Times New Roman", Times, serif; text-align:left; padding:20px 0; font-style:italic; color:#903; font-weight:bold;}
h2 {font: 1.2em normal Georgia, "Times New Roman", Times, serif; text-align:left; padding:10px 0 10px 0; font-style:italic; color:#903; font-weight:bold;}
h2.prices {font: 1.1em normal Georgia, "Times New Roman", Times, serif; text-align:left; padding:10px 0 10px 0; color:#903; font-weight:bold;}
#tagline h1 {font: 2em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#903; margin-top:-22px;}
#header h1 {font: 2em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#333;}
#header h2 {font: 1.3em Georgia, "Times New Roman", Times, serif; font-style:italic;}
#content-left p {font-size:1em; line-height:1.5em;}
.quotes {font:1em/1.3em Georgia, "Times New Roman", Times, serif; color:#333; margin:10px auto 0; width:500px;}
.quotes-right {font-size: 1em; line-height:1.3em; font-family: Georgia, "Times New Roman", Times, serif; color:#333; margin:10px auto 0; width:280px;}
.credit { font-style:italic; font-size:0.7; color:#333; text-align:right;margin-right:80px;margin-top:10px;}
.credit-left { font-style:italic; color:#333; text-align:left;margin-left:40px;}
.center {text-align: center;}
hr {width:75%; color:#903; background-color:#903; height:2px; margin:auto; border:0;}
.separator {background-color:#bfb3b8; min-height:5px; margin:auto;height:auto !important;height:5px;}
.success {line-height:1.3em;}
.small {font-size: .9em;}
.soon {font: italic  1.2em/1.5em Georgia, "Times New Roman", Times, serif; color:#903}

/****** TABLES ******/
table.pricing {font-size: .9em;}
td.right {text-align: right;}
td.first-col {text-align: right;width: 300px;}
td {padding:5px 0;}

/****** IMAGES ******/
.rightfloat{float:right;margin: 1em 0 2em 2em;} 
.leftfloat{float:left;margin: 1em 2em 2em 0;}
.leftfloat-home{float:left;margin: 2em 2em 0 0;}
.leftfloat-projects {float:left;margin: 1em 2em 2em 0;padding:5px; border:3px solid #ccc;}
.rightfloat-projects{float:right;margin: 1em 0 2em 2em;padding:5px; border:4px solid #ccc;}
.res-smp {border:3px solid #bfb3b8;}
.resume-sample {border: 3px solid #999;margin: 1em auto 1em auto;}

/****** FORMS ******/
form {width:550px;margin:10px auto; float:left; border:0;}
form fieldset {width:550px;display:block;border:1px solid #ccc;padding:5px 5px 5px 10px;margin-bottom:1em;line-height:1.5em;background:#dbd7be;}
form fieldset:hover {border:1px solid #903;}
form legend {font-size:1.1em;font-weight:bold;padding:5px;background:none;color:#903;text-align:left;border:1px solid #ccc;padding:0.5em}
form input {font-size:16px;margin-bottom:1em;width:400px;background:#fff;height:auto;border:1px solid #ccc;padding:0.5em}
form textarea {font-size:18px;width:500px;height:10em;border:1px solid #ccc;padding:0.5em;overflow:auto;background:#fff;}
form  #button {color:#333;padding-right:0.5em;cursor:pointer;width:120px;margin:auto;background:#dbd7be;border:1px solid #903;}
form #button:hover {color:#ccc;background:#903;border:1px solid #000;}
