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

Xcite Digital Screen Stylesheet

version:   4.0
date:      19/12/09
author:    Xcite Digital
email:     hello@xcitedigital.com
website:   http://www.xcitedigital.com

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

/* Clear Browser Defaults
-----------------------------------------------------------------------------*/

html { overflow-x: auto; }

a img,:link img,:visited img { border: none; }

img, a {outline-style: none;}

ul {-moz-padding-start: 0;}

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

/* Default Styles
-----------------------------------------------------------------------------*/

body{
	border-top: solid 3px #ff6600;
	margin: 0px;
	padding: 0px;
	font: 12px arial;
	color: #e4e4e4;
	background: black;
}

button { cursor: pointer; }

h1{	font: bold 28px arial; color: white; padding: 0px; margin: 0px; }

h2{	font: bold 21px arial; color: #cccccc; padding: 0px; margin: 3px 0px 0px 0px; font-weight: normal;}

h3{	font: bold 19px arial; color: #ff6600; margin: 11px 0 15px 0; }

h4{	font: bold 27px arial; color: white; }

h5{	font: bold 21px arial; color: #ff6600; line-height: 24px;}

h6{	font: bold 12px arial; color: white; }

.clear{	clear: both; }

.left{ float: left; }

.right{ float: right; }

.red{ color: red; }

img{ border: none; }

form, fieldset, legend{ margin: 0; padding: 0; }

fieldset{ border: none; }

legend{ display: none; }

.nobg{ border: none; background: none; }

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

a:focus{outline:0;}

a:hover{ text-decoration: underline; }

p {
	line-height: 24px;
}

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

/* Template
-----------------------------------------------------------------------------*/

input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }

input, textarea{
	background: white;
	border: solid 1px #797979;	
	overflow-y: auto;
}

input.submit{
	width: 100px;
	background: white;
	height: 24px;
}

.xcite{
	color: #ff6600;
	font-size: 11px;
}

#box{
	width: 918px;
	margin: 0 auto 10px auto;

}

#header{
	clear: both;
}

#headerTopBar{
	height: 33px;
	text-align: right;
	font-size: 13px;
}

#headerTopBarLeft{
	float: right;
	width: 400px;
	margin: 5px 7px 0 0;
}

#headerTopBarLeft span {
	font-weight: bold;
}

#headerTopBarRight{
	float: right;
	width: 105px;
}

#headerTopBar a.inactive{
	color: black;	
}

#headerTopBar a.active{
	color: white;	
}

#headerTopBar a#getaquote{
	background: #ff6600;
	padding: 3px 16px 8px 16px;
	cursor: pointer;
	color: black;
	font-weight: bold;
	vertical-align: middle;
	display: block;
}

#headerTopBar a#getaquote .active{
	color: white;
}

#headerTopBar a#getaquote:hover{
	color: white;
	text-decoration: none;
}

#headerMiddleBar{
	clear: both;
}

a#logo{
	float: left;
	background: url(/images/logo-xcite-digital.png) no-repeat;
	width: 189px;
	height: 39px;
	text-indent: -9999px;
}

#navigation{
	float: right;
	margin-top: 5px;
}

#navigation ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
}

#navigation li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navigation a{
	color: white;
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding-top: 3px;
	margin: 5px 0px 10px 20px;
}

#navigation a:hover{
	color: #ff6600;
	text-decoration: none;
}

#headerBottom{
	clear: both;
	height: 95px;
}

#headerBottomLeft{
	float: left;
	width: 699px;
	padding-top: 15px;
}

#headerBottomRight{
	float: right;
	width: 219px;
	margin-top: 55px;
}

#headerBottomRight form{ 
	display: block; 
	overflow: hidden; 
	list-style: none;
}

#headerBottomRight form input{ 
	float: left;
	background: #fff url(/images/searchFieldBg.gif) repeat-x; 
	height: 15px;  
	width: 146px; 
	font-size: 12px;
	padding: 2px 2px 3px 2px;
}

button { 
	padding: 0 4px;
	height: 21px; 
	background-color: #FF6600; 
	overflow: hidden; 
	border: none;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}

#headerBottomRight form button { 
	float: right;
	width: 60px;
}

button:hover {
	color: white;	
}

#banner{
	overflow: hidden;
}

#bannerLeft{
	float: left;
	width: 699px;
}

