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

#bgHeader { background: url(/templates/skin/bg/bgHeader.gif) repeat-x; height:130px;}
#bgBanner { background: #fd3325 url(/templates/skin/bg/bgBanner.gif) repeat-x; min-height:359px; height:auto !important; height:359px; min-width:980px; }
#bgMainContent { background: #FFF url(/templates/skin/bg/bgMainContent.gif) repeat-x; min-height:359px; height:auto !important; height:359px; }
#bgFooter { background:#333 url(/templates/skin/bg/bgFooter.gif) repeat-x top left; min-height:360px; height:auto !important; height:360px; color:#FFF;  }

#bgRecentWork {
	background-color:#e9e9e9;
}

#bgRecentWork table tr.links a {
	margin-left:15px;
	padding-left:10px;
	background:url(../skin/bg/bg_recent_arrow.gif) left 2px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#666;
}
#bgRecentWork table tr.links a:hover {
	background-image:url(../skin/bg/bg_recent_arrow_over.gif);
	color:#BC3024;
}

#footer {
	margin-top:20px;
	border-top:1px solid #3D3D3D;
	padding:20px 0px;
	color: #666;
	font-size:11px;
}

#footer .left { float:left; width:300px; }
#footer .right { float:right; text-align:right; width:300px; }

#headerTop { height:60px; padding:20px 32px 0px 32px; }

#headerTop .logo { float:left; }
#headerTop .line { float:left; padding-left:10px; }

#headerTop form { float:right; text-align:right; padding-top:5px; }

#headerTop form input#search { float:left; width:140px; border:1px solid #CCC; height:16px; padding:4px;; font-family:Georgia, "Times New Roman", Times, serif; }
#headerTop form input#button { float:left; margin-left:10px; }


#mainNav { height:50px; }
#mainNav ul { height:50px; list-style:none; padding-left:14px; height:50px; }
#mainNav ul li { float:left; display:inline; text-transform:uppercase; font-family:Verdana; font-weight:600; cursor:pointer;
	 
	}
#mainNav ul li a { 
	display:block; 
	color:#FFF; 
	text-decoration:none; 
	padding:0px 5px; 
	font-size:12px; 
	min-height:50px; 
	height:auto !important; 
	height:50px;
	cursor:pointer;
	}

#mainNav ul li a span {  height:50px; display:block; }
#mainNav ul li a span span { height:50px; display:block; }
#mainNav ul li a span span span { padding:17px 10px 0px 10px; height:33px; display:block;  }

#mainNav ul li a:hover span {  background:url(/templates/skin/bg/images/bg_activeRepeat_hover.gif) repeat-x center 12px; }
#mainNav ul li a:hover span span { background:url(/templates/skin/bg/images/bg_activeLeft_hover.gif) left 12px no-repeat;; }
#mainNav ul li a:hover span span span { background:url(/templates/skin/bg/images/bg_activeRight_hover.gif) right 12px no-repeat;  }

#mainNav ul li.menu-current a span {  background:url(/templates/skin/bg/images/bg_activeRepeat_hover.gif) repeat-x center 12px; }
#mainNav ul li.menu-current a span span { background: url(/templates/skin/bg/images/bg_activeLeft_hover.gif) left 12px no-repeat; }
#mainNav ul li.menu-current a span span span {  background: url(/templates/skin/bg/images/bg_activeRight_hover.gif) right 12px no-repeat; }

#mainNav ul li.menu-parent a span {  background:url(/templates/skin/bg/images/bg_activeRepeat_hover.gif) repeat-x center 12px; }
#mainNav ul li.menu-parent a span span { background: url(/templates/skin/bg/images/bg_activeLeft_hover.gif) left 12px no-repeat; }
#mainNav ul li.menu-parent a span span span {  background: url(/templates/skin/bg/images/bg_activeRight_hover.gif) right 12px no-repeat; }

#mainNav ul li.active a { color:#FFF; }

/* NEW drop down styling */
#mainNav ul li.menu-expand ul { display:none; }
#mainNav li.menu-expand ul {	
		display:none; position:absolute; background-image:none; 
		padding:0px; height:auto;
		width:auto; margin-top:0px;
		z-index:100;
		margin-top:-12px;
		background:url(../skin/bg/bg_dropdown_top.png) no-repeat 15px 0px;
		}
		
	#mainNav li.menu-expand ul li {	
		float:none; 
		background-image:none; 
		background-color: #333333;
		text-transform:none; 
		width:220px;
		min-height:21px; 
		height:auto !important; 
		height:21px;
		z-index:101;
		display:block;
		cursor:pointer;
		margin:0;
		padding-bottom:2px;
		}
	#mainNav li.menu-expand ul li.menu-first {	;
		 /* border-top:2px solid #FFF; */
		 padding-top:15px;
		 margin-top:12px;
		}
	#mainNav li.menu-expand ul li.menu-last {	;
		/* border-bottom:2px solid #FFF; */
		padding-bottom:10px;
		}
		
	#mainNav li.menu-expand ul li.menu-last:after { clear:both; }
		
	#mainNav li.menu-expand ul li a { 
		padding-right:15px; padding-left:15px; display:block;
		background-image:none; 
		background-color: #333333;
		color: #FFF;
		display:block;
		cursor:pointer;
		min-height:21px;height:auto !important;height:21px;
		display:block;
		cursor:pointer;
		font-size:11px;
		font-weight:300;
		margin:0;
		line-height:14px;
		}
		
	#mainNav li.menu-expand ul li a:hover { 
		text-decoration:underline;
		}
		
		
