/* 
URL: www.gravityseo.com 
Description: Main screen style sheet
Author: John Przepadlo, jlanedesign.com 
Date modified: July 28, 2009
*/


/* Set Defaults */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, textarea, label { margin: 0; padding: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
h1, h2 ,h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font: normal normal 1em 'Trebuchet MS', Helvetica, sans-serif; }
ul, ol { list-style: none; font: normal normal 1em 'Trebuchet MS', Helvetica, sans-serif; }
fieldset, img, img a { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* Page Layout */
body            { width:100%; background: url('../img/background_main_repeat.jpg') center top repeat-y; }
div#pagelayout  { width:100%; background: url('../img/background_main_cloud_top.jpg') center top no-repeat; }
div#pagecontent { width:900px; margin: 0 auto; }
div#header 		{ width:100%; margin:0 0 16px 0; }
div#menu        { width:100%; }
div#content     { clear:both; background:#fff url('../img/content_corners_top.gif') top left no-repeat; }
div#efni		{ width:100%; }
div#right       { width:360px; float:right; margin-left:35px; }
div#footer      { width:100%; clear:both; background:#eee;  }


/* Header */
div#logo   { padding:25px 0 0 0; text-align:left; }
div#searchbox { padding:5px 0 0 0; float:right; text-align:right; color:#9fb1bc; }
div#searchbox a { font-size:.9em; text-transform:lowercase; text-decoration:none; color:#fbfbfb; padding-left:10px; letter-spacing:.05em; }
div#searchbox img { display:none; }
div#searchbox form { padding:20px 0 0 0; }
div#searchbox .inputfield { float:left; width:165px; height:20px; padding: 5px; margin-right:5px; text-align:left; background: url('../img/search_box.jpg') no-repeat; }
div#searchbox .inputfield input { width:100%; border:none; background:#fbfbfb; font-size:1em; color:#036; }
div#searchbox .inputfield input:active { border:none; }
div#searchbox .button { float:left; }

div#logo table, div#searchbox table { display:none; }
div#logo p { margin:0; width:50%; display:inline; }

/* Menu */
div#navbar { margin-bottom:8px; float:left; width:100%; background:#cdd6dc url('../img/navbar_corners.gif') top left no-repeat; }
div#navbar ul { float:left; width:100%; background:url('../img/navbar_corners.gif') bottom left no-repeat; padding:1px 10px; }
div#navbar ul li { display:inline; white-space:nowrap; overflow:hidden; }
div#navbar ul li a { display:block; float:left; width:auto; margin:0; padding:0 14px; font-size:.8em; line-height:2.4em; color:#036; text-decoration:none; letter-spacing:.05em; }
div#navbar ul li a:hover { background:#a7b6c1; }
div#navbar ul li a.on    { background:#a7b6c1; }
div#menu p { display:none; }


/* Content */
div#content { padding:20px 20px 40px 20px; color:#333; }
div#content h2 { margin:30px 0 5px; clear:left; }
div#content h4 { font-size:1em; }
div#content p  { margin:16px 0; font-size:.8em; line-height:1.6em; text-align:justify; }
div#content li { font-size:.8em; line-height:1.8em; }
div#content a  { color:#09f; text-decoration:none; }

div#content p.clientlink { margin:5px 0; }
div#content p.clientdesc { margin:5px 0; }

div#content img.inlineright { float:right; margin:0 0 20px 20px; }
div#content img.inlineleft  { float:left;  margin:0 20px 20px 0; }


/* Hero step carousel viewer */
.stepcarousel 		 { position: relative; /*leave this value alone*/ border: 1px solid #ddd; overflow: scroll; /*leave this value alone*/ width: 852px; height: 252px; margin-bottom:40px; }
.stepcarousel .belt  { position: absolute; /*leave this value alone*/ left: 0; top: 0; }
.stepcarousel .panel { float: left; /*leave this value alone*/ overflow: hidden;  margin: 0 10px 0 0; width: 850px; position:relative; }

div#content div.comments   	   { background:#2180C7 none repeat scroll 0 0; height:252px; opacity:0.9; position:absolute; right:30px; top:0; width:200px; }
div#content div.comments p 	   { color:#FFFFFF; font-size:1em; line-height:2em; padding:0 14px; text-align:left; }
div#content div.comments small { color:#FFFFFF; display:block; font-size:0.75em; margin:8px 14px; }

div#hero   { display:none; }


/* Content right */
div#content div#right div#spacerforbanner { display:none; width:160px; height:255px; margin-bottom:40px; border:1px solid #fff; }
div#content div#right h4 { margin:0 0 20px 0; }
div#content div#right ul li { display:inline; }
div#content div#right ul li a { display:block; float:left; width:160px; height: 86px; padding:10px; font-size:1.1em; color:#fff; text-decoration:none; letter-spacing:.1em; }
div#content div#right ul li a.orange { background:url('../img/sidebox_1_orange.jpg') top left no-repeat; }
div#content div#right ul li a.green  { background:url('../img/sidebox_2_green.jpg') top left no-repeat; }
div#content div#right ul li a.blue   { background:url('../img/sidebox_3_blue.jpg') top left no-repeat; }
div#content div#right ul li a.red    { background:url('../img/sidebox_4_red.jpg') top left no-repeat; }


/* Footer */
div#footer { font-size:.8em; letter-spacing:.05em; }
div#footer a { color:#999; text-decoration:none; }
div#bottomnav { padding:20px; height:50px; }
div#bottomnav ul li { display:inline; }
div#bottomnav ul li a { display:block; float:left; width:20%; padding:5px 0; }
div#closing { height:40px; border-top:2px solid white; padding:10px; background:#ddd; }
p#contactinfo { color:#999; float:right; text-align:right; line-height:24px; }
p#copyright   { color:#999; padding:10px; }