/* 
   Clarity Computing : MASTER STYLESHEET
   DUSZA Limited, http://www.dusza.co.uk/
   Gavin Cooper, August 07

   FOUNDATIONS                                                                                     FOUNDATIONS ::
----------------------------------------------------------------------------------------------------------------- */
*
{
	margin: 				0;
	padding: 				0;
	border: 				0;
	outline: 				0;
}
html 
{
	overflow: 				auto;
	}
body 
{
	font-family: 			Arial, sans-serif;
	background: 			#b1d3f0 url("../images/sky.gif") repeat-x;
	color: 					#525252;
	font-size:				62.5%;
	text-align:				center;
	}
a 
{
	text-decoration: 		none;
	}
li 
{
	list-style-type: 		none;
	}
img 
{
	border:					none;
	}
hr
{
	position:				absolute;
	top:					-9999px;
	left:					-9999px;
	height:					0;
	width:					0;
	overflow:				hidden;
	}
div#wrapper
{
	float:					left;
	width:					100%;
	}
div.container
{
	width:					640px;
	margin:					0 auto;
	text-align:				left;
	}
/*   HEAD                                                                                     HEAD ::
----------------------------------------------------------------------------------------------------------------- */
div#head
{
	float:					left;
	position:				relative;
	width:					640px;
	height:					347px;
	background:				url("../images/head.jpg") no-repeat;
	}
h1
{
	display:				block;
	text-indent:			-9999px;
	height:					0px;
	width:					0px;
	overflow:				hidden;
	}
div#print-logo, .hidden
{
	position:				absolute;
	top:					-9999px;
	left:					-9999px;
	height:					0px;
	width:					0px;
	display:				none;
	overflow:				hidden;
	}
div#head p
{
	position:				absolute;
	top:					130px;
	left:					49px;
	display:				block;
	color:					#cedbed;
	font-size:				1.4em;
	line-height:			24px;
	width:					290px;
	}
div#head p span.lquote
{
	display:				block;
	width:					21px;
	height:					19px;
	float:					left;
	margin:					0 10px 0 0;
	text-indent:			-9999px;
	background:				url("../images/lquote.png") no-repeat;
	}
div#head p a.rquote
{
	display:				inline;
	padding:				0 0 5px 0;
	margin:					0 0 0 8px;
	background:				url("../images/rquote.png") no-repeat;
	}
/*   NAV                                                                                     NAV ::
----------------------------------------------------------------------------------------------------------------- */
ol#nav
{
	position:				absolute;
	top:					308px;
	left:					20px;
	width:					600px;
	height:					39px;
	}
ol#nav li 
{ 
	display:				inline;
	}
ol#nav li a
{
	display:				block;
	width:					120px;
	float:					left;
	text-align:				center;
	padding:				11px 0 12px;
	font-size:				1.4em;
	color:					#cce1fe;
	}
ol#nav li a:hover, body#services li a.services, body#about li a.about, body#case li a.case, body#contact li a.contact
{
	color:					#fff;
	background:				url("../images/nav-hover.gif") repeat-x;
	}
/*   CONTENT                                                                                     CONTENT ::
----------------------------------------------------------------------------------------------------------------- */
div#content
{
	float:					left;
	display:				inline;
	width:					640px;
	w\idth:					540px;
	padding:				30px 50px 0;
	background:				url("../images/content.png") no-repeat;
	min-height:				390px;
	height:					auto !important; /*IE FIX for min-height */
	height:					390px;
	}
div#sidebar
{
	float:					left;
	width:					170px;
	margin:					0 10px 0 0;
	}
div#main
{
	float:					left;
	width:					360px;
	}
div.case
{
	float:					left;
	margin:					0 0 20px;
	}
div.case img
{
	border:					5px solid #3c68ab;
	}
div.case img:hover
{
	border:					5px solid #538fec;
	}
div.case h3
{
	float:					left;
	width:					170px;
	font-size:				1.2em;
	color:					#3c68ab;
	margin:					5px 0;
	}
div.case a.more
{
	width:					170px;
	float:					left;
	color:					#797979;
	font-size:				1em;
	}
div.case a.more:hover
{
	text-decoration:		underline;
	}
div#main p.emph
{
	font-size:				1.4em;
	color:					#3c68ab;
	line-height:			20px;
	margin:					0 0 20px;
	}
div#main p
{
	font-size:				1.2em;
	color:					#525252;
	line-height:			20px;
	margin:					0 0 10px;
	}
body#home div#main p a
{
	color:					#3c68ab;
	text-decoration:		none;
	}
body#home div#main p a:hover
{
	text-decoration:		underline;
	}
