

/* @override 
	http://electricsnow.co.uk/_css/main.css
*/

/*
CSS by Rob Morgan | electricSnow.co.uk

Please feel free to borrow, steal, abduct, and/or torture the code 
contained in this file. Though you need not give credit to
electricsnow.co.uk, a comment in your source code would help other 
developers.

Stay hungry, Stay foolish. 
*/

/* @group Staple Stuff */

/* Body */

body {
	background: #e2e1d0 url(../_img/layout.body.png) repeat-x 0 -30px;
	text-align: left;
	padding: 0;
	margin: 0;
	font: normal normal .85em/120% Georgia, "Times New Roman", Times, serif;
}

/* Standard stuff */

img {
	border-style: none;
}

p {
	text-align: left;
	outline: 0px;
	color: #4d4d47;
}

a {
	text-decoration: none;
	outline: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	outline: none;
	color: #1e1e1e;
}

a:active {
	text-decoration: none;
	outline: none
}

h1 {
	font-size: 1.5em;
	color: #000;
	margin: 10px 0;
	padding: 0;
	line-height: 1.5em;
}

h2 {
	font-size: 1em;
	color: #000;
	margin: 0;
	padding: 0;
}

h3 {
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: .9em;
}

input, textarea {
	background: #fff url(../_img/layout.input.bg.jpg) repeat-x;
}

/*

 @end */

/* @group Layout */

#container {
	margin: 0 auto;
	width: 850px;
	background: transparent;
}

#header {
	background: transparent;
	width: 850px;
	height: 215px;
	margin-top: 28px;
}

#headerLogo a {
	position: absolute;
	background: transparent url(../_img/layout.header.logo.png) no-repeat 0 0;
	width: 202px;
	height: 125px;
	margin-top: 93px;
}

#headerLogo span {
	display: none;
	color: #e2e1d0;
	font-size: 3em;
	padding: 90px 0 0 0;
}

#headerGlow {
	position: absolute;
	background: transparent url(../_img/layout.header.glow.png) no-repeat center top;
	height: 50px;
	width: 850px;
	margin: 2px auto 0;
}

#headerTitle {
	position: absolute;
	height: 120px;
	width: 620px;
	margin: 33px auto 0 265px;
}

/* @group Header Titles */

.page2 #headerTitle {
	background: transparent url(../_img/layout.header.titles.gif) no-repeat left top;
}

.page1 #headerTitle {
	background: transparent url(../_img/layout.header.titles.gif) no-repeat left -419px;
	height: 70px;
}

.page3 #headerTitle {
	background: transparent url(../_img/layout.header.titles.gif) no-repeat left -100px;
	height: 70px;
}

.page4 #headerTitle {
	background: transparent url(../_img/layout.header.titles.gif) no-repeat left -313px;
	height: 110px;
}

#docs #headerTitle {
	background: transparent url(../_img/layout.header.titles.gif) no-repeat left -225px;
	height: 70px;
}

#error #headerTitle {
	background: transparent url(../_img/layout.header.titles.gif) no-repeat left -519px;
	height: 70px;
}

/* @end */

#content {
	padding-top: 25px;
	padding-bottom: 5px;
	min-height: 300px;
}

#wrapper {
	width: 850px;
	margin: 20px auto 0;
	clear: both;
}

.page2 #wrapper {
	margin: 0 auto;
	width: 650px;
}

#footer {
	border-top: 1px solid #ebebeb;
	line-height: 14px;
	background: #000;
	font-size: .85em;
	text-transform: none;
	padding: 20px 40px 80px;
	margin-top: 50px;
}

#footer p {
	color: #fff;
}

#footer a {
	color: #fff;
	margin-right: 20px;
}

#footer a:hover {
	color: #909085;
}

#footer #right {
	float: right;
	margin-top: -9px;
}

#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer li {
	display: inline;
}

/* @group Sub Nav */

#footer #smallPrint {
	margin: 0 auto;
	font: normal 9px/7px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	width: 800px;
	color: #777;
}

#footer #smallPrint a, #footer #smallPrint p {
	color: #777;
	text-align: right;
	margin-right: 0;
}

#footer #smallPrint #left ul li a {
	margin-right: 10px;
}

#footer #smallPrint a:hover {
	color: #fff;
}

#footer #subNav {
	width: 800px;
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #101010;
	border-bottom: 1px solid #101010;
	margin: 40px auto 0;
	padding-top: 5px;
	padding-bottom: 20px;
}

