@charset "utf-8";
/*  ----------------------------------------------------------------------------------- */
/*  This is the frontend CSS file and contains all layout and text attributes           */
/*  This file should always be read after the reset.css file                            */
/*  http://www.crucialwebhost.com/blog/master-stylesheet-the-most-useful-css-technique/ */
/*  ----------------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------------- */
/*  Sitewide style                                                                      */
/*  ----------------------------------------------------------------------------------- */
html, body {
	background-color: #212c2f;
}

/*  ----------------------------------------------------------------------------------- */
/*  Alignment & clear styles                                                            */
/*  ----------------------------------------------------------------------------------- */
.align_left {
	float: left;
	margin: 0 10px 10px 0;
}
.align_right {
	float: right; 
	margin: 0 0 10px 10px;
}
.clearfix {/* float clearing for IE6 */
	zoom:1;
	_height:1%;
	width:100%;
	clear: both;
	overflow:hidden;
	height: 1px;
}

/*  ----------------------------------------------------------------------------------- */
/*  Website containers                                                                  */
/*  ----------------------------------------------------------------------------------- */
#container {
	width: 980px; /* Sets the main width of the website */
	margin: 0 auto;
}

/*  ----------------------------------------------------------------------------------- */
/*  Website subcontainers                                                               */
/*  ----------------------------------------------------------------------------------- */
#subcontainer-header {
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0 0 0 0;
}
#subcontainer-body {
	margin: 0px;
	background-color: #FFFFFF;
	padding: 1px 0 20px 0;
}
#subcontainer-footer {
	margin: 0 0 30px 0;
	padding: 20px 30px 20px 30px;
	background-color: #182326;
}

/*  ----------------------------------------------------------------------------------- */
/*  Layout divs which are placed in the subcontainers                                   */
/*  ----------------------------------------------------------------------------------- */
#logo {
	width:550px;
	height: 53px;
	float: left;
	margin: 15px 0 14px 30px;
	_margin: 15px 0 14px 15px; /* For IE6 to display the logo properly */
}
#contact-details {
	width:240px;
	float: right;
	text-align: right;
	margin: 0 30px 0 0;
	_margin: 0 15px 0 0;
	padding: 0 0 0 0;
}
#navigation-main {
	clear: both;
	margin: 0 30px 0 30px;
}
#content-container {
	margin: 0 30px 0 30px;
}
#content {
	padding: 0 0 20px 0;
	text-align:justify;
}






.divider-horizontal {
	height: 1px;
    background: transparent url(/file/divider-horizontal-png) repeat-x center;
	clear: both;
}
#breadcrumbarea {
	margin: 0 0 10px 0;
}
#navigation-breadcrumb {
	width: 600px;
	height: 21px;
	float: left;
}
#search {
	width: 250px;
	height: 21px;
	float: right;
	text-align: right;
}











#one-column-main {
	min-height: 375px; /* required in order to ensure the video does not creep up into the header */
}
#three-column-left {
	float: left;
	width:220px;
	margin: 0 0 0 0;
}
#three-column-main {
	float: left;
	width: 440px;
	margin: 0 0 0 20px;
}
#three-column-right {
	float: right;
	width:220px;
	margin: 0 0 0 0;
}







#sixty-day-guarantee {
	margin: 20px 0 0 0;
}




#tabbed-pages-casestudies {
	width: 920px;
}
#tabbed-pages-casestudies #one {height: 375px; background: url(/file/tabbed-pages-backgrounds-2-jpg) no-repeat; padding: 20px 30px 0 0;}
#tabbed-pages-casestudies #two {height: 375px; background: url(/file/tabbed-pages-backgrounds-3-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #three {height: 375px; background: url(/file/tabbed-pages-backgrounds-4-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #four {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #five {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #six {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #seven {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #eight {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #nine {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}
#tabbed-pages-casestudies #ten {height: 375px; background: url(/file/tabbed-pages-backgrounds-0-jpg) no-repeat; padding: 20px 30px 0 0; display: none;}

#page-background-contact {
	width: 920px;
	min-height: 375px;
	background: url(/file/tabbed-pages-backgrounds-5-jpg) no-repeat;
	padding: 0 0 0 0;
}






#main-form {
    margin: 15px 0 10px 0;
	padding: 15px 0px 15px 20px;
    color: #FFFFFF;
}
#main-form h1, #main-form table tr td {
    color: #FFFFFF;
}
#content-form {
	padding: 15px 20px 20px 20px;
	background: url(/file/service-content-form-background-png) repeat-x;
    color: #FFFFFF;
}
#content-form h1, #content-form table tr td {
    color: #FFFFFF;
}




