/* *************************************
	Css by Tom Gatenby
	tom@squashedpixel.co.uk
*************************************** */
html, body{
	width:100%;
	height:100%;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#170A1C url(../images/body-bg.png) repeat-y center;
}

/* *************************************
	General Content
************************************* */
h1{
	color:#fff;
	margin:20px 0px 30px 0px;
	font:25px/33px 'FolksRegular', Arial, sans-serif; letter-spacing:0px;
}
h2{
	color:#fff;
	margin:10px 0px 20px 0px;
	font:20px/28px 'FolksRegular', Arial, sans-serif; letter-spacing:0px;
}
h3{
	color:#4B7397;
	margin:20px 10px 0px 10px;
	font:20px/28px 'FolksRegular', Arial, sans-serif; letter-spacing:0px;
	padding:5px 10px 5px 10px;
}
p{margin:0px 0px 15px 0px; font-size:11px; line-height:15px;}
strong{font-weight:bold;}
a{color:#fff; font-weight:bold; text-decoration:underline;}
a:hover{ color:#93278F; text-decoration:underline;}
h2 a{ font-weight:normal; text-decoration:none;}
em{font-style:italic;}
ul{margin:5px 0px 15px 20px;}
ol li{list-style-type:decimal; font-size:11px; }
li{list-style-type:disc;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.divider{
	clear:both;
	float:left;
	width:940px;
	margin:20px 10px 20px 10px;
	height:1ps;
	border-bottom:1px dotted #fff;
}
.innerPageCol .divider{width:760px;}
iframe{border:5px solid #fff; border-top-width:2px;}
.headerTop iframe{ border:none; margin:9px 0px 0px 0px;}
#footer img.noBorder{border:none; padding:none;}
.skiplink {display:none}
.mollom-captcha img{ border:none!important; margin-right:4px;}
/* *************************************
	Basic Structure
************************************* */
#container{
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}
#header{width:100%; background:url(../images/squiggle.png) center 1px no-repeat;}
#content{padding:0px 0px 340px 0px;} /*Padding For Footer */
#footer{
	position:absolute;
	width:100%;
	height:300px;
	bottom:0;
	background:#000;
}
#subFooter{
	width:100%;
	height:36px;
	overflow:hidden;
	background:#000000;
}
.inner{width:960px; margin:0px auto 0px auto;}
/* *************************************
	Header Stuff
************************************* */
.headerTop{width:100%; height:80px; background:url(../images/trans-black-bg-tile.png) repeat;}
.headerBottom{width:100%; height:120px; background:url(../images/header-Bottom-tile.png) bottom repeat-x;}
.logo{float:left; margin:15px 0px 0px 10px;}
a.socialIcon{
	display:block;
	width:50px;
	height:50px;
	background:url(../images/social-icons.png) no-repeat;
	float:right;
	margin:15px 0px 0px 0px;
	overflow:hidden;
	text-indent:-99999px;
}
a.linkedIn{ background-position:0px 0px;}
a.twitter{background-position:-50px 0px;}
a.facebook{background-position:-100px 0px; margin-right:10px;}
.headerTop p.right{
	text-align:right;
	font-weight:bold;
	margin:20px 10px 0px 0px;
	font-size:11px;
}
.headerTop p.right span.number{font:24px/33px 'FolksRegular', Arial, sans-serif; letter-spacing:0px; line-height:24px;}
/* *************************************
	MainNav
************************************* */
ul.mainNav{margin:0; padding:0; list-style-type:none; text-indent:none;}
.mainNav li{
	float:left;
	padding:0;
	list-style-type:none; 
	text-indent:none; 
	width:188px;
	height:38px;
	margin:30px 0px 0px 0px;
	padding:0;
	background:url(../images/nav-separator.png) left no-repeat;
}
.mainNav li a{
	display:block;
	width:168px;
	height:38px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}
.mainNav li a:hover, .mainNav li a.current{ color:#fff; background:url(../images/nav-hover.png) repeat-x;}
.mainNav .top{
	display:block;
	margin-top:-3px;
	font:20px/28px 'FolksRegular', Arial, sans-serif; letter-spacing:0px;
}
.mainNav .bottom{display:block;}
.top, .bottom{
	width:168px;
	float:left;
	clear:left; 
	margin:0px;
	padding:0px;
}
/* *************************************
	LeftNav
************************************* */
.leftNav{
	float:left;
	width:160px;
	overflow:hidden;
	margin:0px 10px 0px 10px;
	_margin:0px 5px 0px 5px;
}
.leftNav ul, .leftNav li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.leftNav li{float:left;}
.leftNav li span{
	display:block;
	background:#432159;
	width:140px;
	padding:13px 10px 13px 10px;
}
.leftNav li span a{
	text-decoration:none;
	width:140px;
	display:block;
}
/* **** 3rd Level Naviagtation, *** */
.leftNav li.current span, .leftNav li.section span{
	background:#673A93;
}
.leftNav li span ul li{float:left; width:140px;}
.leftNav li span ul{margin-top:10px;}
.leftNav li span ul li a{
	border-top:1px dotted #6D40A0;
	float:left;
	padding:4px;
	width:132px;
	font-weight:normal;
}
.leftNav li span ul li a:hover, .leftNav li span ul li a.current{
	background:#432159;
	color:#fff;
}
.leftNav li.tea span{
	background:#432159 url(../images/cupOfTea.png) bottom no-repeat;
	padding-bottom:60px;
}
/* *************************************
	BreadCrumbArea
************************************* */
#breadcrumb{
	display:block;
	float:left;
	width:940px;
	height:34px;
	margin:10px 10px 20px 10px;
	background:url(../images/breadCrumb-bg.png);
	overflow:hidden;
}
#breadcrumb p{line-height:34px; color:#603689; }
#breadcrumb p a{color:#603689; text-decoration:none;}
#breadcrumb p a:hover{color:#fff;}
.homeIcon{float:left; margin:9px 15px 0px 15px;}
/* *************************************
	contentColumns
************************************* */
.fullCol, .halfCol, .thirdCol, .quarterCol, .halfColWide, .halfColShort{
	float:left;
	margin:0px 10px 0px 10px;
	_margin:0px 5px 0px 5px;
}
.fullCol{width:940px;}
.innerPageCol .fullCol{width:760px;}
.halfCol{width:460px;}
.thirdCol{width:300px;}
.innerPageCol .thirdCol{width:240px;}
.quarterCol{width:220px;}
.innerPageCol{float:left; width:780px; margin:0; _overflow:hidden;} /* fullCol Equivalent for pages with a sub Navigation */
/* *** Inner Page Columns Only *** */
.halfColWide{width:460px;}
.halfColShort{width:280px;}
/* *************************************
	Shadows
************************************* */
.fullCol .shadow{
	float:left;
	width:940px;
	height:15px;
	background:url(../images/fullCol-Shadow.png) no-repeat;
}
.quarterCol .shadow{
	float:left;
	width:220px;
	height:15px;
	background:url(../images/quarterCol-Shadow.png) no-repeat;
}
.halfCol .shadow{
	float:left;
	width:460px;
	height:15px;
	background:url(../images/halfCol-Shadow.png) no-repeat;
}
.thirdCol .shadow, .portfolioBlock .shadow{
	float:left;
	width:300px;
	height:15px;
	background:url(../images/thirdCol-Shadow.png) no-repeat;
}
.leftNav .shadow{
	float:left;
	width:160px;
	height:10px;
	background:url(../images/left-nav-shadow.png) no-repeat;
}
.innerPageCol .shadow{
	float:left;
	width:760px;
	height:15px;
	margin-left:10px;
	background:url(../images/innerCol-Shadow.png) no-repeat;
}
.innerPageCol .thirdCol .shadow{
	float:left;
	width:230px;
	height:15px;
	background:url(../images/innerThirdColShadow.png) no-repeat;
}
.client .shadow{
	float:left;
	clear:left;
	width:171px;
	height:15px;
	background:url(../images/clients-Shadow.png) no-repeat;
}
.halfColShort .shadow{
	float:left;
	clear:left;
	width:280px;
	height:10px;
	margin-bottom:20px;
	background:url(../images/short-Col-shadow.png) no-repeat;
}
/* *************************************
	Image Borders
************************************* */
.fullCol img, .halfCol img, .thirdCol img, .quarterCol img, .portfolioBlock img{
	border:5px solid #fff;
}
.fullCol a:hover img, .halfCol a:hover img, .thirdCol a:hover img, .quarterCol a:hover img, .portfolioBlock a:hover img{
	border-color:#93278F;
}
/* *************************************
	Footer Stuff
************************************* */
#footer h3{
	color:#592E7A;
	margin:0px 0px 10px 0px;
	padding:15px 0px 15px 0px;
	border-bottom:1px dotted;
}
#footer ul, #footer li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer ul li a{
	display:block;
	width:100%;
	color:#808080;
	text-decoration:none;
	padding:3px 0px 3px 0px;
	border-bottom:1px dotted #333;
}
#footer p, #footer p a{
	color:#808080;
	text-decoration:none;
}
#footer ul li a:hover{color:#592E7A;}
#newsletter{
	float:left;
	width:220px;
	margin-bottom:10px;
}
#newsletter input{
	float:left;
	width:90px;
	margin-right:5px;
}
/* *************************************
	Portfolio Page
************************************* */
.portfolioBlock{
	float:left;
	width:300px;
	margin:0px 10px 0px 10px;
}
.portfolioBlock p{
	display:block;
	margin:0;
	padding:0;
	width:280px;
	height:27px;
	background:#93278F;
	overflow:hidden;
	line-height:27px;
	margin:-34px 0px 0px 5px;
	padding:0px 5px 0px 5px;
	position:absolute;
	font-weight:bold;
	visibility:hidden;
}
/*.portfolioBlock:hover p{ visibility:visible;}*/
p.launchButn a{
	float:right;
	display:block;
	width:276px;
	height:40px;
	line-height:40px;
	font-weight:bold;
	background:#5A2F7C url(../images/launchButn.png) right no-repeat;
	outline:none;
	text-indent:15px;
	text-decoration:none;
	overflow:hidden;
	border:2px solid #fff;
	margin:0px 0px 0px 0px;
}
p.launchButn a:hover{ background-color:#432159; color:#fff;}

.callUs{
	clear:both;
	float:left;
	margin:50px 0px 0px 10px;
}
.callUs p{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	width:756px;
	border:2px solid #fff;
	background:#432159;
	text-align:center;
	font:16px/24px 'FolksRegular', Arial, sans-serif; letter-spacing:0px;
}
/* *************************************
	Inner Pages
************************************* */
.innerPageCol h2{
	padding:20px 0px 20px 0px;
	margin:0;
	border-top:1px dotted #fff;
	float:left;
	width:100%;
}
.innerPageCol .thirdCol h2{border:none;}
.halfColShort ul, .halfColShort ul li{ margin:0; padding:0; list-style-type:none;}
.halfColShort ul li{
	float:left;
	width:130px;
	margin:0px 10px 5px 0px;
}
.innerPageCol p.left, .innerPageCol img.left{margin:0px 20px 20px 0px;}
/* *************************************
	Contact Form
************************************* */
.quarterCol form label, .quarterCol form input, .quarterCol select, .quarterCol form textarea{
	float:left;
	width:210px;
	margin:4px 0px 4px 0px;
}
/* *************************************
	About Us Page
************************************* */
.client{
	float:left;
	width:172px;
	margin:0px 10px 5px 10px;
}
.client img{
	float:left;
	border:5px solid #fff;
}
/* *************************************
	Contactable
************************************* */
#contactable #contactable_inner {
	background-image:url(../images/feeback.png);
	color:#FFFFFF;
	background-color:#333333;
	cursor:pointer;
	height:134px;
	left:0;
	margin-left:-7px; 
	*margin-left:-7px; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top:40%;
	*margin-top:-140px;
	width:44px;
	z-index:100000;
}
#contactable #contactForm {
	background-color:#333333;
	border-right:3px solid #FFFFFF;
	color:#FFFFFF;
	height:100%;
	left:0;
	margin-left:-400px;
	*margin-left:-434px;
	margin-top:-160px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:160px;
	width:360px;
	*width:394px;
	z-index:99;
}
#contactable form#contactForm input, textarea {
	background:#FFFFFF none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #dfdfdf;
	font-family: georgia;
	font-size:12px;
	margin-bottom:10px;
}
#contactable form#contactForm .submit {
	background: #5A2F7C none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:3px solid #4C1C7A;
	outline-color:-moz-use-text-color;
	font-family: georgia;
	font-size:12px;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	font-family:Helvetica;
	margin-top:10px;
}
#contactable form#contactForm p {
	width:325px;
	font-size:11px;
}
#contactable form#contactForm .disclaimer {
	*margin-left:20px;
}
#contactable #contactForm .red {
	color:	#F5410F;
}
#contactable #overlay {
	background-color:#666666;
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
} 
#contactable .error { background-color: #EDBE9C; }
#contactable #name.error { background-color: #EDBE9C; } 
#contactable #email.error { background-color: #EDBE9C; }
#contactable #comment.error { background-color: #EDBE9C; }
#contactable #telno.error { background-color: #EDBE9C; }
#contactable form#contactForm label{
	*margin-left:20px;
}
#contactable form#contactForm #loading {
	background: url(../images/ajax-loader.gif) no-repeat;
	width:55px;
	height:55px;
	margin: 100px auto;
	display:none;
}
#contactable #callback {
	font-family: georgia;
	font-size:1.1em;
	color: #FFF;
	width:325px;
	margin: 100px auto;	
	display:none;
}
#contactable .holder {
	margin:0 auto;
	*margin-left:20px;
	padding-top:20px;	
}	
/********************************
          Sitemap
********************************/
ul.sitemap{
	margin:0; padding:0;
	list-style:none;
}
ul.sitemap ul{
	background:#5A2F7C;
	margin:0; padding:0;
	list-style:none;
	margin-left:20px;
}
.sitemap li{
	border-top:1px dotted #fff;
	margin:0; padding:0;
	list-style:none;
}
.sitemap li a{
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
	padding:10px;
}
.sitemap li a:hover{
	background-color:#fff;
	color:#5A2F7C;
}