/* [ Details ]

Base Style Sheet
© Copyright TSL 2010
Site: http: //www.tsl.co.uk
Date Created: 27.05.2010
Date Modified: 28.05.2010 -------------------------------------------------------*/

/* [ Contents ]

Universal Tags: 
[01] YUI 2: Reset CSS - http: //developer.yahoo.com/yui/reset/
[02] HTML / Body
[03] Anchors
[04] Headings
[05] Text-level markup - Misc Inline - Misc Block
[06] Lists
[07] Forms
[08] Tables
[09] Image Replacements
[10] Accessible Hide

Site Specific: 
[01] Colors
[02] Wrap
[03] Header & Utilities
[04] Navigation
[05] Content
[06] Footer
[07] Forms
[08] Article Lists
[09] Image Replacements
[10] Misc
[11] Treeview

Page Specific: 
[01] PageID 
-------------------------------------------------------*/


/*-----------------------------------------------------
[ Universal Tags ] 
-------------------------------------------------------*/
	
/* [01] YUI 2: Reset CSS 
-------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
q: before, q: after {content: '';}
abbr, acronym {border: 0;}
	
/* [02] HTML / Body 
-------------------------------------------------------*/
html, body {margin: 0; margin-bottom:1px; padding: 0; height: 100%;}
html {
	overflow-y:scroll;
}
body {
	font-family: Calibri, Arial, Verdana, sans-serif; 
	font-size: 80%; 
	font-weight: normal; 
	line-height: 1.333em; 
	color: #000; 
	text-align: center; /*margin: auto fix for IE6*/
	background: #FFF; 
	margin: 0; 
	padding: 0; 
	/*overflow-y: scroll; */
}