#footer .column1 {
	float: left;
	width: 230px;
	margin-right: 50px;
}

#footer .column2 {
	float: left;
	width: 240px;
	margin-right: 50px;
}

#footer .column3 {
	float: left;
	width: 220px;
}

#footer ul {
	display: block;
}

#subNav div.column1 ul li a,
#subNav div.column2 ul li a {
	display: block;
	margin-top: 1px;
	background-color: #0c0c0c;
	padding: 5px;
	color: #4f4f4f;
	font-size: .75em;
	text-transform: uppercase;
}

#subNav div.column3 p {
	margin: 0;
	padding: 0;
}

#subNav div.column1 ul li a:hover,
#subNav div.column2 ul li a:hover {
	background-color: #101010;
	color: #fff;
}

#subNav div.column2 ul li a {
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
	opacity: .4;
}

#subNav div.column2 ul li a:hover {
	display: inline;
	background: none;
	opacity: 1;
}

#subNav h3 {
	color: #777;
	font: normal 9px/7px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 15px;
}

#tags {
	margin-top: 30px;
}

#tags li {
	float: left;
	list-style-type: none;
	margin-right: 20px;
}

#tags li a {
	opacity: .5;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#tags li a:hover {
	opacity: 1;
}

/* @end */

/* @end */

/* @group Carousel */

/* @group Quote */

/* @group Switch */

#detailController a.detailShow span {
	visibility: hidden;
}

#detailController a.detailShow {
	background: transparent url(../_img/layout.on_off.gif) no-repeat left -32px;
	color: #000000;
	font-size: .75em;
	text-transform: uppercase;
	line-height: 0;
	padding-top: 8px;
	padding-bottom: 10px;
}

#detailController a.detailShow.switchON {
	background: transparent url(../_img/layout.on_off.gif) no-repeat left top;
	padding-bottom: 10px;
}

#detailController {
	position: absolute;
	width: 22px;
	margin-top: -111px;
	margin-left: 670px;
}

#detailController_note {
	text-transform: uppercase;
	text-align: center;
	margin-top: 1px;
	margin-right: auto;
	width: 70px;
	position: absolute;
	font-size: .65em;
	display: none;
	margin-left: -18.5px;
}

#detailController_note.on {
	display: block;
}

/* @end */

#paperclip {
	position: absolute;
	background-image: url(../_img/preview.layout.clip.png);
	width: 30px;
	height: 110px;
	margin-top: -8px;
	margin-left: 144px;
}

#previewQuote h1 {
	font-size: 12px;
	color: #434343;
}

#previewQuote #close {
	position: absolute;
	font-size: 12px;
	margin-left: 273px;
	z-index: 9999;
}

#previewQuote {
	line-height: 1.3em;
	font-size: 1.3em;
	text-align: left;
	z-index: 9999;
	cursor: move;
}

#previewQuote a {
	color: #616161;
}

#previewQuote a:hover {
	color: #000;
}

#previewQuote h2, #previewQuote h3, #previewQuote h4 {
	margin: 0;
	padding: 0;
}

#previewQuote h3, #previewQuote h4 {
	font-size: .75em;
}

#previewQuote h2 {
	padding-right: 30px;
	text-align: left;
}

#previewQuote h3 {
	padding-top: 15px;
}

#previewQuote h4 {
	margin: -7px 0 0;
	padding: 0;
	font-size: 11px;
}

#loading {
	position: absolute;
	margin-top: 58px;
	z-index: 9999;
	margin-left: 652px;
	display: none;
}

#previewDetail {
	padding: 10px;
}

#previewDetail #left p {
	margin-bottom: 20px;
}

#previewDetail #left {
	float: left;
	width: 400px;
}

#previewDetail #right {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	width: 180px;
	border-left: 1px solid #c5c5b7;
	height: 350px;
}

#previewDetail ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 15px;
}

#previewDetail li {
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#previewDetail h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.7em;
}

div#previewDetail.contentBox {
	padding-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	z-index: 9999;
	background: #d4d2c3;
}

div#previewDetail.contentBox h1 {
	text-align: center;
}

/* @end */

/* @group Default UI */

.jcarousel-container {
	position: relative;
	margin: 0 auto;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-item {
	float: left;
	list-style: none;
	width: 55px;
	height: 55px;
	cursor: pointer;
}

.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

/* @end */

/* @group UI */

.skin-es.jcarousel-container {
	-moz-border-radius: 10px;
}

div#wrap {
	margin-top: -20px;
	background: transparent;
}

