/*reset*/

/* v1.0 | 20080212 */

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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*native*/

a, a img, img{
	border:0px;
	text-decoration: none;
	color:#343434;
}

body{

	font-family:Verdana, Times New Roman, serif;
	font-size:12px;
	background-color: white;
	color: #343434;
	line-height: 17px;
}

ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

h1{
	color:#5975b6;
	font-size: 16px;
	font-weight:lighter;
	padding-bottom: 5px;
	padding-top: 5px;
}

h2{
	color:#5975b6;
	font-size: 14px;
	font-weight:lighter;
}

p{
	padding-bottom: 10px;
}

b{
	color:#5975b6;
	font-size: 12px;
	font-weight:lighter;
}

/*ids*/

#about{
	position: relative;
	float: left;
	width:830px;
	left:110px;
	top:20px;
}

#about-image{
	position: relative;
	float: left;
	left:5px;
	margin-top: 5px;
}

#about-intro{
	position: relative;
	float: left;
}

#bios{
	position: relative;
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
}

#bios h1{
	margin-bottom: 10px;
}

#bios p{
	margin-top: 5px;
}

#business-card{
	position: relative;
	float: left;
	width: 265px;
	height: 120px;
	background: url(../images/business-card.jpg) no-repeat top left;
	top:15px;
	left:8px;
	color:#5975b6;
}

#business-card p{
	position: relative;
	float: left;
	left:20px;
	top:10px;
	line-height: 12px;
	padding-bottom: 0px;
}

#business-card a{
	position: relative;
	float: left;
	left:20px;
	top:10px;
	line-height: 12px;
	padding-bottom: 0px;
	color:#5975b6;
}

#business-card img{
	position: relative;
	float: left;
	left:20px;
	top:10px;
	margin-top: 5px;
	width:23px;
}

#contact{
	position: relative;
	float: left;
	width:830px;
	left:110px;
	top:20px;
	margin-bottom: 20px;
	min-height:600px;
}

#contact-email{
	position: relative;
	float: left;
	width:200px;
}

#contact-form{
	position: relative;
	float: left;
	display: none;
}

#contact-form p{
	margin-bottom: -10px;
	margin-left: 1px;
}

#contact-form h1{
	margin-bottom: 10px;
}

#contact-form input{
	margin-bottom: 10px;
	border: 1px solid #8398c8;
	font-size: 14px;
	-webkit-border-radius: 0px;
}

#contact-form textarea{
	margin-bottom: 10px;
	border: 1px solid #8398c8;
	font-size: 14px;
	width:220px;
	-webkit-border-radius: 0px;
}

#contact-form select{
	width:226px;
	height:32px;
	font-size: 12px;
	background: transparent;
	padding: 5px;
	border: 1px solid #8398c8;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	background-image: url(../images/contact/drop_down_arrow.png); 
	background-position: center right;
	background-repeat: no-repeat;
	z-index: 200;
	margin-bottom: 10px;
}

#contact-form input:focus, textarea:focus{
	border: 2px solid #8398c8;
}

#contact-form image{
	border: 0px;
	width:86px;
	height: 18px;
}

#contact-howto{
	position: relative;
	float: left;
	margin-bottom: 20px;
}

#contact-intro{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#contact-intro a{
	color:#5975b6;
}

#contact-phone{
	position: relative;
	float: left;
	width:300px;
}

#contact-post{
	position: relative;
	float: left;
	width:320px;
}


#faq{
	position: relative;
	float: left;
	width:830px;
	left:110px;
	top:20px;
	margin-bottom: 20px;
	min-height:600px;
}

#faq-intro{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#faq-intro a{
	color:#5975b6;
}

#faq-sub-intro{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#faq-sub-intro a{
	color:#5975b6;
}

#faq-questions{
	position: relative;
	float: left;
	margin-left: 30px;
	width:800px;
}

#footer{
	position: relative;
	float: left;
	width:1024px;
}

#footer p{
	position: relative;
	float: left;
	left:220px;
	top:15px;
}

#footer img{
	position: relative;
	float: right;
}

#footer a:hover{
	color:#5975b6;
}

#footer-divide{
	position: relative;
	float: left;
	width:1024px;
	height: 9px;
	background: url(../images/footer_divide.png) no-repeat top left;
	margin-top: 10px;
}

#form-checkbox input{
	position: relative;
	float: left;
	left:-5px;
}

#form-checkbox p{
	position: relative;
	float: left;
	left:30px;
	top:-32px;
}

#form-details{
	position: relative;
	float: left;
	width:320px;
}

#form-enquiry{
	position: relative;
	float: left;
	width:300px;
}

#form-select{
	width:20px;
	height:20px;
	position: relative;
	float: left;
	background: url(../images/contact/drop_down_arrow.png) no-repeat top left;
	margin-bottom: -20px;
	margin-right: -20px;
	left:200px;
	top:6px;
	z-index: 0;
}

#form-submit{
	position: relative;
	float: right;
	top:-50px;
	left:-125px;
	display: none; 
}

#form-verify{
	position: relative;
	float: left;
	width:160px;
}

#header{
	position: relative;
	float: left;
}

#headline-rtpi{
	position: relative;
	float: right;
}

#headlines{
	position: relative;
	float: left;
	width:830px;
	left:110px;
	top:20px;
}

#home{
	position: relative;
	float: left;
}

#home-about{
	position: relative;
	float: left;
	width:806px;
	left:110px;
}