/* [03] Anchors 
-------------------------------------------------------*/
a {color: #000; outline: none; font-weight: bold;}
a:link,
a:visited, 
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {}

/* [04] Headings 
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {line-height: 1.2em; margin-bottom: 0.833em; font-weight: normal;}
h1 {font-size: 2em; margin-bottom: 0.4em;}
h2 {font-size: 1.6em;}
h3 {margin-top: 0.833em; font-size: 1.6em;}
h4, 
h5, 
h6 {font-size: 1.4em;}
h4,
p {font-weight: normal;}

/* [05] Text-level markup 
-------------------------------------------------------*/
abbr, 
acronym {border-bottom: 1px dotted #000; cursor: help;} 
em,
cite {font-style: italic;}
strong {font-weight: bold;}
dfn {}
code,
kbd, 
samp {font-family: monospace;}
var {font-style: italic;}

/* Misc Inline 
-------------------------------------------------------*/
q {font-style: italic;}
del {text-decoration: line-through;}
ins {text-decoration: none;}
sub {vertical-align: sub;}
sup {vertical-align: super;}

/* Misc Block 
-------------------------------------------------------*/
blockquote, 
pre {margin-bottom: 0.833em; padding-bottom: 0.833em; border: 1px dotted #000; background-color: #ADADAD;}
pre {margin-bottom: 0.833em; font-family: inherit; /* set specific font for IE/Win */ overflow: scroll;}
hr {margin: 0.833em 0; padding: 0; display: block; /* For IE/Win */ border: none; height: 1px; background: #ADADAD;}

/* [00] Lists 
-------------------------------------------------------*/
ol, 
ul, 
dl {margin-left: 2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left: 0.833em;}

/* [00] Forms 
-------------------------------------------------------*/
input[type="image"] {outline: none;}
input, textarea, select {font-family: Calibri, Arial, Verdana, sans-serif; font-size: 100%;}
/* ------------------------------------------------ */
.formItem, 
.radios {float: left; clear: left; margin: 0 0 0.833em 0; padding: 0; width: 100%;}
input {float: left; margin: 0; padding: 1px 4px;}
label {float: left; display: inline; padding: 1px 5px; margin-right: 10px; color: #ADADAD; background: #000;}
select {float: left; display: inline; padding: 0; /*width: +4; */ border: solid 1px #ADADAD; color: #ADADAD;}
input.textinput,
span.textinput {display: inline; border: solid 1px #ADADAD; color: #ADADAD;}
textarea {float: left; display: inline; margin-right: 10px; padding: 1px; border: solid 1px #ADADAD; color: #ADADAD;}
input.checkbox {}

input.submitButton {float: right; padding: 2px 5px; margin-left: 10px; border: none; font-weight: bold; cursor: pointer; cursor: hand; color: #ADADAD; background: #000;}
a.submitButton {float: right; padding: 2px 5px; margin-left: 10px; border: none; font-weight: bold; text-decoration: none; color: #ADADAD; background: #000;}
input.imageButton {margin: 0; padding: 0;}
fieldset,
legend {float: left; padding: 10px; border: solid 1px #ADADAD;}
p.note {clear: left; float: left; margin: 0 0 5px 0; display: inline; padding: 1px 5px; font-size: 80%; color: #ADADAD; border-left: solid 320px #fff; background: #000;}

/* [00] Tables 
-------------------------------------------------------*/
table {}
caption {margin-bottom: .5em; text-align: center;}
th, td {border: 0px solid #000; padding: .5em;}
th {font-weight: bold; text-align: center;}
thead th, 
thead td {}
tbody {}
tbody td {}
tfoot {}
tfoot td {}

/* [00] Image Replacements 
-------------------------------------------------------*/
/* Standard image replacement */
.imr {display: block; text-indent: -9999px; overflow: hidden;}
/* Button image replacement */
input.imr, button.imr {border: none; padding: 0; cursor: pointer;}

/* [00] Accessible Hide 
-------------------------------------------------------*/
.accessiblehide {position: absolute; display: block; height: 0; visibility: hidden; left: -9999px; top: -9999px; padding: 0; margin: 0; font-size: 0;}

/* [00] Misc 
-------------------------------------------------------*/
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

:focus {outline: 0;}

a img {border: none;}
.hide {display: none;}
.altAlign {text-align: right;}
.mini {font-size: 90%;}
.big {font-size: 120%;}
.fifty {width: 50%;}
.padd {padding: 10px;}
.paddH {padding-left: 10px; padding-right: 10px;}
.paddR {padding-right: 10px;}
.paddRBig {padding-right: 38px;}
.paddLBig {padding-left: 40px;}
.paddL {padding-left: 10px;}
.paddB {padding-bottom: 10px;}
.paddT {padding-top: 22px;}
.paddV {padding-top: 10px; padding-bottom: 10px;}
.noMargin {margin: 0;}

.logo {float: left; padding: 25px 0 0 55px;}

hr {color: #000; background: #000; border-color: #000;}


/* [00] Colors 
-------------------------------------------------------*/
.black {background: #000;}

/* [0] Structure 
-------------------------------------------------------*/
.WrapOuter {float: left; width: 100%; background: #fff;}

#WrapOuter1.WrapOuter {}
#WrapOuter2.WrapOuter {}
#WrapOuter3.WrapOuter {}
#WrapOuter4.WrapOuter {}
#WrapOuter5.WrapOuter {}

.WrapOuter .Wrap {
	position: relative; 
	margin: 0 auto; 
	width: 1030px; 
	text-align: left; /*margin: auto fix for IE6*/
}

#WrapOuter1.WrapOuter .Wrap {}
#WrapOuter2.WrapOuter .Wrap {}
#WrapOuter3.WrapOuter .Wrap {}
#WrapOuter4.WrapOuter .Wrap {}
#WrapOuter5.WrapOuter .Wrap {}

.WrapOuter .Wrap .WrapInner {
	float: left; 
	width: 1030px; 

}

#WrapOuter1.WrapOuter .Wrap .WrapInner {}
#WrapOuter2.WrapOuter .Wrap .WrapInner {margin-top: 20px; background: url(../Images/sides.gif) repeat-y 0 0;}
#WrapOuter3.WrapOuter .Wrap .WrapInner {margin-bottom: 0px; background: url(../Images/sides.gif) repeat-y 0 0;}
#WrapOuter4.WrapOuter .Wrap .WrapInner {margin-bottom: 50px; background: url(../Images/sides.gif) repeat-y 0 0;}
#WrapOuter5.WrapOuter .Wrap .WrapInner {}

/* [00] Header 
-------------------------------------------------------*/
#Header {float: left; width: 1030px; background: url(../Images/lid.gif) no-repeat 0 0;}	

/* [00] Navigation 
-------------------------------------------------------*/
#Main-Nav {float: right; width: 720px;}
#Main-Nav ul {float: right; margin: 55px 0 0 0; padding: 0; width: 720px;}
#Main-Nav ul li {float: left; display: inline; padding-left: 40px;  list-style: none; }
#Main-Nav ul li a {color: #3f3f3f; font-size: 1.3em; font-weight: bold;}
#Main-Nav ul li.current a {}
#Main-Nav ul li a:hover {}

/* ------------------------------------------------ */
ul#Sub-Nav {float: left; margin: 0; padding: 10px 0 0 0; width: 100%;}
ul#Sub-Nav li {float: left; padding-bottom: 10px; list-style: none; width: 100%;}
ul#Sub-Nav li a {color: #3f3f3f; font-size: 1.2em; font-weight: bold;}
ul#Sub-Nav li.current a {}
ul#Sub-Nav li a:hover {}

ul#Sub-Nav li ul {float: left; margin: 5px 0; padding: 0; width: 100%;}
ul#Sub-Nav li ul li {float: left; padding-bottom: 0; list-style: none; width: 100%;}
ul#Sub-Nav li ul li a {font-size: 1.2em; font-weight: normal;}

/* [00] Content 
-------------------------------------------------------*/
.Page-Container {
	display: inline;
	float: left; 
	margin: 0 15px; 
	width: 1000px; 
}

#Main-Col { 
	position: relative; 
	margin-top: 30px; 
}

#Main-Col .content {
	position: relative; 
	float: left; 
}

/* ------------------------------------------------ */
#Sidebar-One {
	display: inline;
	position: relative; 
	float: left; 
	padding: 15px 0 0 0; 
}

#Sidebar-One .inner {
	float: left; 
	padding-bottom: 15px; 
}

#Sidebar-One .inner .content {
	position: relative; 
	float: left; 
}

#Sidebar-One .tray {
	float: left; 
	height: 20px;
}

/* [00] Page-Style-One -------------------------------------------------------*/
.Page-Style-One #Main-Col {float: left; width: 570px; padding: 0 100px 30px 40px;}

.Page-Style-One #Sidebar-One {margin-right: 10px; width: 280px; background: url(../Images/Sidebar-One-Lid-280.gif) no-repeat 0 0;}
.Page-Style-One #Sidebar-One .inner {width: 280px;  background: url(../Images/PNGs/Sidebar-One-Sides-280.png) repeat-y 0 0;}
.Page-Style-One #Sidebar-One .inner .content {width: 200px; padding: 0 40px; }
.Page-Style-One #Sidebar-One .tray {width: 280px; background: url(../Images/PNGs/Sidebar-One-Tray-280.png) no-repeat 0 0;}

/* [00] Page-Style-Two -------------------------------------------------------*/
.Page-Style-Two #Main-Col {float: right; width: 680px; padding: 0 40px 30px 40px;}
.Page-Style-Two #Main-Col .content {float: left; width: 390px; padding: 0 40px 0 0;}

.Page-Style-Two #Sidebar-Two {float: right; width: 250px;}

.Page-Style-Two #Sidebar-One {margin-top: 20px; margin-left: 10px; width: 230px; background: url(../Images/Sidebar-One-Lid-230.gif) no-repeat 0 0;}
.Page-Style-Two #Sidebar-One .inner {width: 230px; background: url(../Images/PNGs/Sidebar-One-Sides-230.png) repeat-y 0 0;}
.Page-Style-Two #Sidebar-One .inner .content {width: 170px; padding: 0 30px; }
.Page-Style-Two #Sidebar-One .tray {width: 230px; background: url(../Images/PNGs/Sidebar-One-Tray-230.png) no-repeat 0 0;}

/* [00] Page-Style-Three -------------------------------------------------------*/
.Page-Style-Three #Main-Col {float: right; width: 680px; padding: 0 40px 30px 40px;}
.Page-Style-Three #Main-Col .content {float: left; width: 640px; padding: 0 40px 0 0;}

.Page-Style-Three #Sidebar-Two {float: right; width: 250px;}

.Page-Style-Three #Sidebar-One {margin-top: 20px; margin-left: 10px; width: 230px; background: url(../Images/Sidebar-One-Lid-230.gif) no-repeat 0 0;}
.Page-Style-Three #Sidebar-One .inner {width: 230px; background: url(../Images/PNGs/Sidebar-One-Sides-230.png) repeat-y 0 0;}
.Page-Style-Three #Sidebar-One .inner .content {width: 170px; padding: 0 30px; }
.Page-Style-Three #Sidebar-One .tray {width: 230px; background: url(../Images/PNGs/Sidebar-One-Tray-230.png) no-repeat 0 0;}

/* [00] Page-Style-Four -------------------------------------------------------*/
.Page-Style-Four #Main-Col {float: right; width: 680px; padding: 0 40px 30px 40px;}
.Page-Style-Four #Main-Col .content {float: right; width: 390px; padding: 0 0 0 40px;}

.Page-Style-Four #Sidebar-Two {float: left; width: 250px;}

.Page-Style-Four #Sidebar-One {margin-top: 20px; margin-left: 10px; width: 230px; background: url(../Images/Sidebar-One-Lid-230.gif) no-repeat 0 0;}
.Page-Style-Four #Sidebar-One .inner {width: 230px; background: url(../Images/PNGs/Sidebar-One-Sides-230.png) repeat-y 0 0;}
.Page-Style-Four #Sidebar-One .inner .content {width: 170px; padding: 0 30px; }
.Page-Style-Four #Sidebar-One .tray {width: 230px; background: url(../Images/PNGs/Sidebar-One-Tray-230.png) no-repeat 0 0;}

/* [00] Page-Style-Five -------------------------------------------------------*/
.Page-Style-Five #Main-Col {float: right; width: 880px; padding: 0 40px 30px 40px;}
.Page-Style-Five #Main-Col .content {float: right; width: 390px; padding: 0 0 0 40px;}

.Page-Style-Five #Sidebar-Two {float: left; width: 250px;}

.Page-Style-Five #Sidebar-One {margin-top: 20px; margin-left: 10px; width: 230px; background: url(../Images/Sidebar-One-Lid-230.gif) no-repeat 0 0;}
.Page-Style-Five #Sidebar-One .inner {width: 230px; background: url(../Images/PNGs/Sidebar-One-Sides-230.png) repeat-y 0 0;}
.Page-Style-Five #Sidebar-One .inner .content {width: 170px; padding: 0 30px; }
.Page-Style-Five #Sidebar-One .tray {width: 230px; background: url(../Images/PNGs/Sidebar-One-Tray-230.png) no-repeat 0 0;}

/* ------------------------------------------------ */
ul#Case-Studies {float: left; margin: 0; padding: 10px 0 0 0; width: 600px;}
ul#Case-Studies li {float: left; margin-bottom: 10px; padding: 7px 11px 16px 11px; list-style: none; width: 178px; height: 131px; background: url(../Images/frame.gif) no-repeat 0 0;}
ul#Case-Studies li img {width: 178px; height: 131px; }

ul#Case-Studies li a {}
ul#Case-Studies li a img {width: 178px; height: 131px; }

ul#Case-Studies li.current a {}
ul#Case-Studies li a:hover {}

/* [00] Footer 
-------------------------------------------------------*/
#Footer {
	clear: both; 
	display: inline;
	float: left; 
	padding: 0 15px 8px 15px; 
	width: 1000px; 
	background: url(../Images/tray.gif) no-repeat 0 bottom;
}

#Footer .inner {
	float: left; 
	padding-top: 15px;
	width: 1000px; 
	background: #3f3f3f;
}

#Footer * {}
#Footer p {text-align: center; font-size: 1.4em;}
#Footer p a {padding: 0 20px; color: #fff; font-weight: normal;}


/* [00] Footer-Two 
-------------------------------------------------------*/
#Footer-Two {
	float: left; 
	width: 1030px; 
	padding-top: 30px;
	background: url(../Images/lid.gif) no-repeat 0 0;
}	

#Footer-Two .inner {
	float: left;
	padding: 0 30px; 
	width: 970px;
	text-align: center; 
}

#Footer-Two p {color: #1c1c1c;}

#Footer-Two ul {margin: auto; padding: 0; list-style: none;}
#Footer-Two li {display: inline; margin-right: 10px; padding-right: 10px; color: #1c1c1c; border-right: 1px solid #1c1c1c;}
#Footer-Two li.end {border: none;}
#Footer-Two li a {color: #1c1c1c;}


#Footer-Two .tray {
	float: left;
	height: 30px;
	width: 1030px;
	background: url(../Images/tray.gif) no-repeat 0 0;
}
/*-----------------------------------------------------
[ Page Specific ] 
-------------------------------------------------------*/

/* [00] PageID 
-------------------------------------------------------*/
#PageID-Home .Page-Container {background: #1c1c1c url(../Images/car.jpg) no-repeat 0 0;}
#PageID-Home #Main-Col {margin-top: 0; padding-top: 370px;}
#PageID-Home #Main-Col h1 {font-size: 3.2em; color: #fff;}
#PageID-Home #Main-Col h2 {font-size: 1.4em; color: #686767;}
#PageID-Home #Main-Col p {color: #fff;}