.skin-es.jcarousel-container-horizontal {
	width: 250px;
	margin-left: 160px;
	padding: 10px 43px 10px 50px;
	margin-top: 12px;
}

.skin-es .jcarousel-clip-horizontal {
	width: 245px;
	height: 58px;
}

.skin-es .jcarousel-item {
	width: 55px;
	height: 55px;
	background: transparent url(../_img/ajax-loader-thumb.gif) no-repeat center 20px;
}

.skin-es .jcarousel-item:hover {
	border-color: #808080;
	opacity: 1;
}

.skin-es .jcarousel-item-horizontal {
	margin-right: 7px;
}

/* Horizontal Buttons */

.skin-es .jcarousel-next-horizontal {
	position: absolute;
	top: 24px;
	right: -29px;
	width: 70px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../_img/next-horizontal.gif) no-repeat -131px;
}

.skin-es .jcarousel-next-horizontal:hover {
	background-position: -131px 0;
}

.skin-es .jcarousel-next-horizontal:active {
	background-position: -64px 0;
}

.skin-es .jcarousel-next-disabled-horizontal,
.skin-es .jcarousel-next-disabled-horizontal:hover,
.skin-es .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0px 0;
}

.skin-es .jcarousel-prev-horizontal {
	position: absolute;
	top: 24px;
	left: -23px;
	width: 66px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../_img/prev-horizontal.gif) no-repeat -131px;
}

.skin-es .jcarousel-prev-horizontal:hover {
	background-position: -131px 0;
}

.skin-es .jcarousel-prev-horizontal:active {
	background-position: -64px 0;
}

.skin-es .jcarousel-prev-disabled-horizontal,
.skin-es .jcarousel-prev-disabled-horizontal:hover,
.skin-es .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 0;
}

/* @end */

/* @end */

/* @group Nav */

#mainNav {
	position: absolute;
	margin-left: 275px;
	padding: 0;
	border-style: none;
	background: transparent url(../_img/layout.nav.off.png) repeat-x 0 2px;
	margin-top: 180px;
	width: auto;
}

.page1 #nav1 a,
.page2 #nav2 a,
.page3 #nav3 a,
.page4 #nav4 a {
	background: #dfdecc url(../_img/layout.nav.on.png) repeat-x 0 top;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #dfdecc;
	margin-top: 0;
	cursor: default;
	height: 30px;
}

#mainNav #mainNav {
	padding: 0;
	width: auto;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#mainNav li {
	display: inline;
	padding: 0;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-left: 0;
}

#mainNav ul {
	display: inline;
	padding: 0;
	text-transform: uppercase;
	margin: 0;
	margin-left: 40px;
	padding: 0;
	list-style: none;
}

#mainNav a {
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0;
	padding: 10px 15px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: black;
	background: transparent;
}

#mainNav a:hover {
	color: #cbcbcb;
}

.page1 #nav1 a:hover,
.page2 #nav2 a:hover,
.page3 #nav3 a:hover,
.page4 #nav4 a:hover {
	color: #000;
}

/* @end */

/* @group Pages */

/* @group Root */

.codeBase {
	border: 1px solid #c5c5b7;
	background-color: #d4d2c3;
	padding: 8px;
	margin-top: 10px;
	height: 73px;
	text-align: left;
	line-height: 1em;
	font-size: .75em;
	padding: 10px;
	margin: 10px 0 0;
}

.codeBase div {
	float: left;
	margin-right: 10px;
}

.contentBox {
	border: 1px solid #98988c;
	padding: 10px 74px 10px 10px;
	background-color: #d4d2c3;
	margin-top: 34px;
}

.contentBox .img {
	margin-top: 1em;
	background-color: transparent;
	width: 65px;
	height: 75px;
	position: absolute;
	margin-left: 34.4em;
}

.contentBox #hire.img {
	background-image: url(../_img/layout.hire.png);
	margin-top: -2em;
	background-color: transparent;
}

.contentBox #job.img {
	background-image: url(../_img/layout.shirt.png);
	margin-top: -2em;
}

.contentBox #worksheet.img {
	background-image: url(../_img/layout.cone.png);
	margin-top: -.4em;
}

.contentBox #audit.img {
	background-image: url(../_img/layout.audit.png);
	margin-top: 6px;
}

