/*--------{ 5Q Communications -- homepage tabs CSS }--------*/
/*--------{ created by Heath Gerlock @ 5Q Communications, Inc. 7.2.2007 }-------*/
/*--------{ visit http://www.5Qcommunications.com/ -- five questions that change the web. }--------*/

/* @group Tabs */

#contentTabs {
	position: absolute;
	width: 535px;
	background: #fff;
	z-index: 500 !important;
}

#tabs {
	background: none;
	height: 30px;
}

#tabs span {
	display: block;
	float: left;
	height: 30px;
	overflow: hidden;
}

#blogTab {
	width: 134px;
	cursor: pointer !important;
	background: url(/assets/templates/fiveq/images/tab_blog.gif) no-repeat center top;
}
#endorsementsTab {
	width: 183px;
	cursor: pointer !important;
	background: url(/assets/templates/fiveq/images/tab_endorsements.gif) no-repeat center bottom;
}
#consultationTab {
	width: 218px;
	cursor: pointer !important;
	background: url(/assets/templates/fiveq/images/tab_consultation.gif) no-repeat center bottom;
}

#blog,
#endorsements,
#consultation {
	right: 0;
	padding: 10px;
	width: 515px;
	overflow: auto;
}

#blog {
	display: block;
}

#endorsements {
	display: none;
}

#consultation {
	display: none;
}

#blog h2,
#endorsements h2,
#consultation h2 {
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: bold;
	color: #000;
	margin: 15px 0 0 0;
}

#blog h3,
#endorsements h3,
#consultation h3 {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	color: #000;
	margin: 15px 0 0 0;
}

#consultation form {
	margin: 15px 0 0 0;
}
#consultation input.formField,
#consultation textarea.formField {
	font-size: 1.1em;
	line-height: 1.6em;
	border: 1px solid #ffc16f;
	background-color: #fff5e3;
	padding: 3px 5px;
	margin: 5px 5px 0 0;
}

#consultation input {
	width: 130px;
}
#consultation textarea {
	width: 277px;
}
#consultation input.formCheckBox {
	height: 15px;
	width: 15px;
	margin: 5px 5px 0 0;
}

#blog p,
#endorsements p,
#consultation p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #000;
	margin: 15px 0 0 0;
}

#blog ul,
#endorsements ul,
#consultation ul,
#blog ol,
#endorsements ol,
#consultation ol {
	margin: 15px 0 0 15px;
}

#blog ul li,
#endorsements ul li,
#consultation ul li,
#blog ol li,
#endorsements ol li,
#consultation ol li {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #000;
}

#endorsements p.client {
	text-align: right;
	color: #91a5b3;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ffc16f;
}

a {
	color: #df4f27;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

/* @end */