#bannerLeftTop{
	height: 260px;
	position: relative;
}

#bannerLeftTop img, #bannerLeftTop a {
	display: none;
}

#bannerName {
	height: 75px;
	background-color: #FF6600;
	position: absolute;
	bottom: 19px;
	display: block;
	text-align: right;
	color: black;
	font-size: 47px;
	left: 0;
	font-weight: bold;
	padding: 0 15px 0 45px;
}

#bannerName span {
	text-align: right;
	color: white;
	margin: -3px -8px 0 0;
	display: block;
	font-size: 15px;
}

#bannerLeftBottom{
	padding-top: 10px;
}

#bannerLeftBottom ul, #bannerLeftBottom li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#bannerLeftBottom li{
	float: left;
	padding: 0 5px;
	margin: 0px 5px 0px 0px;
	border: solid 1px #797979;
}

#bannerLeftBottom a{
	color: white;
	text-decoration: none;
}

#bannerLeftBottom li:hover, #bannerLeftBottom .selected{
	background: #ff6600;
	padding: 1px 6px;
	cursor: pointer;
	border: none;
}

#bannerLeftBottom .selected a, #bannerLeftBottom li:hover a {
	color: black;
}

/* OLD ACTIVE STATE
#navigation a.bannerOn{
	background: #ff6600;
	color: black;
	border: none;
	padding: 3px 6px 3px 6px;
}
*/

/* NEW ACTIVE STATE */
#navigation a.bannerOn{
	color: #ff6600;
}

#bannerRight{
	float: right;
	width: 219px;
}

#bannerRight h4{ 
	margin: 0px;
}

#bannerRight h5{
	margin: 15px 0px 15px 0px;
	font-weight: normal;
}

#callsToAction{
	clear: both;	
	margin-top: 10px;
	font-size: 12px;
	overflow: hidden;
	margin-bottom: 20px;
}

.homeCalls {
	float: left;
}

a.bullet{
	color: white;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	background: url(/images/bullet-Excite-Digital.gif) 0px 3px no-repeat;
}

#callsToAction li{
	margin: 0 0 5px 0;
	list-style: square;
}

#ctaLeft{
	float: left;
	width: 233px;
}

#ctaRight{
	float: left;
}

#ctaRightLeft{
	float: left;
	width: 233px;
}

#ctaRightRight{
	float: left;
	width: 215px;
}

#callsToAction ul {
	margin: 0 0 15px 14px;
	display: block;
	margin: 0;
}

.homeCalls ul {
	padding: 0 0 0 13px;
}

#callsToAction img {
	margin: 0 0 15px 0;
}

#servicesWrapper #callsToAction ul {
	padding: 0;
}

#latestNews{
	float: right;
	width: 219px;
}

.latestNewsElement{
	clear: both;
	margin-top: 23px;
	color: white;
	font-size: 15px;
	padding-bottom: 17px;
	border-bottom: solid 1px #242323;
}

.latestNewsElement br {
	line-height: 9px;
}

#newsFinal {
	border: none;
	padding-bottom: 0;
}

.latestNewsElement a{ color: white; }

.latestNewsElement img{
	float: left;
	padding: 0px 10px 15px 0px;
}

.latestNewsElement p#date{
	color: #ff6600;
	font-size: 11px;
	margin-top: -10px;
}

#footer{
	margin-top: 24px;
	color: #989898;
	overflow: hidden;
}

#footerLeft{
	float: left;
	width: 630px;
}

#footerLeftLeft{
	float: left;
	width: 233px;
}

#footerLeftLeft ul, #footerLeftLeft li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footerLeftLeft li{
	float: left;
	padding-right: 50px;
	width: 35px;
	height: 18px;
}

#footerLeftLeft li a{ font-weight: bold; color: #959595; }

#footerLeftRight{
	float: right;
	width: 397px;
	text-align: center;
}

#footerLeftRight a {
	margin: 0 5px;
}

#footerLeftRight a:hover {
	text-decoration: none;
	cursor: pointer;
}

#footerLeftRight a.small {
	font-size: small;
	color: #3c3c3c;
}

#footerLeftRight a.medium {
	font-size: medium;
	color: #505050;
}

#footerLeftRight a.large {
	font-size: large;
	color: #636363;
}

#footerLeftRight a.xlarge {
	font-size: x-large;
	color: #737373;
}