#mainNav li.menu-expand ul li a span {  background-image:none; min-height:15px;height:auto !important;height:15px; }
#mainNav li.menu-expand ul li a span span { background-image:none; min-height:15px;height:auto !important;height:15px; }
#mainNav li.menu-expand ul li a span span span { 
		background-image:none; padding:0; margin:0; min-height:15px;height:auto !important;height:15px; 
		padding:3px 0px 0px 0px;
		}
/* END drop down styling */

.leftCol430 { width:430px; float:left; margin-right:60px; }
.rightCol430 { width:430px; float:left; }

#bgMainContent .rightCol430 { font-size:13px;}
#bgMainContent .rightCol430 a { text-decoration:none; }


#home #bgBanner ul { list-style:none; }
#home #bgBanner ul li {  border-bottom:1px solid #ed3c33; margin-bottom:15px; font-weight:600; }

#home #bgBanner ul li span { font-size:11px; color:#fff; font-weight:300;  }

#home #bgBanner ul li a { 	display:block; text-decoration:none; padding-bottom:15px; padding-right:140px; 
							background:url(/templates/skin/buttons/btn_findOutMore.png) no-repeat 300px center; }
#home #bgBanner ul li a:hover { 	display:block; text-decoration:none; padding-bottom:15px; padding-right:140px; 
							background:url(/templates/skin/buttons/btn_findOutMore_over.png) no-repeat 300px center; }

.threeCol { float:left; width:290px; padding-top: 25px;  }
#bgFooter .col1 { margin-right:25px; width: 269px; border-right: 1px solid #3d3d3d; padding-right: 20px; }
#bgFooter .col2 { margin-right:25px; width: 269px; border-right: 1px solid #3d3d3d; padding-right: 20px; }
#bgFooter .col3 {  width:270px }

#bgFooter p { color:#FFF; font-size:12px; padding-bottom:18px; line-height:110%; }
#bgFooter p a { color:#FFF; }
#bgFooter h5 { color:#FFF; }
#bgFooter h6 { color:#bc3024; font-size:13px; padding-bottom:5px;; }
#bgFooter h6 a { color:#bc3024; }

