@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------

	* Filename:				partnershipstyling.css
	
	* Description:			Styling CSS
	
	* Version:				1.0.0 (07-04-2009)
	
	* Website:				http://www.creativpartnership.co.uk/
	
	* Author:				Gavin Appleby - gavin@creativgroup.com
	
	This file controls the styling elements of the Creativ Partnership website.

------------------------------------------------*/

/* Header */
#headermiddle img {
	float: left;
	margin: 0 0 0 20px;
}




/* Home Page Feature Project */
#homemiddle .feature_arrows {
	margin: 72px 0 0 0;
	padding: 0;
}

.featurewrapper {
	height: 180px;
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.featurewrapper div {
	height: 180px;
	width: 760px;
	margin: auto;
	opacity: 0;
	z-index: 0;
	position:absolute;
	top: 0;
	left: 0;
}

.featurewrapper div h3 {
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	padding: 8px 0 0 0;
}

.featurewrapper div p {
	color: #fff;
	font-size: 11px;
	padding: 8px 0 0 0;
}

.featurewrapper div img {
	float: right;
}

.featurewrapper div img#feature_view {
	float: none;
	padding: 10px 0 0 0;
}




/* Content Styling */
#contentmiddle h2.h2_header {
	color: #366bb3;
	margin: 30px 0 4px 20px;
	font-size: 22px;
	font-weight: bold;
}
#contentmiddle p.p_header {
	font-size: 12px;
	padding: 0 0 0 20px;
}
#contentmiddle p.p_header a {
	color: #366bb3;
	text-decoration: none;
}
#contentmiddle p.p_header a:hover {
	text-decoration: underline;
}
#contentmiddle p.p_knowledgebase {
	font-size: 12px;
	padding: 20px 0 0 20px;
}
#contentmiddle p.p_knowledgebase a {
	color: #366bb3;
	text-decoration: none;
}
#contentmiddle p.p_knowledgebase a:hover {
	text-decoration: underline;
}
#contentmiddle img.knowledge_img {
	border: none;
	margin: 8px 0 8px 20px
}
#contentmiddle img.knowledge_img_lst {
	border: none;
	margin: 8px 0 40px 20px
}





/* Large Three Column */
.three_wrapper {
	width: 600px;
	float: left;
}

.three_wrapper img.folio_large {
	margin: 30px 20px 16px 20px;
}

.three_wrapper img.folio_small_left {
	margin: 0 5px 30px 20px;
}

.three_wrapper img.folio_small_middle {
	margin: 0 5px 30px 0;
}

.three_wrapper img.folio_small_right {
	margin: 0 0 30px 0;
}

.three_wrapper p.p_three_wrapper {
	font-size: 12px;
	margin: 0 20px 20px 20px;
	line-height: 20px;
}

.three_wrapper p.p_three_wrapper a {
	color: #366bb3;
	text-decoration: none;
}

.three_wrapper p.p_three_wrapper a:hover {
	color: #366bb3;
	text-decoration: underline;
}

.three_wrapper h2.h2_three_wrapper {
	color: #366bb3;
	margin: 30px 0 4px 20px;
	font-size: 22px;
	font-weight: bold;
}

.three_wrapper h3.h3_three_wrapper {
	width: 260px;
	background: #fff;
	padding: 0;
	margin: 0 0 8px 0;
	color: #366bb3;
	font-size: 18px;
}

.three_wrapper h3 {
	width: 560px;
	background: url(../assets/core/dotted_line.gif) bottom left repeat-x;
	padding: 0 0 4px 0;
	margin: 30px 0 10px 20px;
	color: #366bb3;
	font-size: 18px;
}

.three_wrapper h3.h3_three_wrapper a {
	color: #366bb3;
	text-decoration: none;
}



/* Three Column Content */
.three_column {
	float: left;
	width: 260px;
	text-align: left;
	padding: 0 20px 0 20px;
	margin: 30px 0 30px 0;
}

.three_column .service_three {
	text-align: center;
}

.three_column img.img_services {
	border: none;
	margin: 0 0 10px 0;
}

.three_column h3 {
	width: 260px;
	background: url(../assets/core/dotted_line.gif) bottom left repeat-x;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	color: #366bb3;
	font-size: 18px;
}

.three_column h2.h2_three_column {
	color: #366bb3;
	margin: 0;
	font-size: 22px;
	font-weight: bold;
}

.three_column h3.h3_services {
	width: 260px;
	background: #fff;
	padding: 0;
	margin: 0 0 8px 0;
	color: #366bb3;
	font-size: 18px;
}

.three_column h3.h3_services a {
	color: #366bb3;
	text-decoration: none;
}

.three_column h3.h3_services a:hover {
	color: #366bb3;
	text-decoration: underline;
}

.three_column p.p_services {
	width: 260px;
	font-size: 12px;
	margin: 0 0 20px 0;
	line-height: normal;
}

.three_column h4 {
	color: #366bb3;
	font-size: 14px;
	margin: 0 0 6px 0; 
}

.three_column h4 a {
	color: #366bb3;
	text-decoration: none;
}

.three_column h4 a:hover {
	text-decoration: underline;
}

.three_column p {
	width: 260px;
	font-size: 12px;
	margin: 0 0 8px 0;
	line-height: 20px;
}

.three_column p a {
	color: #366bb3;
	text-decoration: none;
}

.three_column p a:hover {
	text-decoration: underline;
}

.three_column p.p_portfolio {
	margin: 0 0 28px 0;
}

.three_column p.p_portfolio a {
	color: #366bb3;
	text-decoration: none;
}

.three_column p.p_portfolio a:hover {
	text-decoration: underline;
}

