/* @override http://www.rmcdesignco.com/wp-content/themes/designco/style.css */

/*
Theme Name: designco.
Theme URI: http://rmcdesignco.com
Description: Wordpress theme for exhibition and events firm, RMC designco
Version: 1.0 (WP2.9+)
Author: Barrie Holden
Author URI: http://magicmarkerdesign.com
Tags: RMC designco, clean, simple, portfolio
*/

/* COLOUR REFS 
RED/ORANGE: #FF3300;
*/

@import "style/css/reset.css";

img, div, h1#logo a, a.next, a.previous, p.welcomeText, #content h2, #sad404 img { behavior: url(http://www.rmcdesignco.com/wp-content/themes/designco/style/scripts/iepngfix.htc) }

/* GENERAL STYLES */
body {
	background: #333 url(style/images/backgrounds/rotator.php) repeat-x center 0;
	color: #E6E6E6;
	font-size: 62.5%;
}
* {
	padding: 0;
	margin: 0;
	list-style: none;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#wrap {
	width: 960px;
	min-height: 900px;
	margin: 0 auto;
	position: relative;
}
#contentContainer {
	width: 730px;
	position: relative;
	margin-left: 230px;
	z-index: 1;
}
#content {
	width: 730px;
	position: relative;
	float: left;	
	margin: 32px 0 0 0;
	padding: 0 0 30px 0;
	background: #FFF url(style/images/designco_content_background.jpg) no-repeat 0 0;
}
a {
	text-decoration: none;
}
p {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #333;
	padding: 0 0 10px 0;
	-webkit-text-stroke:1px transparent;
	text-indent: 1.3px;
}
p a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	}
	p a:hover {
		text-decoration: none;
	}
h1 a {
	font-size: 3.4em;
	color: #333333;
}
h2 {
	font-size: 3.6em;
	font-weight: bold;
	color: #333;
	-webkit-text-stroke:1px transparent;
	background: url(style/images/designco_headerarrow.png) no-repeat 44px 18px;
	padding: 0 0 12px 100px;
	margin: 88px 0 0 0;
}
h3 {
	font-size: 2.1em;
	font-weight: bold;
	color: #333;
	-webkit-text-stroke:1px transparent;
}
h3.quickContact {
	font-size: 3.2em;
	font-weight: bold;
	color: #FFF;
	-webkit-text-stroke:1px transparent;
	background: url(style/images/designco_headerarrow_quickcontact.jpg) no-repeat 0 18px;
	padding: 0 0 10px 54px;
}
.terms p {
	width: 700px;
}
#loaderContainer {
	width: 730px;
	position: relative;
	margin-left: 230px;
	height: 460px;
	min-height: 460px;
	background: url(style/images/loader.gif) no-repeat 20px 110px;
}

/* HEADER STYLES */
div#navContainer {
	position: fixed;
	text-align: center;
	margin: 0;
	width: 100%;
	left: 0;
	z-index: 0;
}
h1#logo {
	width:  204px;
	height:  88px;
	margin:  0 auto;
	padding: 70px 746px 0 10px;
	position: relative;
}
h1#logo a {
	width: 204px;
	height:  88px;
	display: block;
	background: url(style/images/designco_logo_header.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
ul#nav {
	width: 230px;
	padding: 56px 730px 0 0;
	margin: 0px auto;
	font-size: 1.6em;
	text-align: right;
	list-style: none;
	position: relative;
}
	ul#nav li {
		padding: 0 0 10px 0;
		width: 100%;
		height: 100%;
		}
		ul#nav li a {
				color: #A3A3A3;
				padding: 0 18px 0 0;
				font-weight: normal;
				-webkit-text-stroke:1px transparent;
			}
			ul#nav li a.current, .active_category {
				color: #FFF;
				display: block;
				border-bottom: 1px solid #FF3300;
			}
			
