/* Reset Styles - Don't forget to set a foreground and background color 
on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-weight:normal;
}

strong {
	font-weight:bold;	
}

body {
	font-family:"Trebuchet MS";	
	font-size:14px;
	background-color:#fff;
	color:#666;
}

.frame {
	width:1000px;
	margin:0px auto;	
}

.clr {
	clear:both;
}

li {
	list-style:none;	
}


h1, h2, h3, h4, h5 {
	color:#333;
}

h1 {
	font-size:60px;	
	color:#333;
}


h4 {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0px;
}

h2 {
	font-size:30px;	
	margin-top:20px;
	margin-bottom:5px;
}

.left-column h3 {
	margin-top:10px;
	margin-bottom:10px;
	padding-left:8px;
}
.right-column h2 {
	font-size:24px;
}

h3 {
	font-size:18px;	
}

p {
	line-height:20px;	
}

a {
	color:#FF8A00;
	font-weight:bold;	
}

#head {
	background:url('../images/head-bg.gif') repeat-x;
	height:72px;
}

#head .frame img {
	padding-top:10px;
}

#main {
	background:url('../images/body-bg.gif') repeat;
	padding-bottom:59px;
}

img#genie {
	position:absolute;
	top:-71px;
	left:-40px;
}

.divider {
	height:1px;
	background:url('../images/divider.gif') repeat-x;
	margin:10px 0px;	
}

.left-column .divider {
	margin:20px 0px;
}
ul.ticked li {
	list-style:none;
	background:url('../images/tick.gif') no-repeat 0px 5px;	
	padding-left:32px;
	padding-top:7px;
	padding-bottom:7px;	
	line-height:18px;
}

.introduction {
	height:293px;
}
.left-column .introduction p {
	font-size:18px;	
	margin:0px 0px 20px 0px;
	line-height:25px;	
	color:#666;
}

.left-column .introduction {
	padding-top:64px;
	height:229px;
}

.left-column {
	width:560px;
	float:left;
	/*padding-right:20px;*/
}

.left-column p {
	font-size:12px;
	margin:5px 0px;
	line-height:15px;
	padding-left:8px;
	padding-right:8px;
}

.right-column p {
	margin:5px 0px 10px 0px;
}

.left-column img.bordered, ul.site-thumbs img {
	border:1px solid #E3E0DF;	
	padding:13px;
	background-color:white;
	display:block;
}

.right-column {
	width:400px;
	float:left;
	position:relative;
	padding-left:20px;
}

ul.site-thumbs li {
	width:98px;
	float:left;	
	margin-right:13px;
	height:149px;
}

ul.site-thumbs li p {
	padding-left:12px;	
	font-weight:bold;
	color:#333;
}


#footer {
	background:url('../images/footer-bg.gif') repeat-x;
	height:420px; 	
	padding-top:25px;;
}

#footer, #footer h1, #footer h2, #footer h3, #footer input, #footer textarea, #footer a {
	color:#e2dad7;	
}

#footer p {

}

#footer a {
	font-weight:normal;
	text-decoration:none;
}


#footer input, #footer textarea {
	background-color:#333;
	border:1px solid #403F3F;
	float:left;
	
}

#footer label {
	text-align:right;
	float:left;	
	width:100px;
	margin-right:12px;
	margin-top:6px;
}

#footer form p {
	clear:left;
	padding:5px 0px;
}

#footer input {
	width:203px;
	height:23px;	
}

#footer .submit {
	width:auto;	
}

#footer label {
	color:#838282;	
}

#footer textarea {
	width:228px;
	height:103px;	
}

#footer .note {
	font-size:12px;
}

#footer .note p {
	line-height:18px;
}

#footer .block {
	width:350px;
	float:left;
}

#footer .block.last {
	width:300px;
	text-align:right;
}

#footer .block.first {
	width:305px;
	padding-left:28px;
}

ul.what-we-do {
	padding-left:25px;
	height:118px;
	width:174px;
	float:left;
}

ul.what-we-do li {
	padding:2px 0px;	
}