/* CLOVERLEAF DESIGN */


/* @group Main */

* {
	margin: 0;
	padding: 0;
}

body {background: url(../images/body_bg.png) repeat;text-align: center;}

img {border-style: none;}

em, strong {font-style: normal;font-weight: normal;}

.bold {font-weight: bold;}

acronym {border-bottom:.1em dotted #6D6D6D;cursor:help;line-height:.3em;}

.dropcap {
	color:#4a4a4a;
	float:left;
	font-size: 2.5em;
	line-height:.75em;
	margin-right: 2px;
	padding-top:2px;
}

p.center {text-align:center;}
p.margin {margin: 12px 0;}
p.verdana {font: .8em Verdana, "Lucida Grande", Lucida, sans-serif;}

h3 {font-weight:normal;font-size:1em;}

.clearthedivs {clear:both;}

#bodywrap {background: url(../images/body_head.png) repeat-x;}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

/* @end */



/* @group Header */

#header {
	background-image: url(../images/header_bg_trans.png);
	height: 191px;
	width: 900px;
}

#headerinner {
	height: 100%;
}

#nav {
	float: right;
	height: 100px;
	padding-right: 15px;
	padding-top: 5px;
	text-align: right;
	width: 275px;
}

/* @end */

/* @group NAV */

#vertical_slide {
	border-top: 1px solid #000;
	height: 105px;
}

#v_slidein {margin-right: 30px;}

ul.nav {
	list-style:none;
}

#nav-home, #nav-portfolio, #nav-contact {
	float: right;
}

a.home {
	background-image: url(../images/nav-home-whole.png);
	display: block;
	height: 77px;
	width: 60px;
}

a.home:hover {
	background-position: -60px 0;
	cursor: pointer;
	}

a.portfolio {
	background-image: url(../images/nav-portfolio-whole.png);
	display: block;
	height: 103px;
	width: 60px;
}

a.portfolio:hover {
	background-position: -60px 0;
	cursor: pointer;
	}

a.contact {
	background-image: url(../images/nav-contact-whole.png);
	display: block;
	height: 95px;
	width: 60px;
}

a.contact:hover {
	background-position: -60px 0;
	cursor: pointer;
	}


/* @end */


/* @group Content */

#two_col {
	background: url(../images/content_bg.png) repeat-y;
	padding: 0 20px;
	text-align: left;
}

.intro {
	font-size:1.2em;
	margin-left: auto;
	margin-right: auto;
	width:723px;
}

.head-enter {
	background: url(../images/head-entercloverleaf.png) no-repeat;
	cursor:text;
	height: 25px;
	margin: 60px auto 15px auto;
	width: 410px;
}

.head-whatmakes {
	background: url(../images/head-whatmakes.png) no-repeat;
	cursor:text;
	height: 43px;
	margin-top: 60px;
	width: 376px;
}

.head-whatsthefocus {
	background: url(../images/head-whatsthefocus.png) no-repeat;
	cursor:text;
	height: 45px;
	margin-bottom: 10px;
	margin-top: 70px;
	width: 304px;
}

.hidden {
	display: none;
}

/* @group SEO Divs */

#features-container {
	float:left;
	margin-bottom: 40px;
	margin-top: 15px;
	width:865px;
}

#features-container p {margin-top:7px;}

#accessibility, #seo, #updates, #speed {
	color: #6d6d6d;
	float: left;
	margin-bottom: 10px;
	margin-left: 35px;
	padding-left: 55px;
	width: 300px;
}

#accessibility {background: url(../images/accessibility.png) no-repeat;}
#seo {background: url(../images/seo.png) no-repeat;
	padding-bottom: 130px;
}
#updates {background: url(../images/updates.png) no-repeat;}
#speed {background: url(../images/speed.png) no-repeat;}

.synopsis {
	clear: both;
	color:#4a4a4a;
	font-size:1.2em;
	margin: 0 auto 40px auto;
	text-align: center;
	width: 580px;
}