.contentBox #marketing.img {
	background-image: url(../_img/layout.marketing.png);
	margin-top: 1em;
}

.contentBox #workIcon.img {
	background-image: url(../_img/layout.basecamp.png);
	margin-top: 69px;
}

.contentBox h1 {
	color: #5c5d55;
	text-transform: uppercase;
	letter-spacing: 0px;
	background-color: transparent;
	position: absolute;
	margin-top: -24px;
	margin-left: -11px;
	padding: 0;
	font: normal .85em/.85em Verdana, Arial, Helvetica, sans-serif;
}

#col1 {
	float: left;
	text-align: right;
	width: 260px;
	margin-right: 20px;
	padding: 0;
	margin-top: 11px;
}

#col2 {
	float: left;
	width: 550px;
	padding: 0;
	margin: -15px 0 0;
}

.page1 #col1 {
	float: left;
	width: 260px;
	height: 327px;
	text-align: right;
	padding-right: 13px;
	border: none;
}

.page4 #col1 {
	margin-top: -2.5em;
}

.page3 #col2 {
	margin-top: -25px;
}

.flick {
	color: #0050d8;
	text-transform: lowercase;
}

.r {
	color: #ff057f;
}

#flickrTag a {
	position: absolute;
	background: transparent url(../_img/flickr_alpha.png);
	width: 65px;
	height: 65px;
	margin-top: -27px;
	margin-left: -35px;
	padding: 0;
	float: left;
}

#flickr img {
	border: 1px solid #000;
	width: 63px;
	height: 63px;
	padding: 0;
	margin-right: 6px;
	margin-bottom: 3px;
}

input#btnRefresh {
	text-transform: uppercase;
	background-color: #d4d2c3;
	font: small-caps .85em Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
	border: 1px solid #909085;
	width: 10em;
	margin-right: 6px;
}

#flickr ul li {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}

#flickr ul {
	margin: 0px;
	padding: 0px;
}

#hiring {
	position: absolute;
	top: 8px;
	left: 79px;
}

/* @group services form */

form#login {
	width: 16em;
}

form#login label {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	color: #909085;
	font-variant: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
}

form#login input {
	width: 15em;
	border: 1px solid #c5c5b7;
	margin-top: 5px;
	padding: 5px;
	margin-bottom: 5px;
	font: 1em Georgia, "Times New Roman", Times, serif;
}

form#login input.submit-button {
	width: 79px;
	text-transform: uppercase;
	background-color: #d4d2c3;
	font: small-caps .85em Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
	background: #d4d2c3 none;
}

form#login #feedback {
	font-size: .95em;
	text-transform: none;
	font-style: italic;
	text-decoration: none;
	color: #909085;
	text-align: left;
}

form#login #output {
	font-size: .95em;
	text-transform: none;
	font-style: italic;
	text-decoration: none;
	color: #909085;
	text-align: left;
}

form#login input.alert {
	border: 1px solid #62625a;
	background: #fff url(../_img/form.star.png) no-repeat 14em center;
	color: #000;
}

/* @end */

/* @group tabs */

#latest_project .media {
	float: left;
	margin-right: 10px;
	width: 65px;
	height: 80px;
}

#latest_project .media img {
	padding: 3px;
	border: 1px solid #909085;
}

#content #latest_project p {
	font-size: .8em;
	text-align: left;
	width: auto;
}

#latest_project ul {
	text-align: left;
	border: none;
	float: left;
	display: block;
	margin: 15px 0 0;
	padding: 0;
}

#latest_project ul li {
	text-align: left;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
}

.tabbed_box h2 {
	color: #909085;
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: relative;
	top: -20px;
	left: 1px;
	letter-spacing: 0px;
}

.tabbed_box h4 small {
	color: #e3e9ec;
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: relative;
	top: -4px;
	left: 6px;
	letter-spacing: 0px;
}

.tabbed_area {
	border: 1px solid #c5c5b7;
	background-color: #d4d2c3;
	padding: 8px;
	margin-top: -15px;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
}

ul.tabs li {
	list-style: none;
	display: inline;
}

ul.tabs li a {
	background-color: #c5c5b7;
	color: #313131;
	padding: 6px 7px 8px;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	border: 1px solid #909085;
	border-bottom-style: none;
}

ul.tabs li a:hover {
	background-color: #c5c5b7;
	border-color: #e8e8d6;
}