/* HOMEPAGE STYLES */
p.welcomeText {
	width: 440px;
	color: #333;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3em;
	padding: 65px 0 6px 180px;
	background: url(style/images/designco_intro_arrow.png) no-repeat 90px 52px;
}
/* SERVICES BOXES */
ul#services {
	list-style: none;
	width: 710px;
	float: left;
	padding: 8px 0 20px 0;
}
	ul#services li.serviceContainer {
		width: 335px;
		height: 230px;
		float: left;
		padding: 0 0 0 20px;
		margin: 20px 0 0 0;
		position: relative;
	}
		div.serviceArrowRight, div.serviceArrowDown {
			width: 24px;
			height: 24px;
			display: block;
			position: absolute;
			top: 0px;
			left: 20px;
			background: url(style/images/designco_services_arrow.png) no-repeat;
		}
		div.serviceArrowRight {
			z-index: 2;
		}
		div.serviceArrowDown {
			background-position: 0 -24px;
			z-index: 3;
			
		}
		h3.serviceTitle	 {
			padding: 0 0 6px 28px;
			float: left;
		}
		div.servicesImage {
			width: 275px;
			height: 172px;
			display: block;
			position: absolute;
			top: 31px;
			left: 20px;
			z-index: 4;
		}
		div.servicesDescription	{
			width: 275px;
			height: 182px;
			display: block;
			position: absolute;
			top: 31px;
			left: 20px;
			background: url(style/images/designco_services_description_background.png) no-repeat;
			z-index: 5;
			padding: 20px 30px 0 30px;
		}
		div.servicesDescription ul li	{
			font-size: 1.3em;
			font-weight: bold;
			padding: 0 0 6px 24px;
			background: url(style/images/designco_services_bullet.png) no-repeat 8px 4px;
			-webkit-text-stroke:1px transparent;
		}
		ul.servicesDescriptionText {
			line-height: 1.3em;
			padding: 20px 0 0 0;
		}
			div.servicesDescription	a {
				text-decoration: none;
				font-size: 1.3em;
				font-weight: bold;
				color: #FFF;
				height: 18px;
				display: block;
				padding: 0 0 0 24px;
				line-height: 1.5em;
				background: url(style/images/designco_services_linkarrow.png) no-repeat 0 0;
				-webkit-text-stroke:1px transparent;
			}
				div.servicesDescription	a:hover {
					background-position: 0 -18px;
					color: #CCC;
				}

/* HOMEPAGE SLIDER STYLES */
h3.recentWorkTitle {
	height: 24px;
	float: left;
	margin: 20px 0 0 20px;
	background: url(style/images/designco_services_arrow.jpg) no-repeat 0 -24px;
	padding: 0 0 0 30px;
}
#featured_section {
	width: 730px;
	height: 400px;
	float: left;
	position: relative;
	margin: 5px 0 0 0;
}
.container {
	width:  730px;
	height: 400px;
	overflow: hidden;
	position: absolute;
}
.homepageInfoContainer {
	width: 240px;
	height: 74px;
	position: absolute;
	display: block;
	top:0px;
	left: 460px;
	margin: 0;
	padding: 15px 10px 0 20px;
	background: transparent url(style/images/designco_featuredsection_background.png) no-repeat -0 0;
}
.slides {
	position: absolute;
	top: 0;
	left: 0;
	width:  730px;
}
h4.latestWorkTitle {
	font-size: 1.6em;
	font-weight: bold;
	-webkit-text-stroke:1px transparent;
}
.featured_button   {
	width: 280px;
	height: 24px;
	position: absolute;
	top: 46px;
	left:  480px;
	z-index: 6;
	}
.featured_button a.next, .featured_button a.previous {
	width: 24px;
	height: 24px;
	margin: 0 8px 0 0;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	float: left;
	background: transparent url(style/images/designco_featured_prevnext_sprite.png) no-repeat -24px 0;
	cursor: pointer;
	}
	.featured_button a.next:hover {
		background-position: -24px -24px;
	}
	.featured_button a.previous {
		background-position: 0 0;
	}
	.featured_button a.previous:hover {
		background-position: 0 -24px;
	}