#footerLeftRight a:hover {
	color: #FF6600;
}

#footerRight{
	float: right;
	width: 280px;
}

#footerRightLeft{
	float: left;
	width: 141px;
	text-align: right;
}

#footerRightRight{
	float: right;
	width: 114px;
	margin-left: 25px;
}

#footerRightRight ul, #footerRightRight li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footerRightRight li {
	height: 35px;
}

#footerRightRight li a{
	text-decoration: none;
}

#footerRightRight li img{
	vertical-align: middle;
	margin-right: 4px;
}

#xciteLink {
	color: white;
	font-weight: bold;
	display: block;
	margin: 25px 0 3px 0;
	width: 65px;
}

#xciteLink:hover {
	text-decoration: none;
}

#xciteLink span {
	color: #FF6600;
}

#workMainWrapper {
	overflow: hidden;
	padding: 15px 0 0;
}

.workWrapper {
	float: left;
	margin: 10px 0 13px 0;
}

.workWrapper br {
	line-height: 8px;	
}

.workWrapper img {
	border: 7px solid #686868;
	display: block;
}

.workCenter {
	margin-left: 21px;
	margin-right: 21px;
}

.workWrapper a{
	color: white;
}

.workWrapper:hover img, .workWrapper:hover a {
	border-color: #FF6600;
	color: #FF6600;
	text-decoration: none;
}

.workWrapper:hover {
	cursor: pointer;
}

.workLink {
	padding-left: 10px;
	background: url(/images/bullet-Excite-Digital.gif) no-repeat 0 4px;
	display: block;
}

.workWrapper:hover .workLink {
	background: url(/images/bulletO-Excite-Digital.gif) no-repeat 0 4px;
}

#workMain {
	border: 8px solid #ff6600;
	float: left;
}

#workSelect, #workDescription, #workTestimonial {
	width: 239px;
	float: right;
}

#workSelect {
	font-weight: bold;
	padding: 0 20px 10px 20px;
	width: 199px;
}

#workDescription {
	color: #969696;
	padding: 22px;
	background-color: #232323;
}

#workTestimonial {
	color: #969696;
	font-style: italic;
	font-size: 17px;
	padding: 22px 22px 12px 22px;
	font-family: "Times New Roman";
}

#workTestimonial, #workDescription {
	width: 195px;
}

#workWrapper h1 {
	color: white;
	font-size: 16px;
	font-weight: normal;
	line-height: 12px;
}

#workWrapper h2 {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	line-height: 17px;
}

#workWrapper p {
	color: #949494;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 17px;
}

#workWrapper li {
	list-style-image: none;
	font-size: 12px;
	color: #949494;
	margin-bottom: 4px;
	font-weight: bold;
	list-style-position: outside;
	list-style-type: square;
}

#workWrapper ul {
	margin: 0 0 0 15px;
	display: block;
	list-style-type:square;
}

#prevLink {
	float: left;
}

#workSelect a {
	color: white;
	text-decoration: none;	
}

#nextLink {
	float: right;
}

#workWrapper {
	padding: 20px 0 10px 0;
	overflow: hidden;
}

#servicesWrapper {
	padding: 20px 0 0 0;
}

#clientsWrapper {
	padding: 20px 0 20px 0;
}

#aboutWrapper {
	padding: 20px 0 0 0;
}

#aboutRight {
	float: right;
	width: 414px;
	overflow: hidden;
}

#aboutLeft {
	float: left;
	width: 460px;
}

#clientsWrapper img {
	margin: 13px 0 0 0;
}

#clientsWrapper .clientCenter {
	margin: 0 13px;
}

.subpage {
	border-bottom: 1px solid white;
}

.watermark {
	font-style: italic;
	color: #949494;
}

#servicesHeader {
	float: right;
	margin: 0 0 10px 15px;
}

#servicesWrapper h1 {
	font-size: 57px;
	line-height: 55px;
	letter-spacing: -2px;
}

#servicesWrapper p {
	margin: 20px 0 25px 0;
}

#servicesWrapper h1 span {
	color: #ff6600;
}

.aboutSection {
	float: left;
}

.middleLine {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#aboutWrapper h2 {
	color: #ff6600;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

#aboutWrapper h1, #clientsWrapper h1 {
	font-size: 57px;
	line-height: 55px;
	letter-spacing: -2px;
}