ul.services li
{
	width:					540px;
	height:					115px;
	float:					left;
	background:				#C7DDF4;
	margin:					0 0 30px;
	}
ul.services li:hover
{
	background:				#DFEDF8;
	}
ul.services li img
{
	float:					left;
	}
ul.services h3
{
	font-size:				1.3em;
	}
ul.services h3 a
{
	color:					#3c68ab;
	float:					left;
	display:				inline;
	text-transform:			uppercase;
	width:					110px;
	margin:					10px;
	}
ul.services a.more
{
	float:					left;
	width:					110px;
	margin:					10px;
	color:					#797979;
	}
ul.services a.more:hover
{
	text-decoration:		underline;
	}
body#services div#content p.emph, body#about div#content p.emph, body#case div#content p.emph, body#case-study div#content p.emph, body#service div#content p.emph, body#contact div#content p.emph, body#terms div#content p.emph, body#privacy div#content p.emph, body#error div#content p.emph, body#site-map div#content p.emph
{
	float:					left;
	width:					540px;
	margin:					0 0 20px;
	font-size:				1.4em;
	color:					#3C68AB;
	line-height:			20px;
	}
body#services div#content p, body#about div#content p, body#case div#content p, body#case-study div#content p, body#service div#content p, body#contact div#content p, body#terms div#content p, body#privacy div#content p, body#error div#content p, body#site-map div#content p
{
	float:					left;
	width:					540px;
	margin:					0 0 30px;
	font-size:				1.2em;
	line-height:			20px;
	}
body#contact div.container div#frame p.smLower {
	margin-bottom:		10px;
}

body#about div#showcase
{
	float:					left;
	width:					540px;
	background:				url("../images/about-case.gif") no-repeat;
	}
body#about div.case
{
	float:					left;
	width:					150px;
	height:					460px;
	}
body#about div.case-1, body#about div.case-2
{
	margin:					0 40px 0 0;
	}
body#about div.case img
{
	border:					none;
	}
body#about div.case h3
{
	font-size:				1.3em;
	float:					left;
	display:				inline;
	width:					130px;
	margin:					10px;
	text-transform:			uppercase;
	}
body#about div.case a.more
{
	float:					left;
	display:				inline;
	width:					130px;
	margin:					0 10px 10px 10px;
	}
body#case ul#showcase
{
	float:					left;
	width:					540px;
	}
ul#showcase
{
	float:					left;
	width:					540px;
	}
ul#showcase li
{
	float:					left;
	width:					540px;
	background:				#DFEDF8;
	margin:					0 0 30px 0;
	padding-bottom:			10px;
	}
ul#showcase li:hover
{
	background:				#C7DDF4;
	}
ul#showcase li h3
{
	float:					left;
	width:					520px;
	margin:					10px;
	text-transform:			uppercase;
	font-size:				1.3em;
	display:				inline;
	}
ul#showcase li h3 a
{
	color:					#3C68AB;
	}
ul#showcase li p
{
	float:					left;
	display:				inline;
	width:					520px !important;
	margin:					0px 10px !important;
	}
ul#showcase li a.more
{
	float:					left;
	display:				inline;
	width:					520px;
	margin:					10px 10px 0;
	color:					#797979;
	}
ul#showcase li p a
{
	color:					#3C68AB;
	}
ul#showcase li a.more:hover, ul#showcase li p a:hover
{
	text-decoration:		underline;
	}
body#case-study div#content h3, body#service div#content h3, body#contact div#content h3, body#terms div#content h3, body#privacy div#content h3, body#site-map div#content h3, body#error div#content h3
{
	float:					left;
	text-transform:			uppercase;
	font-size:				1.3em;
	color:					#3C68AB;
	width:					540px;
	margin:					0 0 20px;
	}
ul#images
{
	float:					left;
	width:					540px;
	}
ul#images li
{
	float:					left;
	width:					540px;
	margin:					0 0 30px;
	}
ul#images li a
{
	width:					530px;
	height:					95px;
	border:					5px solid #3c68ab;
	overflow:				hidden;
	}
ul#images li a:hover
{
	border:					5px solid #538fec;
	}
body#case-study div#content p a, body#service div#content p a
{
	color:					#3C68AB;
	}
body#case-study div#content ul#images a, body#service div#content ul#images a, a.back
{
	float:					left;
	width:					540px;
	color:					#797979;
	margin:					30px 0 0;
	}
body#case-study div#content a:hover, body#service div#content a:hover
{
	text-decoration:		underline;
	}
body#image div#content img
{
	width:					530px;
	height:					540px;
	overflow:				hidden;
	float:					left;
	border:					5px solid #3c68ab;
	}
body#image div#content a
{
	float:					left;
	width:					540px;
	margin:					0 0 30px;
	color:					#797979;
	}