/* SERVICES IMAGE SLIDER */
.loopedSliderServices {
	width: 300px;
	height: 200px;
	position: relative;
	margin: 0;
	padding: 45px 0 0 0;
	float: left;
}
.containerServices {
	width:  300px;
	height: 200px;
	overflow: hidden;
	position: absolute;
}
.slidesServices {
	position: absolute;
	top: 0;
	left: 0;
	width:  300px;
	height: 200px;
}
.loopedSliderServices .servicesImageFeatured_button   {
	width: 100px;
	height: 24px;
	position: absolute;
	top: 10px;
	left:  240px;
}
.servicesImageFeatured_button a.next, .servicesImageFeatured_button a.previous {
	width: 24px;
	height: 24px;
	margin: 0 4px 0 0;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	float: left;
	background: transparent url(style/images/designco_imageslider_buttons.png) no-repeat 0 0;
	cursor: pointer;
	}
	.servicesImageFeatured_button a.next {
		background-position: -24px 0;
	}
	.servicesImageFeatured_button a.next:hover {
		background-position: -24px -24px;
	}
	.servicesImageFeatured_button a.previous {
		background-position: 0 0;
	}
	.servicesImageFeatured_button a.previous:hover {
		background-position: 0 -24px;
	}
	
/* SERVICES PAGE STYLES */
h3.subCatTitle {
	padding: 8px 0 10px 0;
}
p.serviceIntro {
	width: 540px;
	font-size: 1.6em;
	padding: 0 0 20px 100px;
}
ul#serviceCategories {
	width: 710px;
	padding: 0 0 0 20px;
	float: left;
	}
	ul#serviceCategories li {
		width: 690px;
		float: left;
		padding: 20px 0 20px 0;
		border-bottom: 1px solid #CCC;
	}
	ul#serviceCategories li:last-child {
		border-bottom: none;
	}
	.servicesInfo {
		width: 300px;
		padding: 0 0 0 20px;
		float: left;
	}
a.downloadCatalogue {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	padding: 0 0 0 30px;
	line-height: 2.4em;
	height: 25px;
	display: block;
	background: transparent url(style/images/designco_downloadcatalogue_butt.jpg) no-repeat 0 0;
}
p.aboutIntro {
	width: 260px;
	font-size: 1.6em;
	padding: 10px 0 20px 0;
}
div#colLeft {
	width: 265px;
	padding: 0 20px 20px 100px;
	float: left;
}
ul#aboutPics {
	width: 335px;
	padding: 0;
	float: left;
}
ul#aboutPics li {
	padding: 0 0 10px 0;
}
p.contactBold {
	font-size: 1.6em;
	font-weight: bold;
	width: 540px;
	padding: 0 0 0 100px;
}
h4.downloadCatalogueTitle {
	border-bottom: 1px solid #666;
	line-height: 1.5em;
	padding: 40px 18px 0 0;
	font-size: 1.2em;
}
p.downloadCataloguePara {
	color: #FFF;
	font-size: 0.8em;
	padding: 0 18px 0 0;
}
ul#nav li a.downloadCatalogueButt {
	width: 178px;
	height: 25px;
	line-height: 1.7em;
	font-size: 1em;
	font-weight: bold;
	display: block;
	background: transparent url(style/images/designco_pdf_icon.png) no-repeat right 0;
	cursor: pointer;
	padding: 0 34px 0 0;
	margin: 0 34px 0 0;
	color: #FFF;
}