.three_column p.p_services a {
	text-decoration: none;
	color: #366bb3;
}

.three_column p.p_services a:hover {
	text-decoration: underline;
}


.three_column p.more_three {
	background: url(../assets/core/dotted_line.gif) bottom left repeat-x;
	padding: 0 0 10px 0;	
	font-weight: bold;
}

.three_column p.more_three a {
	text-decoration: none;
	color: #366bb3;
}

.three_column p.more_three a:hover {
	text-decoration: underline;
}

.three_column img.home_feature {
	margin: 0 0 10px 0;
}




/* Service Features UL */
#service_features ul {
	list-style: none;
	width: 260px;
	font-size: 14px;
	color: #666;
}

#service_features ul li {
	background: url(../assets/core/list_arrow.gif) left center no-repeat;
	padding: 3px 0 3px 20px;
	margin: 0;
}




/* Knowledge Base UL */
#knowledge_list ul {
	list-style: none;
	font-size: 12px;
	color: #000;
	margin: 10px 0 0 20px;
}

#knowledge_list ul li {
	background: url(../assets/core/list_arrow.gif) left center no-repeat;
	padding: 3px 0 3px 20px;
	margin: 0;
}




/* Related Services  UL */
#related_services ul {
	list-style: none;
	width: 260px;
	font-size: 14px;
	color: #366bb3;
}

#related_services ul li {
	background: url(../assets/core/list_arrow.gif) left center no-repeat;
	padding: 3px 0 3px 20px;
	margin: 0;
}

#related_services ul li a {
	color: #366bb3;
	text-decoration: none;
}

#related_services ul li a:hover {
	color: #366bb3;
	text-decoration: underline;
}




/* Footer */
#sitemap {
	float: left;
	text-align: left;
	padding: 0 0 0 20px; 
}

#sitemap h2 {
	color: #fff;
	font-size: 18px;
	margin: 20px 0 10px 0;
}

.five_column {
	float: left;
	width: 145px;
	text-align: left;
}

.five_column h3 {
	font-size: 14px;
	color: #fff;
	border-bottom: 1px dotted;
	width: 130px;
	margin: 0 0 4px 0;
}




/* Quick Connect Styling */
#quickconnect {
	width: 260px;
	height: 200px;
	float: left;
	padding: 0 20px;
	text-align: left;
}

#quickconnect h3 {
	color: #fff;
	font-size: 18px;
	margin: 20px 0 10px 0;
}

#quickconnect p {
	color: #fff;
	font-size: 12px;
	width: 150px;
	line-height: 14px;
}




/* Quick Connect Form */
#quickconnect form {
	font-family: "Trebuchet MS";
	margin: 0;
	padding: 0;
	border: none;
}

input, textarea {
	font-family: "Trebuchet MS";
	font-size: 14px;
	border: none;
	padding: 4px;
	margin: 6px 0;
	color: #999999;
}

#message {
	width: 260px;
}

#qmessage {
	width: 260px;
}

#qname, #qphone, #qemail {
	width: 260px;
}

#name, #phone, #email {
	width: 260px;
}

#qtname, #qtphone, #qtemail, #qttype, #qtbudget, #qtmessage {
	width: 260px;
}

#submiting {
	font-size: 14px;
	font-weight: bold;
	background: #172e4d;
	color: #fff;
	height: 25px;
	border: 1px #fff solid;
	padding: 2px;
	margin: 2px 0 0 0;
}

#sendmessage {
	font-size: 14px;
	font-weight: bold;
	background: #3a92cf;
	color: #fff;
	border: 1px #fff solid;
	padding: 0;
	margin: 4px 0 0 0;
}




/* Three Wrapper Form */
#contact_form form {
	font-family: "Trebuchet MS";
	margin: 20px 0 0 20px;
	padding: 0;
	border: none;
	width: 200px;
}

#contact_form input, textarea {
	font-family: "Trebuchet MS";
	font-size: 14px;
	border: 1px solid;
	padding: 4px;
	margin: 6px 0;
	color: #999999;
}

#cname, #cphone, #cemail, #cmessage {
	width: 300px;
}

#contact_form #csendmessage {
	font-size: 14px;
	font-weight: bold;
	background: #3a92cf;
	color: #fff;
	border: none;
	padding: 4px;
	margin: 4px 0 0 0;
}





/* Sliding Contact Area */
#sliderContent {
	margin: 0 auto;
	text-align:center;
	background-color:#333;
	color:#fff;
	font-weight:bold;
	height: 239px;
	width: 100%;
}

#openCloseWrap {
	margin: 4px 0 0 562px;
	font-size:14px;
	font-weight:bold;
}

#openCloseWrap a {
	color: #fff;
	text-decoration: none;
}
#openCloseWrap a:hover {
	color: #fff;
	text-decoration: underline;
}

#contactcontent {
	width: 900px;
	height: 224px;
	margin: 0 auto;
}

.three_sliding {
	float: left;
	width: 260px;
	text-align: left;
	padding: 10px 20px 0 20px;
	margin: 0;
	height: 184px;
}

.three_sliding p {
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 20px 0 20px;
}

.three_sliding h3 {
	font-weight: normal;
	font-size: 24px;
	margin: 0 20px 10px 20px;
}

.three_sliding h4 {
	font-weight: normal;
	margin: 4px 0;
}

.three_sliding a {
	color: #fff;
	text-decoration: none;
}
.three_sliding a:hover {
	color: #CCC;
	text-decoration: underline;
}




/* Google Map */
.three_wrapper iframe {
	margin: 30px 20px 30px 20px;
}