ul.tabs li a.active {
	background-color: #ffffff;
	color: #282e32;
	border: 1px solid #909085;
	border-bottom: 1px solid #ffffff;
}

.content {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #909085;
}

#content_2, #content_3, #content_4 {
	display: none;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 6px;
}

.content ul {
	margin: 0px;
	padding: 0px 10px;
}

.content ul li {
	list-style: none;
	border-bottom: 1px solid #d6dde0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

.page3 .content ul#server li a small {
	display: block;
}

.content ul li a {
	text-decoration: none;
	color: #3e4346;
}

#latest_blog ul li small {
	color: #8b959c;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	left: 4px;
	top: 0px;
}

.content ul li a small {
	color: #8b959c;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	left: 4px;
	top: 0px;
}

.content ul li:last-child {
	border-bottom: none;
}

ul.tabs li a {
	background-repeat: repeat-x;
	background-position: bottom;
}

ul.tabs li a.active {
	background-image: url(../_img/layout.tab_on.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.content {
	background-image: url(../_img/layout.tab_content.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* @end */

/* @end */

/* @group docs */

#docs #col2 ul li {
	margin: 10px 0px;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #4d4d47;
	list-style-type: decimal;
}

#docs #col2 p {
	margin: 10px 0px;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #4d4d47;
	list-style-type: decimal;
}

/* @end */

/* @group Work */

.on {
	display: block;
}

.off {
	display: none;
}

#previewQuote {
	position: absolute;
}

#preview_box {
	background: url(../_img/body.preview.png) no-repeat;
	height: 255px;
	width: 641px;
	padding-top: 35px;
	padding-bottom: 0;
	padding-left: 26px;
	margin: -20px 0 17px;
}

#preview {
	background: transparent url(../_img/ajax-loader.gif) no-repeat center center;
	border: 1px solid #b3b3b3;
	width: 612px;
	height: 224px;
}

#preview img {
	background: transparent;
	width: 612px;
	height: 224px;
}

#previewQuote {
	padding-top: 16px;
	padding-left: 11px;
}

#extraInfo {
	font-size: .7em;
	color: #000;
	padding: 3px;
	display: none;
}

#previewContainer {
	position: absolute;
	background: transparent url(../_img/preview.layout.paper.png) no-repeat;
	height: 205px;
	margin-top: -375px;
	margin-left: 390px;
	width: 319px;
	padding: 11px 14px 10px 29px;
}

#content #quote p span {
	display: block;
	color: #000;
	font-size: .85em;
	font-style: italic;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#content #quote p span a {
	padding: 0px;
	font-size: .75em;
	display: block;
	margin: -12px 0px 0px;
}

#content a.small {
	display: block;
	color: #000;
	font-size: 11px;
}

#mediaBox {
	background: transparent;
	width: 180px;
	height: 180px;
}

/* @end */

/* @group welcome */

#content p {
	line-height: 1.6em;
	font-size: 1.5em;
	margin: 0 0 0px;
}

#content .small {
	font-size: 1.2em;
	line-height: 1.3em;
}

.tagLine {
	padding-bottom: 20px;
}

/* @end */

/* @group hello */

.page4 #loading {
	position: relative;
	margin-top: ;
	z-index: 9999;
	margin-left: 1px;
	display: block;
}

#sendAnother a {
	width: 10em;
	text-align: center;
	float: left;
	text-transform: uppercase;
	background-color: #d4d2c3;
	cursor: pointer;
	background: #d4d2c3 none;
	display: block;
	padding: 7px 0 5px;
	border: 1px solid #c5c5b7;
	margin-bottom: 0px;
	margin-top: 40px;
	margin-right: 0px;
	position: absolute;
	font-size: .85em;
}

#output {
	width: 403px;
	padding: 5px 0px;
	height: 0px;
	margin-top: 1px;
	margin-left: 8px;
}

#output-good p {
	border: 1px solid #00b500;
	text-align: left;
	padding: 2px 10px 2px 30px;
	font-size: .75em;
	color: #fff;
	background: #ace59d url(../_img/form.accept.png) no-repeat 5px center;
	margin: -5px 0 0 -8px;
	line-height: 1em;
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
}

#output-bad p {
	border: 1px solid #ff001a;
	text-align: left;
	padding: 2px 10px 2px 30px;
	font-size: .75em;
	color: #fff;
	background: #eaa59d url(../_img/form.cross.png) no-repeat 5px center;
	margin: -5px 0 0 -8px;
	color: #000;
	font-size: 1.3em;
	line-height: 1.5em;
}