/* QUICK CONTACT PANEL */
#toppanel {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 999;
    margin: 0 auto;
}
div.tab {
	background-color: #131313;
	width: 100%;
	height: 32px;
	display: block;
	float: left;
	clear: left;
	margin: 0 auto;
}
p.quickContact, p.servicesDescriptionText {
	color: #fff;
}
ul.quickContact {
	list-style: none;
	width: 950px;
	height: 27px;
	margin: 0 auto;
	padding: 5px 10px 0 0;
}
	ul.quickContact li {
		float: right;
		font-size: 1.3em;
		font-weight: bold;
		-webkit-text-stroke:1px transparent;
		line-height: 1.55em;
	}
		ul.quickContact li a {
			color: #FFF;
			font-weight: bold;
			line-height: 1.55em;
		}
	ul.quickContact li.topTabSeperator {
		padding: 0 6px 0 6px;
	}
	ul.quickContact li a#open, ul.quickContact li a#close {
		background: url(style/images/designco_toptab_openclose.jpg) no-repeat right 0;
		padding: 0 30px 0 0;
		line-height: 1.55em;
		display: block;
		overflow: hidden;
	}
	ul.quickContact li a#open:hover {
		background-position: right -40px;
	}
	ul.quickContact li a#close {
		background-position: right -20px;
	}
	ul.quickContact li a#close:hover {
		background-position: right -60px;
	}
#panel {
	width: 100%;
	height: 340px;
	color: #FFF;
	background: #1e1e1e;
	overflow: hidden;
	position: relative;
	text-align: left;
	z-index: 8;
	display: none;
}
/* QUICK CONTACT FORM */
#contactForm {
	width: 720px;
	padding: 10px 0 0 240px;
	margin: 0 auto;
}
span.quickContactCol {
	display: block;
	float: left;
	padding: 0 20px 0 0;
}
#contactForm label {
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	color: #FFF;
	clear: both;
	margin: 15px 0 5px 0;
	-webkit-text-stroke:1px transparent;
}
#contactForm .input {
	background-image: url(style/images/designco_contactpanelinput.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 265px;
	background-color: #F6F6F6;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #1e1e1e;
	padding: 5px 0 0 15px;
	margin: 0;
	outline: none;
	text-shadow: none;
}
#contactForm textarea {
	width: 280px;
	height: 80px;
	padding: 6px 10px 5px 5px;	
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #1e1e1e;
}
input.sendcontactbtn {
	background-color: #FFF;
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 0px;
	margin: 10px 0 0 0;
	width: 80px;
	height: 24px;
	display: block;
	padding: 0 0 0 8px;
	background-image: url(style/images/designco_sendcontactbutt_sprite.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}
	.sendcontactbtn:hover {
		background-position: -80px 0;
		cursor: pointer;
		color: #FFF;
	}
#successFailContainer {
	width: 720px;
	margin: 0 auto;
	padding: 10px 0 0 240px;
}
#successContact {
	width: 600px;
	height: 96px;
	display: block;
	padding: 10px 0 0 106px;
	margin: 100px 0 0 0;
	background: url(style/images/designco_successcontact.jpg) no-repeat 0 0;
	color: #FFFFFF;
	font: bold 3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#successMainContact {
	width: 440px;
	height: 96px;
	display: block;
	padding: 0 0 0 106px;
	margin: 20px 0 0 100px;
	background: url(style/images/designco_successmaincontact.jpg) no-repeat 0 0;
	color: #333;
	font: bold 3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#bademailContact, #badserver {
	width: 700px;
	height: 24px;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	background: url(style/images/designco_failcontact.jpg) no-repeat 0 0;
	color: #ff3333;
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.7em;
}
#bademailMainContact, #badserverMainContact {
	width: 600px;
	height: 24px;
	display: block;
	margin: 0 0 10px 100px;
	padding: 0 0 0 30px;
	background: url(style/images/designco_failmaincontact.jpg) no-repeat 0 0;
	color: #ff3333;
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.7em;
}