ul.focus-list {
	display: block;
	font: .8em Verdana, "Lucida Grande", Lucida, sans-serif;
	list-style:none;
	margin-left: 20px;
	padding-left: 1em;
	text-indent: -1em;
	width: 230px;
}

ul.focus-list li.title {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-decoration:underline;
	text-indent: 2px;
}
ul.focus-list li.arrow:before {
	content: "\00BB \0020";
}

#code, #client, #cost {float:left;}


/* @end */



/* @end */


/* @group Footer */

#footer {
	background: url(../images/body_foot.png) repeat-x;
	color: #000;
	font-family: "Courier New", Courier, mono;
	font-size: .8em;
	height: 110px;
	float: left;
	text-align: center;
	width: 100%;
}

#footer_inner {
	background: url(../images/body_foot_inner.png);
	height: 110px;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

#footer_inner p {
	padding-top: 45px;
}

a.footer:link {color: #000;text-decoration:none;}
a.footer:visited {color: #000;text-decoration: none;} 
a.footer:hover {color: #a00023;font-weight: bold;}
a.footer:active {color: #a00023;text-decoration:underline;font-weight: bold;}


a.footer2:link {color: #fff;text-decoration: none;} 
a.footer2:visited {color: #cdc9c9;text-decoration: none;} 
a.footer2:hover {color: #cdc9c9; font-style: italic;} 
a.footer2:active {color:#a00023;font-weight: bold;}

#footer_bottom {
	color: #fff;
	font-size: .4em;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}



/* @end */

/* @group Privacy Policy */

#privacy-content {
	color:#4a4a4a;
	font: .8em Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-left: 7px;
}

#privacy-content h1 {
	margin-bottom: 40px;
	padding-top: 10px;
}

#privacy-content ul {
	list-style-type: square;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left:3em;
}

#privacy-content a:link {color:#4a4a4a;text-decoration:underline;}
#privacy-content a:visited {color:#858585;text-decoration:underline;}
#privacy-content a:hover {color:#a60013;font-weight:bold;}
#privacy-content a:active {color:blue;font-weight:bold;}


/* @end */

/* @group Missing */

#missing-top {
	background: url(../images/privacy-top.png) no-repeat;
	height: 301px;
	width: 900px;
}

#missing-content {
	background: url(../images/privacy-bottom.png) no-repeat;
	color:#4a4a4a;
	font: .8em Verdana, "Lucida Grande", Lucida, sans-serif;
	width: 900px;
}

#missing-content-inner {
	padding-left: 50px;
	padding-right: 100px;
}

#missing-content-inner h2 {
	font-size:3em;
	font-style: italic;
	font-weight:normal;
}

#missing-content-inner p {
	font-size: 1.4em;
}

ul#missinglist {
	font-family: "Courier New", Courier, mono;
	font-size:1.2em;
	list-style-type: decimal;
	list-style-position: inside;
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -2em;
}

ul#missinglist li.solution {
	font-size:.7em;
	padding-left: 20px;
	padding-bottom: 15px;
}

ul#missinglist a:link {color:#4a4a4a;text-decoration:underline;}
ul#missinglist a:visited {color:#858585;text-decoration:underline;}
ul#missinglist a:hover {color:#a60013;font-weight:bold;}
ul#missinglist a:active {color:blue;font-weight:bold;}

/* @end */

/* @group Porfolio */

h1.head-portfolio {
	background: url(../images/head-portfolio.png) no-repeat;
	height: 78px;
	margin-bottom: 30px;
	margin-left: 40px;
	width: 400px;
}

.enlarge {
	color: #4a4a4a;
	font-size:.7em;
	margin-bottom: 30px;
	margin-left: 40px;
}

