* { margin:0; padding:0; }
body { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 100%; background-color: #e4f2fd; color: black; }
.accessibility { display: none; text-indent: -9999px; }
img { border: 0; }
a { color: #178ebe; }

h1 { width: 330px; height:75px; margin: 0 auto; background: #e4f2fd url(/freelance-graphic-design/faithinme.gif) no-repeat left bottom; text-indent: -9999px; }
h1 a { display: block; width: 330px; height:75px; }

/** HEADER **/

#header { background-color: #e4f2fd; border-bottom: 1px solid #acd0e0; position: relative; }

#nav { list-style-type: none; height: 68px; width: 600px; margin: 0 auto; }
#nav li { float: left; text-indent: -9999px; }
#nav li a { display: block; height: 68px; }

#nav li.plan { width: 199px; background: #e4f2fd url(/freelance-graphic-design/navPlan.gif) no-repeat left bottom; }
#nav li.design { width: 191px; background: #e4f2fd url(/freelance-graphic-design/navDesign.gif) no-repeat left bottom; }
#nav li.promote { width: 210px; background: #e4f2fd url(/freelance-graphic-design/navPromote.gif) no-repeat left bottom; }
#nav li.plan:hover { width: 199px; background: #e4f2fd url(/freelance-graphic-design/navPlanSelected.gif) no-repeat left bottom; }
#nav li.design:hover { width: 191px; background: #e4f2fd url(/freelance-graphic-design/navDesignSelected.gif) no-repeat left bottom; }
#nav li.promote:hover { width: 210px; background: #e4f2fd url(/freelance-graphic-design/navPromoteSelected.gif) no-repeat left bottom; }

.navSEO { display: none; position: absolute; top: 5px; right: 10px; width: 148px; height: 148px; }
.navTel { display: none; position: absolute; top: 10px; right: 25px; width: 201px; height: 33px; }
.navBlog { display: none; position: absolute; top: 0; left: 0; width: 57px; height: 51px; }


/** CONTENT **/

#contentwrap { background-color: #fff; }



#content { width: 990px; margin: 0 auto; }
#content .panel { width: 650px; margin: 0 auto; margin-top: 25px; }
#content .panel img { border: 1px solid black; float: left; }

#content .showcase { width: 400px; font-size: .7em; line-height: 17px; float: left; margin-left: 15px;  position: relative; }
#content .showcase h2 { font-family: Tahoma; font-weight: normal; color: #178ebe; }
#content .showcase ul { background-color: #fffbcc; margin: 5px 0; border-top: 1px dashed #77705e; border-bottom: 1px dashed #77705e; padding: 10px 10px 10px 30px; list-style-image: url(/freelance-graphic-design/showcaseSkillsIcon.gif); }
#content .showcase li { padding: 2px 0; }
#content .showcase img.showcaseSkillsStars { border: 0; position: absolute; top: 65px; right: 0px; width: 128px;  height: 112px;}

#content .showcaseNavigator { width: 920px; margin: 0 auto; margin-bottom: 15px; }
#content .showcaseNavigator span { font-size: .7em; width: 900px; margin: 10px 0; background-color: #fffbcc; padding: 5px; display: block; margin-bottom: 5px; }
#content .showcaseNavigator img { padding: 4px; }
#content .showcaseNavigator h3 { margin-bottom: 20px; font-size: .95em; }

#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #content { height: 1%;}

.web-site-design { float: left; width: 224px; height: 225px; margin-right: 25px; border: 1px solid #e2f1f7; background: #fff url(/freelance-graphic-design/web-site-design-bg.gif) repeat-x left top; }
.web-site-design h3 { color: #178ebe; font-size:.95em; margin: 5px 0 5px 10px; }
.web-site-design.first { margin-left: 6px; }
.web-site-design.last { margin: 0; }
.web-site-design li { list-style-image: url(/freelance-graphic-design/tick.gif); font-size: .75em; padding: 3px 0; padding-left: 3px; margin-left: 25px; }
.web-site-design li.demo { list-style: none; }
.web-site-design li.demo { margin-left: 8px; font-weight: bold; }
.web-site-design li.demo a { font-size: 1em; }

.web-site-design.testimonial { background: none; margin-top: 15px; border: 0; }
.web-site-design.testimonial p { font-size: .8em; margin: 5px 0 5px 10px; line-height: 22px; }
.web-site-design.testimonial span { float: right; }

.thankyou { width: 550px; margin: 0 auto; padding-top: 10px; }
.thankyou h2 { font-size: 1.1em; color: #178ebe; }
.thankyou h3 { font-size: 1em; }
.thankyou strong { color: #178ebe; }

/** FOOTER **/

#footerWrap { clear: both; padding-top: 95px; height: 320px; width: 100%; background-color: #e4f2fd; background: #e4f2fd url(/freelance-graphic-design/footerBg.gif) repeat-x left top; }
#footer { width: 990px; margin: 10px auto 0 auto; }

#footer div { float: left; width: 250px; margin: 0 40px; position: relative; }
#footer h3 { color: #6d6653; font-family: Tahoma; font-weight: normal; text-transform: uppercase; font-size: 1em; border-bottom: 1px dashed #c2deec; padding-bottom: 3px; }
#footer .contact h3 { color: black; }

#footer span { position: absolute; top: 0; right: 0; width: 16px; height: 16px; }
#footer .contact span { width: 130px; font-size: .7em; }

#footer ul { list-style-type: none; }
#footer li { font-size: .8em; padding: 10px; border-bottom: 1px dashed #c2deec; }
#footer li:hover { background-color: #acd0e0; }
#footer em { margin-left: 15px; font-size: .8em; }

#footer .contact label { font-size: .7em; }
#footer .contact fieldset { border: 0; }
#footer .contact legend { text-indent: -9999px; display: none; }
#footer .contact input, #contactform select, #contactform textarea { border : 1px solid #ccc; display: block; margin-bottom: 5px; }

#footer .contactinfo { margin-right: 0; }
#footer .contactinfo ul { margin-bottom: 5px; }
#footer .contactinfo li { font-size: .75em; padding: 3px; border: 0; }
#footer .contactinfo li:hover { background: none; }

#footer .contactinfo a { padding: 0 5px; font-size: .75em; }
#footer .contactinfo li a { font-size: 1em; }

#human {
position: absolute;
top: -99999px;
left: -99999px;
}