/* MAIN CONTACT FORM */
#mainContactForm {
	width: 620px;
	padding: 0 0 40px 100px;
	float: left;
	clear: left;
	border-bottom: 1px solid #CCC;
}
span.mainContactCol {
	display: block;
	float: left;
	width: 220px;
	padding: 0 20px 20px 0;
}
#mainContactForm label {
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	color: #666;
	clear: both;
	margin: 15px 0 5px 0;
	padding: 0 0 0 15px;
	-webkit-text-stroke:1px transparent;
}
#mainContactForm .input {
	background-image: url(style/images/designco_maincontactpanelinput.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 205px;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #1e1e1e;
	padding: 5px 0 0 15px;
	margin: 0 0 0px 0;
	outline: none;
	text-shadow: none;
}
#mainContactForm textarea {
	background-image: url(style/images/designco_maincontactpaneltextarea.jpg);
	width: 405px;
	height: 91px;
	border-style: none;
	padding: 20px 40px 10px 15px;	
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #1e1e1e;
}
input.sendmaincontactbtn {
	background-color: #333;
	font: bold 2.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	border: 0px;
	margin: 20px 0 0 0;
	width: 112px;
	height: 43px;
	display: block;
	float: left;
	background-image: url(style/images/designco_sendmaincontactbutt_sprite.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	text-shadow: #000 0 1px 0;
	-webkit-text-stroke:1px transparent;
}
	.sendmaincontactbtn:hover {
		background-position: 0 -43px;
		cursor: pointer;
		text-shadow: #FF0000 0 1px 0;
	}
select.selectContact {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 0 6px;
}
#successFailContainer {
	width: 720px;
	margin: 0 auto;
	padding: 10px 0 0 240px;
}
#badserver {
	width: 700px;
	height: 24px;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	background: url(style/images/designco_failcontact.jpg) no-repeat 0 0;
	color: #ff3333;
	font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.7em;
}
div#contactColLeft {
	width: 220px;
	padding: 40px 0 0 100px;
	float: left;
}
div#contactColRight {
	width: 360px;
	padding: 40px 10px 60px 20px;
	float: left;
}
div#contactColLeft h4, div#contactColRight h4 {
	font-size: 2.1em;
	font-weight: bold;
	color: #333;
	padding: 0 0 10px 0;	
}
ul.contactAddress li {
	color: #333;
	font-size: 1.3em;
	line-height: 1.4em;
}
	ul.contactAddress li a {
		text-decoration: none;
		color: #333;
		font-weight: bold;
	}
div#contactColRight small {
	color: #666;
	font-size: 1.3em;
	float: left;
	padding: 5px 0 0 0;
}
	div#contactColRight small a {
		color: #333;
		text-decoration: none;
		font-weight: bold;
	}

/* FOOTER */
#footer {
	width: 730px;
	display: block;
	padding: 40px 0 20px 0;
	margin: 0 0 90px 230px;
	z-index: 2;
	clear: left;
}
#footer p {
	color: #FFF;
	padding: 0 0 5px 0;
	-webkit-text-stroke:1px transparent;
}
#footerCol1, #footerCol2, #footerCol3 {
	float: left;
	width: 220px;
	padding: 0 0 0 20px;
	font-size: 0.9em;
}
#footer h3 {
	font: bold 2.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	text-shadow: #000000 0 -1px 0;
	height: 54px;
	background: url(style/images/designco_footer_titleseperator.gif) repeat-x 0 34px;
	-webkit-text-stroke:1px transparent;
}
#footer ul li {
	font-size: 1.4em;
	-webkit-text-stroke:1px transparent;
}
#footer ul li a {
	padding: 0 0 4px 0;
	display: block;
	font-weight: bold;	
	-webkit-text-stroke:1px transparent;
	color: #FFF;
}
#copyright {
	width: 700px;
	height: 40px;
	display: block;
	border-top: 1px solid #999;
	float: left;
	clear: left;
	padding: 0 10px 0 20px;
	margin: 20px 0 0 0;
}
#copyright p {
	padding: 4px 0 0 0;
	font-size: 1.1em;
	float: left;
}
#copyright ul#footerLinks {
	padding: 4px 0 0 0;
	font-size: 1.1em;
	float: right;
}
#copyright ul#footerLinks li {
	float: left;
	padding: 0 0 0 10px;
}
#copyright ul#footerLinks li a {
	color: #CCC;
	text-decoration: none;
	}
	#copyright ul#footerLinks li a:hover {
		color: #FFF;
		text-decoration: underline;
	}
#sad404 {
	width: 271px;
	height: 232px;
	padding: 60px 0 0 90px;
}