.address {color: #858585;font-size:.7em;margin-bottom:10px;margin-left: 10px;}
.address a:link {color: #858585;}
.address a:visited {color: #858585;}
.address a:hover {color: #a60013;font-weight: bold;}
.address a:active {color: #a60013;}


.project {margin-bottom: 0px;}

.projectbottom {margin-bottom: 100px;}
.projectend {margin-bottom: 0;padding-bottom: 50px;}

.project h3 {
	font: 1.6em "Courier New", Courier, mono;
	text-decoration: underline;
}

.project ul {
	color: #6d6d6d;
	font-size: .8em;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	list-style-type: none;
	margin-top: 10px;
	width: 750px;
}

.project ul li span.title {
	color: #4a4a4a;
	font-size: 1.1em;
	font-style: italic;
	text-decoration:underline;
	text-indent: 2px;
}

.project ul li {
	margin-bottom: 7px;
	margin-left: 0;
	padding-left: 1em;
}


/* @end */

/* @group Contact */


.head-contact {
	background: url(../images/head-contact.png) no-repeat;
	height: 61px;
	margin-bottom: 30px;
	margin-left: 40px;
	padding-top: 45px;
	width: 261px;
}

div.form-container {
	margin: 0px; 
	float: left;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-size: .9em;
	padding: 5px; 
	width: 530px;
}

p.legend { margin-bottom: 1em; font-style: italic;}
p.legend em { color: #C00; font-style: normal; }


/* @group FORM */

/* @group FORM ADVICE */

#advice-validate-alpha-name {
	display: none;
}

.validation-advice {
	background-color: #fff;
	border: 2px solid red;
	color: red;
	font-size: .8em;
	margin-left: 140px;
	margin-top: 5px;
}
#advice-required-name {
	padding-left: 5px;
	width: 172px;
}
#advice-required-email {
	padding-left: 5px;
	width: 208px;
}
#advice-validate-one-required-byphone {
	margin-left: 140px;
	padding-left: 5px;
	width: 230px;
}
#advice-required-desc {
	padding-left: 5px;
	width: 230px;
}
#advice-required-country {
	padding-left: 5px;
	width: 162px;
}
#advice-validate-selection-type {
	padding-left: 5px;
	width: 168px;
}
#advice-required-projectneeds {
	padding-left: 5px;
	width: 230px;
}

/* @end */



/* To fit double lined text */
.doubleheight {margin: 10px 0;}

#error-name img, #error-email img, #error-state img, #error-country img, #error-phone img, {float:left;}

fieldset {background: #fff url(../images/form-bg.png) repeat;}

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 140px; font-size: .7em; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #6d6d6d 2px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label {
	display: block;
	float: left;
	font-size: .9em;
	margin-right: 10px;
	padding-right: 10px;
	position: relative;
	text-align: right;
	width: 120px;
}
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 1em; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; margin-top: 20px; }

input#submit-button {
	background-image: url(../images/button-submit-whole.png);
	border: none;
	display: block;
	font-size: 0;
	height: 30px;
	overflow: hidden;
	width: 98px;
}

input#submit-button:hover {
	background-position: -98px 0;
	cursor: pointer;
	}

/* @end */

#contact-text {
	color: #6d6d6d;
	float: right;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-right: 10px;
	width: 300px;
}

#contact-text h2 {
	background: url(../images/whatyouget.png) no-repeat;
	height: 17px;
	width: 163px;
}

#contact-text h3 {
	font-style: italic;
	margin-top: 12px;
	text-decoration: underline;
}

#contact-text p {
	font-size: .8em;
}

/* SUCCESS PAGE */

p.success {
	background: url(../images/error-bg.png) repeat;
	clear: none;
	float: right;
	font-family: Courier, Verdana, "Lucida Grande", Lucida, sans-serif;
	font-size: .9em;
	line-height: 2em;
	margin-right: 230px;
	margin-top: 30px;
	padding-left: 7px;
	width: 460px;
}

p.error {
	background: url(../images/error-bg.png) repeat;
	clear: none;
	float: right;
	font-family: Courier, Verdana, "Lucida Grande", Lucida, sans-serif;
	font-size: .9em;
	line-height: 2em;
	margin-right: 230px;
	margin-top: 20px;
	padding-left: 7px;
	width: 460px;
}
p.error a:link {color: black;}
p.error a:hover {color: #a60013;font-weight: bold;}
p.error a:active {color: blue;}

/* @end */