#links{
	position: relative;
	float: left;
	width:830px;
	left:110px;
	top:20px;
	margin-bottom: 20px;
	min-height:600px;
}

#links-intro{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#links-items{
	position: relative;
	float: left;
	margin-left: 30px;
	width:800px;
}

#links-items a{
	color:#5975b6;
}

#logo{
	position: relative;
	float: left;
	left:306px;
	margin-right: 306px;
}

#nav{
	position: relative;
	float: left;
	width:1024px;
	height: 37px;
	background: url(../images/nav_bg.png) no-repeat top left;
}

#nav-about{
	position: relative;
	float: left;
	width: 46px;
	height: 13px;
	background: url(../images/nav/about.png) no-repeat top left;
	cursor: hand;
	cursor: pointer;
}

#nav-about:hover{
	background: url(../images/nav/about_roll.png) no-repeat top left;
}

#nav-contact{
	position: relative;
	float: left;
	width: 62px;
	height: 13px;
	background: url(../images/nav/contact.png) no-repeat top left;
	cursor: hand;
	cursor: pointer;
}

#nav-contact:hover{
	background: url(../images/nav/contact_roll.png) no-repeat top left;
}

#nav-home{
	position: relative;
	float: left;
	width: 44px;
	height: 13px;
	background: url(../images/nav/home.png) no-repeat top left;
	cursor: hand;
	cursor: pointer;
}

#nav-home:hover{
	background: url(../images/nav/home_roll.png) no-repeat top left;
}

#nav-items{
	position: relative;
	float: left;
	left:300px;
	top:11px;
}

#nav-links{
	position: relative;
	float: left;
	width: 40px;
	height: 13px;
	background: url(../images/nav/links.png) no-repeat top left;
	cursor: hand;
	cursor: pointer;
}

#nav-links:hover{
	background: url(../images/nav/links_roll.png) no-repeat top left;
}

#nav-services{
	position: relative;
	float: left;
	width: 132px;
	height: 13px;
	background: url(../images/nav/services.png) no-repeat top left;
	cursor: hand;
	cursor: pointer;
}

#nav-services:hover{
	background: url(../images/nav/services_roll.png) no-repeat top left;
}

#services{
	position: relative;
	float: left;
	width:830px;
	left:110px;
	top:20px;
	margin-bottom: 20px;
	min-height:600px;
}

#services-intro{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#services-intro a{
	color:#5975b6;
}

#services-items{
	position: relative;
	float: left;
	margin-left: 30px;
	width:800px;
}

#social-area{
	position: relative;
	float: left;
	left:155px;
}

#social-area a{
	position: relative;
	float: left;
	padding: 2px 10px 0px 5px;
	font-size: 12px;
	color: #5975b6;
}

#social-area img{
	position: relative;
	float: left;
}

#sub-footer{
	position: relative;
	float: left;
	width:806px;
	left:110px;
}

#sub-footer-btn{
	position: relative;
	float: left;
	left:270px;
	margin-bottom: 10px;
}

#sub-footer-divide{
	position: relative;
	float: left;
	width:1024px;
	height:1px;
	background: url(../images/sub_footer/divide.png) no-repeat top center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#twitter-feed{
	position: relative;
	float: left;
	font-size: 14px;
}

#twitter_update_list li {
	list-style-type: none;
	font-size: 12px;
	margin-bottom: 10px;
}


#wrapper{
	margin: 0px auto 0px auto;
	width: 1024px;
	height:100%;
	z-index: 50;
}


/*classes*/

.business-card-item{
	margin-top: 7px;
	margin-left: 2px;
}

.clearing{

	clear: both;

}

.headline{
	position: relative;
	float: left;
}

.headline p{
	width:228px;
}

.headline h1{
	width:228px;
	font-size: 14px;
}

.headline a{
	color:#5975b6;
}

.headline-image{
	position: relative;
	float: left;
}

.headline-seperator{
	position: relative;
	float: left;
	width: 1px;
	height: 350px;
	background: url(../images/home/headline_seperator.png) no-repeat top left;
	margin-left: 30px;
	margin-right: 30px;
}

.link{
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 23px;
	cursor: hand;
	cursor: pointer;
}

.link img{
	position: relative;
	float: left;
	top:1px;
	left:1px;
	margin-right: -21px;
}

.link h2{
	position: relative;
	width:800px;
	left:20px;
}

.link p{
	position: relative;
	float: left;
	margin-top: 7px;
	clear:both;
	width:800px;
	margin-bottom: -13px;
}

.nav-seperator{
	position: relative;
	float: left;
	top:5px;
	margin-left: 10px;
	margin-right: 10px;
}

.question{
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 10px;
	cursor: hand;
	cursor: pointer;
}

.question a{
	color:#5975b6;
}

.question img{
	position: relative;
	float: left;
	top:1px;
	left:1px;
	margin-right: -21px;
}

.question h2{
	position: relative;
	width:800px;
	left:20px;
}

.question p{
	position: relative;
	float: left;
	margin-top: 7px;
	clear:both;
	width:800px;
}

.service{
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 23px;
	cursor: hand;
	cursor: pointer;
}

.service img{
	position: relative;
	float: left;
	top:1px;
	left:1px;
	margin-right: -21px;
}

.service h2{
	position: relative;
	width:800px;
	left:20px;
}

.service p{
	position: relative;
	float: left;
	margin-top: 7px;
	clear:both;
	width:800px;
	margin-bottom: -13px;
}