#aboutWrapper h1 {
	margin-bottom: 20px;
}

#clientsWrapper h1 {
	margin-bottom: 15px;
}

#aboutWrapper p {
	margin: 5px 0 25px 0;
}

.sectionTwo {
	margin: 0 0 0 58px;
}

#aboutWrapper h1 span, #clientsWrapper h1 span, #contactWrapper h1 span {
	color: #ff6600;
}

#brochureLink {
	text-transform: uppercase;
	text-decoration: underline;
	color: #ff6600;
}

#servicesWrapper #ctaLeft, #servicesWrapper #ctaCenter, #servicesWrapper #ctaRight {
	width: 285px;
}

#servicesWrapper #ctaCenter {
	margin: 0 31px;
	float: left;
}

#servicesWrapper #ctaRight {
	float: right;
}

#servicesWrapper #callsToAction {
	margin: 15px 0 10px 0;
}

#servicesWrapper #callsToAction ul {
	float: left;
	margin: 0;
}

#servicesWrapper #callsToAction li {
	list-style-type: none;
	background: url(/images/bullet-Excite-Digital.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
	line-height: 17px;
}

#servicesWrapper #callsToAction .secondList {
	margin-left: 45px;
}

#quote li {
	list-style-type: none;
	margin: 0 0 10px 0;
}

#enquiryWrapper {
	padding: 8px 10px 10px 10px;
}

#enquiryWrapper li {
	float: left;
}

#enquiryWrapper form {
	overflow: hidden;
	padding: 10px 0;
}

#enquiryWrapper input[type="text"], #enquiryWrapper select {
	background: url(/images/quote-input.png) no-repeat;
	border: none;
	padding: 8px 10px 6px 6px;
}

#enquiryWrapper input[type="text"] {
	height: 21px;
	width: 187px;
}

#enquiryWrapper select {
	height: 35px;
	width: 203px;
}

#enquiryWrapper input[type="text"]:hover, #enquiryWrapper select:hover {
	background: url(/images/quote-input-hover.png) no-repeat;
}

#enquiryWrapper textarea {
	background: url(/images/quote-textarea.png) no-repeat;
	border: none;
	height: 108px;
}

#enquiryWrapper input[type="text"], #enquiryWrapper select, #enquiryWrapper textarea {
	font: normal 14px Arial;
	color: #7c7c7c;
}

#enquiryWrapper textarea:hover {
	background: url(/images/quote-textarea-hover.png) no-repeat;
}

#enquiryWrapper h1 {
	color: white;
	font: bold 25px Arial;
}

#enquiryWrapper label {
	width: 100px;
	display: block;
	float: left;
	font: normal 14px Arial;
}

#enquiryWrapper ul {
	list-style-type: none;
}

#bottomDivide {
	margin: 10px 0 0 0;
}

#contactWrapper h1 {
	font-size: 56px;
	line-height: 56px;
	letter-spacing: -2px;
	margin: 0 0 20px 0;
}

#contactWrapper {
	padding: 20px 0 170px 0;
	overflow: hidden;
	background: url(/images/contact-bg.gif) bottom no-repeat;
}

#contactWrapper h2 {
	color: #ff6600;
	font-size: 18px;
	font-weight: bold;
}

#contactWrapper li {
	list-style-type: none;
}

#contactLeft, #contactMid {
	float: left;
}

#contactLeft {
	width: 200px;
}

#contactMid {
	width: 280px;
}

#contactRight {
	width: 414px;
	float: right;
}

#contactLeft li {
	margin: 0 0 5px 0;
	padding: 0;
}

#contactLeft ul {
	margin-bottom: 25px;
	margin-left: 0;
	padding: 0;
}

#contactMid h2 {
	margin: 0 0 15px 0;
}

#contactForm input[type="text"], #contactForm textarea, #contactForm select {
	border: 1px solid #4a4a4a;
	background-color: white;
	width: 260px;
	padding: 6px;
	float: left;
	font-family: arial;
	font-size: 12px;
}

#contactForm select {
	width: 274px;
}

#contactForm input[type="text"]{
	height: 16px;
}

#contactForm textarea {
	height: 63px;	
}

#contactForm label {
	width: 140px;
	float: left;
	padding: 8px 0;
	display: block;
}

#contactForm ul {
	margin-left: 0;
	padding: 0;
}