#contact-area input.alert, #contact-area textarea.alert {
	border: 1px solid #62625a;
	background: #fff url(../_img/form.star.png) no-repeat 20em center;
}

form#contact #feedback {
	font-size: .95em;
	text-transform: none;
	font-style: italic;
	text-decoration: none;
	color: #909085;
	position: relative;
	width: 410px;
	height: auto;
	margin-bottom: 10px;
	margin-top: -3px;
}

.page4 #col1 p {
	text-align: left;
	margin: 0;
	font-size: 1.1em;
	color: #000;
}

.page4 #col1 h1 {
	text-align: left;
	margin: 0 0 5px;
	padding: 0;
}

.page4 #col1 h2 {
	text-align: left;
	padding: 0;
	margin: 20px 0 0;
	color: #4d4d47;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
}

#col1 ol {
	margin: -14px 0 0 70px;
	list-style-type: none;
	display: block;
	text-align: left;
	border-left: 1px solid #c5c5b7;
	padding: 2px 0 2px 8px;
	color: #43433e;
}

#col1 ol a {
	color: #43433e;
}

#col1 ol a:hover {
	color: #000;
}

#col1 ol li {
	margin-bottom: 9px;
	margin-right: 0;
	padding-top: 3px;
	width: 230px;
	height: 16px;
}

#col1 ol#address li {
	margin: 0;
}

#contact-msg {
	width: 400px;
}

#contact-msg p {
	font-size: 1em;
}

#contact-msg h1 {
	font-size: 1.2em;
	margin: 0 0 7px;
	padding: 0;
}

/* @group form */

#contact-area {
	margin-left: 0px;
	border-left: 1px solid #c5c5b7;
	padding-left: 40px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #c5c5b7;
	color: #000;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #909085;
}

#contact-area input.submit-button {
	width: 410px;
	float: left;
	text-transform: uppercase;
	background-color: #d4d2c3;
	font: small-caps .85em Georgia, "Times New Roman", Times, serif;
	cursor: pointer;
	background: #d4d2c3 none;
}

#contact-area label {
	float: left;
	text-align: left;
	margin-right: 25px;
	width: 75px;
	padding-top: 5px;
	font-size: 1.1em;
	color: #4d4d47;
}

/* @end */

/* @end */

/* @end */

/* @group Index */

/* @group Nav */

a.ovalbutton {
	background: transparent url('../_img/layout.nav.choice-left.gif') no-repeat top left;
	display: block;
	float: left;
	height: 29px;
	padding-left: 15px;
	text-decoration: none;
	text-transform: lowercase;
	font-style: normal;
	line-height: 16px;
	font-family: Tahoma;
	cursor: pointer;
	overflow: hidden;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
	color: #000;
}

a.ovalbutton span {
	background: transparent url('../_img/layout.nav.choice-right.gif') no-repeat top right;
	display: block;
	padding: 5px 15px 8px 0;
	color: #242420;
	text-shadow: #efefef -1px 1px 1px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-size: 1.4em;
}

a.ovalbutton:hover {
	background-position: bottom left;
}

a.ovalbutton:hover span {
	background-position: bottom right;
}

.buttonwrapper {
	overflow: hidden;
	width: 100%;
}

/* @end */

#indexQuestion {
	width: 330px;
	margin: 200px auto 0;
	text-align: center;
}

body#index {
	background: #000 url(../_img/layout.index.png) no-repeat center 70px;
	text-align: center;
}

body#index #content {
	color: #fff;
	width: auto;
	height: 00px;
	margin: 0;
	padding: 0;
	min-height: 50px;
}

body#index #content ul {
	position: absolute;
	margin: 0;
	padding: 0;
}

body#index #content ul li {
	margin: 0 auto;
	display: inline;
	list-style-type: none;
	color: #fff;
	text-align: center;
}

body#index #content ul li a {
	display: inline;
	list-style-type: none;
}

body#index #content h1 {
	display: none;
}

body#index #footer {
	border: none;
}

body#index #headerLogo a {
	bottom: 0;
	background: transparent url(../_img/layout.header.logo.png) no-repeat 0 5px;
	width: 202px;
	height: 125px;
	padding: 0;
	margin: 0;
}

body#index #headerLogo {
	padding: 0;
	margin: 0 0 0 100px;
	float: left;
}

/* @end */