/* colours */
.red { color:#bc3024; }
#bgFooter p .red { color:#bc3024; } 
#bgFooter p .red a, #bgFooter p.red a { color:#bc3024; } 
.white { color:#FFF; } 

.ColLeft { 	float:left; width:179px; border-right:1px solid #e5e5e5; padding-right:20px; 
			min-height:300px; height:auto !important; height:300px;	}
.ColMain { 	float:left; width:670px; padding-left:50px;
			min-height:300px; height:auto !important; height:300px;	}

.ColRight { float:left; width:179px; border-left:1px solid #e5e5e5; padding-left:20px; }

.ColMainBlog { float:left; width:670px; padding-right:50px; }


.ColLeft ul { list-style:none; font-size:14px; }
.ColLeft ul li { padding-bottom:8px; font-family:Verdana, Geneva, sans-serif; font-size:12px; background:url(../skin/bg/bg_subNav_bullet.png) no-repeat 0px 2px; padding-left:13px; }

.ColLeft ul li a { text-decoration:none; display:block; }
.ColLeft ul li a:hover { text-decoration:underline; }

.ColLeft ul li.menu-current {background:url(../skin/bg/bg_subNav_bullet_active.png) no-repeat 0px 2px; }

.ColLeft ul li.menu-current  a { color:#BC3024; }
.ColLeft ul li.menu-parent  a { color:#BC3024; }

.ColLeft ul li ul { padding-left:0px; padding-top:8px;  }
.ColLeft ul li ul li a { color:#666; }
.ColLeft ul li.menu-current ul li a, .ColLeft ul li.menu-parent ul li a { color:#666; }

.ColLeft ul li.menu-current ul li.menu-current a, .ColLeft ul li.menu-parent ul li.menu-current a { color:#BC3024; }

table#form tr td { padding: 5px 0px; }
table#form tr td input { font-family:Georgia, "Times New Roman", Times, serif; }
table#form tr td textarea { font-family:Georgia, "Times New Roman", Times, serif; }

/* NEW modal pop-up center */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:10000000;
width:100%;
height:100%;
}  

#popupContact { 
display:none;
width:690px; 
height:600px; 
padding:10px; 
z-index:10000001;
position:fixed;
}

#popupContact .top { height:30px; width:680px; background:url(../skin/bg/bg_popup_top.png) no-repeat; }
#popupContact .middle { width:620px; padding:0px 30px; background:url(../skin/bg/bg_popup_middle.png) repeat-y;}
#popupContact  div.close {float:right; padding-top:10px;}
#popupContact .bottom { height:30px; width:680px; background:url(../skin/bg/bg_popup_bottom.png) no-repeat; }

#googleMapRight { font-size:11px; }

#popupFlickr { display:none;
width:690px; height:600px; padding:10px; 
z-index:10000001; position:fixed; }

#popupFlickr .top { height:30px; width:680px; background:url(../skin/bg/bg_popup_top.png) no-repeat; }
#popupFlickr .middle { width:620px; padding:0px 30px; background:url(../skin/bg/bg_popup_middle.png) repeat-y;}
#popupFlickr  div.close {float:right; padding-top:10px;}
#popupFlickr .bottom { height:30px; width:680px; background:url(../skin/bg/bg_popup_bottom.png) no-repeat; }

#popupFlickr .middle .flickrGallery { padding:10px; }
#popupFlickr .middle .flickrGallery .flickrImg  h4{ font-size:11px; font-weight:300; padding-left:3px; }
#popupFlickr .middle .flickrGallery .flickrImg {width:81px; float:left; margin-right:18px;}
#popupFlickr .middle .flickrGallery .flickrImg img { padding:2px; border:1px solid #ccc; }
#popupFlickr .middle .flickrGallery .clr { clear:both; display:block; padding-top:20px; }
/* END modal pop-up center */

.recentProjects img { border:1px solid #CCC; padding:4px;}

table#products img { padding:3px;  }

.twitterIcon {float:left; padding-right:5px; width:14px; padding-top:3px; }
.twitterCopy {float:right; width:249px; }

#bgFooter em { color:#999; }

#bgFooter p a { color:#bc3024; }
#bgFooter p.author { padding-bottom:4px; }

#PDI_container2305687 .pds-box  { width:179px !important; margin-bottom:10px; border:none !important; }
#PDI_container2305687 .pds-box-outer  { padding:0 !important; }
#PDI_container2305687 .pds-question-top { font-family:Georgia, "Times New Roman", Times, serif; }
#PDI_container2305687 .pds-vote-button { margin: 0 !important; }
#PDI_container2305687 .pds-links { text-align:left !important; }
#PDI_container2305687 .pds-links a.pds-pd-link { display:none !important; }

div.christmas { background:url(../skin/bg/bg_christmas_header.gif) top right no-repeat; }
div.christmasFooter { background:url(../skin/bg/bg_christmas_footer.gif) right 300px no-repeat; }

/* PROJECTS section */

#projects ul { list-style:none; margin:0; padding:0; }
#projects li { margin:0px 0px 30px 0px; padding:0; background-image:none; }
#projects li a { padding:5px; display:block; }
#projects li a:hover { background:#eaeaea;  } 
#projects a { text-decoration:none; } 

#projects h1 { padding-bottom:50px; }
#projects h2 { float:right; width:512px; padding-bottom:8px; padding-top:3px; }
#projects h3 { float:right; width:512px; padding-bottom:5px; }
#projects p { float:right; width:512px; padding-bottom:5px; }
#projects img.thumb { float:left; padding:3px; border:1px solid #CCC; margin-right:20px; background-color:#FFF; }

#projects hr { clear:both; margin-top:20px;}

table.clientLogos { border-collapse:collapse; margin:15px 0px; }
table.clientLogos tr { }
table.clientLogos tr td { font-size:10px; color:#333; font-family:Arial, Helvetica, sans-serif; }
table.clientLogos tr td.logo { border:1px solid #ddd; }
table.clientLogos tr td.text { /*border:1px solid #ddd; background:#ddd;*/padding:5px; }

table.data-table { font-family:tahoma; margin-bottom:20px; }
table.data-table td { padding:5px; border-bottom:1px dashed #ccc; font-size:12px; vertical-align:top; }
table.data-table td p { font-size:12px; }
table.data-table td  ul { font-size:12px; }

#contactDetails {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    float: right;
    font-size: 14px;
    margin: 5px 2px 0 0;
    padding: 5px 20px;
    text-align: right;
	font-family:Arial;
	font-weight:bold;
	color:#444;

}
#contactDetails a {
    text-decoration:none;
	color:#444;
}

#contactDetails .define {
    color: #BC3024;
    font-size: 11px;
    font-weight: bold;
	margin-right:4px;
}

#contactDetails .sep {
    color: #CCCCCC;
    margin: 0 10px;
}