/*  ----------------------------------------------------------------------------------- */
/*  Navigation styles                                                                   */
/*  ----------------------------------------------------------------------------------- */
#navigation-main ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-main ul.navigation li {
	list-style:none;
	margin-left: 0px;
	display:inline;
}
#navigation-main ul.navigation a:link {
	text-decoration: none;
	color: #0d1516;
}
#navigation-main ul.navigation a:visited {
	text-decoration: none;
	color: #0d1516;
}
#navigation-main ul.navigation a:active {
	text-decoration: none;
	color: #0d1516;
}
#navigation-main ul.navigation a:hover {
	text-decoration: underline;
	color: #0d1516;
}











#navigation-subnav-title {
	padding: 10px 15px 10px 15px;
	border: 1px solid #E8E8E8;
	background-color: #E8E8E8;
}
#navigation-subnav {
	padding: 14px 5px 14px 15px;
	border: 1px solid #E8E8E8;
	background-color: #F7F7F7;
}
#navigation-subnav ul.navigation {
	margin-left: 0px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-subnav ul.navigation li.current a {
	color: #48a2b9;
}
#navigation-subnav ul.navigation li {
	margin-left: 0px;
	list-style:none;
}
#navigation-subnav ul.navigation li ul {
	margin-left: 10px;
	list-style:none;
}
#navigation-subnav ul.navigation a:link {
	text-decoration: none;
	color: #0d1516;
}
#navigation-subnav ul.navigation a:visited {
	text-decoration: none;
	color: #0d1516;
}
#navigation-subnav ul.navigation a:active {
	text-decoration: none;
	color: #0d1516;
}
#navigation-subnav ul.navigation a:hover {
	text-decoration: underline;
	color: #0d1516;
}







#navigation-services ul.navigation {
	margin: 0 0 0 -19px;
	_margin: -5px 0 0 -19px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#navigation-services ul.navigation li {
	list-style:none;
	margin-left: 19px;
	cursor: pointer; /* IE6 needs this to show a pointer */
	display:inline;
	color: #48a2b9;
}
#navigation-services ul.navigation a:link {
	text-decoration: none;
	cursor:pointer;
	color: #48a2b9;
}
#navigation-services ul.navigation a:visited {
	text-decoration: none;
	cursor:pointer;
	color: #48a2b9;
}
#navigation-services ul.navigation a:active {
	text-decoration: none;
	cursor:pointer;
	color: #48a2b9;
}
#navigation-services ul.navigation a:hover {
	text-decoration: underline;
	cursor:pointer;
	color: #f26522;
}











#navigation-footer {
	margin: 10px 0 0 0;
	height: auto;
}
#navigation-footer ul.navigation {
	margin-left: -6px;
	margin-bottom: 0px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	color: #ffffff;
}
#navigation-footer ul.navigation li {
	padding: 0 4px 0 6px;
	margin: 0px;
	list-style:none;
	display:inline;
	text-transform:uppercase;
	font-size:9px;
}
#navigation-footer ul.navigation li.current a {
	color: #ffffff;
}
#navigation-footer ul.navigation a:link {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:visited {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:active {
	text-decoration: none;
	color: #ffffff;
}
#navigation-footer ul.navigation a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#navigation-footer ul.navigation li.menu_right_border {border-right: 1px solid #ffffff;}
#navigation-footer ul.navigation li:last-child.menu_right_border {border: none;}












#navigation-breadcrumb ul.navigation {
	margin-left: 0px;
	margin-bottom: -5px; /* IE6 needs this because the text_style.css file gives all ul a margin-bottom */
	color: #0d1516;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#navigation-breadcrumb ul.navigation li {
	margin-left: 0px;
	list-style:none;
	display:inline;
}
#navigation-breadcrumb ul.navigation a:link {
	text-decoration: none;
	color: #0d1516;
}
#navigation-breadcrumb ul.navigation a:visited {
	text-decoration: none;
	color: #0d1516;
}
#navigation-breadcrumb ul.navigation a:active {
	text-decoration: none;
	color: #0d1516;
}
#navigation-breadcrumb ul.navigation a:hover {
	text-decoration: underline;
	color: #0d1516;
}
/*  ----------------------------------------------------------------------------------- */
/*  Footer links                                                                        */
/*  ----------------------------------------------------------------------------------- */
#footer-links {
}
#footer-links h4 {
}
#footer-links p, #footer-links p a {
	font-size: 11px;
	color:#ffffff;
	margin-bottom: 5px;
	text-decoration: none;
}
#footer-links a:hover {
	text-decoration: underline;
}
.footer-links-box {
	width: 215px;
	float: left;
	margin: 0 0 13px 0;
}
#footer-links .column1 {
}
#footer-links .column2 {
	margin-left: 20px;
}
#footer-links .column3 {
	margin-left: 20px;
}
#footer-links .column4 {
	margin-left: 20px;
}