body#image div#content a:hover
{
	text-decoration:		underline;
	}
ul.list
{
	width:					540px;
	float:					left;
	display:				inline;
	margin:					0 0 15px 15px;
	}
ul.list li
{
	font-size:				1.2em;
	margin:					0 0 5px;
	list-style-type:		disc;
	}
body#terms div#content a, body#privacy div#content a
{
	color:					#525252;
	font-weight:			bold;
	}
body#terms div#content a:hover, body#privacy div#content a:hover
{
	text-decoration:		underline;
	}
ol#map
{
	float:					left;
	width:					540px;
	}
ol#map li
{
	float:					left;
	width:					540px;
	margin:					0 0 10px;
	}
ol#map li a
{
	font-size:				1.2em;
	color:					#3C68AB;
	}
ol#map li a:hover
{
	text-decoration:		underline;
	}
ul.embed
{
	margin:					5px 0 0;
	}
ul.embed li a
{
	color:					#797979 !important;
	}
ul.embed li a:hover
{
	text-decoration:		underline;
	}
/*   FORMS                                                                                     FORMS ::
----------------------------------------------------------------------------------------------------------------- */
filedset, form
{
	float:					left;
	width:					540px;
	}
legend
{
	font-size:				1.3em;
	text-transform:			uppercase;
	color:					#3C68AB;
	font-weight:			bold;
	margin:					0 0 0 -5px;
	}
body#contact div#content ol, body#contact div#content li
{
	float:					left;
	width:					540px;
	}
body#contact div#content ul {
	float:		left;
	margin:	0 0 30px 15px;
	font-size:			1.2em;
}

body#contact div#content ul li {
	list-style-type:	disc;
}

label, button
{
	float:					left;
	clear:					left;
	width:					150px;
	font-size:				1.2em;
	margin:					20px 0 0;
	color:					#3C68AB;
	padding:				6px 0;
	}
span.warning
{
	color:					#525252;
	font-style:				italic;
	}
input, textarea
{
	width:					388px;
	w\idth:					378px;
	float:					left;
	margin:					20px 0 0;
	background:				#DFEDF8 !important;
	padding:				5px;
	border:					1px solid #DFEDF8;
	}
textarea
{
	font-family: 			Arial, sans-serif;
	font-size:				1.3em;
	}
input:focus, textarea:focus
{
	border:					1px solid #3C68AB;
	}
body#contact form p
{
	margin:					15px 0 0 0 !important;
	color:					#3C68AB;
	text-transform:			uppercase;
	font-weight:			bold;
	}
button
{
	float:					left;
	display:				inline;
	margin:					10px 0 0 150px;
	padding:				5px;
	color:					#3C68AB;
	background:				#DFEDF8;
	border:					1px solid #DFEDF8;
	cursor:					pointer;
	}
button:hover
{
	border:					1px solid #3C68AB;
	}
span.good
{
	color:					#488D22;
	}
/*   FOOT                                                                                     FOOT ::
----------------------------------------------------------------------------------------------------------------- */
div#footwrap
{
	float:					left;
	width:					100%;
	height:					281px;
	background:				url("../images/foot.jpg") repeat-y 47.8% 0;
	}
div#foot
{
	position:				relative;
	float:					left;
	height:					160px;
	width:					640px;
	padding:				108px 0 0;
	background:				url("../images/foot.png") no-repeat;
	text-align:				left;
	}
div#foot p
{
	font-size:				1em;
	color:					#143501;
	display:				inline;
	float:					left;
	margin:					5px 50px 0;
	}
div#foot p a
{
	color:					#143501;
	}
div#foot p a:hover
{
	color:					#0f2403;
	text-decoration:		underline;
	}
span.type
{
	display:				block;
	height:					0px;
	width:					0px;
	overflow:				hidden;
	position:				absolute;
	left:					-9999px;
	}
div#foot-info
{
	float:					left;
	display:				inline;
	margin:					0 0 0 20px;
	padding:				20px 0 0;
	background:				url("../images/foot-lower.jpg") no-repeat;
	width:					600px;
	height:					140px;
	}
div#credit
{
	float:					left;
	clear:					left;
	width:					99px;
	height:					48px;
	display:				inline;
	margin:					0 0 0 45px;
	}
div#credit a
{
	float:					left;
	display:				block;
	width:					99px;
	height:					48px;
	text-indent:			-9999px;
	background:				url("../images/credit.gif") no-repeat 0 0;
	}
div#credit a:hover
{
	background-position:	0 -48px;
	}
div#credit_links{
	float:					left;
	clear:				left;
	margin-left:		48px;
	color:				#143501;
}
div#credit_links a {
	color:				#143501;
}