#contactForm li {
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0;
}

#contactForm button {
	float: right;
}

#newsWrapper {
	padding: 0 0 10px 0;
	overflow: hidden;
}

#subMenu {
	background-color: #242424;
	width: 190px;
	float: left;
	margin: 20px 30px 0 0;
	padding: 13px 15px 0 15px;
}

#subMenu a {
	color: #E4E4E4;
}

#subMenu h1 {
	color: white;
	float: left;
	font: bold 15px Arial;
}

#servicesSubWrapper h4 {
	color: white;
	font: bold 15px Arial;
	margin: 10px 0;
}

#servicesSubWrapper h4 {
	color: white;
	font: bold 15px Arial;
	margin: 10px 0;
}

.homeCalls .bullet {
	margin: 10px 0 0 0;
	clear: both;
	display: block;
}

#servicesSubWrapper li {
	margin: 10px 0;
}

#subMenu ul {
	list-style-type: none;
	margin: 15px 0 10px 0;
	padding: 0;
	display: block;
	clear: both;
}

#subMenu li {
	font: normal 11px Verdana;
	padding: 7px 0;
	margin: 3px 0;
}

#rightContent {
	float: right;
	width: 665px;
	overflow: hidden;
}

.newsArticle {
	width: 320px;
	float: left;
	overflow: hidden;
	margin-top: 20px;
}

#newsWrapper .left {
	margin-right: 12px;
}

#newsWrapper .right {
	margin-left: 13px;
}

.newsArticle h1 a {
	font: bold 15px Arial;
	color: #ff6600;
	line-height: 12px;
	text-decoration: none;
}

.newsArticle p {
	margin: 8px 0 0 0;
	line-height: 20px;
}

.calDate {
	background-color: white;
	width: 54px;
	height: 55px;
	color: #ff6600;
	float: left;
	padding-top: 5px;
	text-align: center;
	font-size: 27px;
	margin: 0 10px 0 0;
}

.calDate span {
	text-transform: uppercase;
	color: black;
	display: block;
	font-weight: bold;
	font-size: 15px;
	clear: both;
}

.newsArticle img {
	margin: 0 0 20px 0;
}

.newsSeperator {
	border-top: 1px solid #333333;
	float: left;
	height: 1px;
	margin-top: 20px;
	width: 100%;
	clear: both;
}

.aboutLine {
	overflow: hidden;
}

#newsArticleContainer {
	margin: 20px 0 0 0;
}

#newsArticleContainer p {
	margin-bottom: 0;
}

#newsArticleContainer img {
	margin: 0 0 20px 0;
}

#newsArticleContainer h1 {
	color: #ff6600;
	margin: 13px 0 0 0;
}

#newsArticleContainer .newsSeperator {
	margin: 15px 0 6px 0;
	clear: both;
}

#servicesSubWrapper h3 {
	margin: 17px 0 0 0;
}

#servicesSubWrapper {
	overflow: hidden;
	padding-bottom: 10px;
}

#callsToAction a {
	color: #E4E4E4;
}

#subMenu .selected {
	background-color: #4d4d4d;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
}

.imagUpload {
	margin: 0 0 10px 0;
}

.error_list {
	color: #FF6600;
}

#rssIcon {
	float: right;
	margin: 3px 0 0 0;
}

#sitemapContainer {
	padding: 5px 0 0 0;
}

#sitemapContainer ul, #errorWrapper ul {
	list-style-type: none;
}

#sitemapContainer ul ul {
	padding: 0 0 0 20px;
}

#sitemapContainer li {
	margin: 5px 0;
}

.homeCalls h3 {
	margin: 10px 0 5px 0;
}

#resultsLink, #constructionLink {
	display: block;
	float: left;
}

#resultsLink {
	margin: 0 27px;
	color: #FF6600;
}

#constructionLink {
	margin: 0 10px;
	color: red;
}

#workSelect #resultsLink a {
	color: #FF6600;
}

#searchWrapper h1 {
	font-size: 18px;
	margin: 0 0 10px 0;
}

#searchWrapper {
	padding: 17px 0 200px;
}

#searchWrapper a {
	color: #959595;
}

#newsArticleContainer ul {
	list-style-type: square;
	list-style: inside;
	margin: 0;
	padding-left: 20px;
}

#newsArticleContainer li {
	margin: 10px 0;
}