/*  ----------------------------------------------------------------------------------- */
/*  Blog                                                                                */
/*  ----------------------------------------------------------------------------------- */

/* Home page blog stuff */
#homeblog .article { display: block; position: relative; padding: 7px 0 9px 0; margin: 0 0 1px 0; background: url(/file/divider-horizontal-png) repeat-x bottom;}
#homeblog .title { color: #36252c; text-decoration: none; display: block; margin: 0 40px 0 0; font-size: 14px; }
#homeblog .title:hover { color: #27a7c7; }
#homeblog .author { font-size: 11px; color: #36252c; }
#homeblog .date { font-size: 11px; position: absolute; right: 0; top: 5px; text-transform: uppercase; color: #ccc; text-align: right; }
#homeblog .year { font-size: 16px; color: #444; clear: both; }

/* Blog page stuff */

#blog-left-column {
	padding: 10px 15px 5px 15px;
	border: 1px solid #E8E8E8;
	background-color: #F7F7F7;
}


/*  ----------------------------------------------------------------------------------- */
/*  Form styles                                                                         */
/*  ----------------------------------------------------------------------------------- */
.form-input-global {
	width: 178px;
	height: 24px;
	border: 1px solid #ffffff;
	margin: 0 0 10px 0;
	background-color: #FFFFFF
}
.form-textarea-global {
	width: 178px;
	height: 100px;
	border: 1px solid #ffffff;
	margin: 0 0 5px 0;
	background-color: #FFFFFF
}





.form-input-generalenquiry {
	width: 180px;
	height: 24px;
	border: 1px solid #999999;
	margin: 0 0 10px 0;
	background-color: #FFFFFF
}
.form-textarea-generalenquiry {
	width: 180px;
	height: 100px;
	border: 1px solid #999999;
	margin: 0 0 5px 0;
	background-color: #FFFFFF
}





.form-input-callback {
	width: 180px;
	height: 24px;
	border: 1px solid #999999;
	margin: 0 0 10px 0;
	background-color: #FFFFFF
}
.form-textarea-callback {
	width: 180px;
	height: 131px;
	border: 1px solid #999999;
	margin: 0 0 5px 0;
	background-color: #FFFFFF
}
.form-textarea-feedback {
	width: 180px;
	height: 132px;
	border: 1px solid #ffffff;
	margin: 0 0 5px 0;
	background-color: #FFFFFF
}




.form-textarea-comments {
	width: 180px;
	height: 132px;
	border: 1px solid #999999;
	margin: 0 0 5px 0;
	background-color: #FFFFFF
}





.form-input-search {
	width:173px;
	margin: 0 4px 0 0;
	border: 1px solid #cac7c6;
	height:19px;
	font-weight: bold;
	text-transform:uppercase;
	color: #0d1516;
	padding: -5px 0 0 4px;
	font-size: 10px;
}
.form-btn-search {
	margin: 0 0 0 0;
}

/*  ----------------------------------------------------------------------------------- */
/*  User error & success message styles                                                 */
/*  ----------------------------------------------------------------------------------- */
.user-message-error {
	color: #990000;
	font-weight: bold;
}
.user-message-success {
	color: #009900;
	font-weight: bold;
}
.user-message-success-white {
	color: #ffffff;
	font-weight: bold;
}








/*  ----------------------------------------------------------------------------------- */
/*  Drop down menu
/*  ----------------------------------------------------------------------------------- */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {height:30px; z-index: 100; }
#menu ul {display:inline-block; z-index: 100;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0; z-index: 100;}
#menu a {display:block; font:normal 10px Helvetica, Arial, sans-serif; text-transform:uppercase; color:#fff; line-height:30px; text-decoration:none; padding:0 20px 0 11px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:2px;}

#menu a.top-level-a {float:left; padding:0 0 0 11px; background:url(/file/taba-png) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(/file/tabb-png) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url(/file/tabc-png) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(/file/taba-png) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#fff; background:url(/file/tabb-png) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#fff; background:url(/file/tabc-png) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(/file/taba-png) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#fff;  background:url(/file/tabb-png) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#fff;  background:url(/file/tabc-png) no-repeat right -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#212c2f; padding:1px 1px 0 1px; left:0;}
#menu li li {border-bottom:1px solid #212c2f;}
#menu li li a {background:#212c2f;} 
#menu li li a:hover {background:#27a7c7;} 
#menu li li:hover > a {background:#27a7c7;}
#menu li li a.fly {background:#212c2f url(/file/fly-png) no-repeat right top;}
#menu li li a.fly:hover {background:#27a7c7 url(/file/fly-png) no-repeat right top;} 
#menu li li:hover > a.fly {background:#27a7c7 url(/file/fly-png) no-repeat right top;}

#menu ul.drop-down {top:30px;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:11px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}