@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; background: url(images/bg.jpg) repeat-x; font-size: 90%; line-height: 22px;}

/* text */

h1 {font-size: 1.4em; color: #3333FF; padding-bottom: 20px;}
#toplinks h1 {font-size: 1em; color: #fff; padding: 0; font-weight: normal;}
.maintext h1 {color: #3333ff; font-size: 1.5em;}

.services p, .servicestext a, .news p, .newstext a, .bottomnavbox1 p, .bottomnavbox2 p, .seotext p, .maincontent p, .maincontent a, .sitemap p, .sitemap a {
	color: #333333; line-height: 22px;}
.services h2, .seotext h2, .news h2, .featuretxt h2, .maincontent h2, .maintextsmall h3, .maincontent h3, .map h2, .sitemap h2, .sitemap h3 {
	color: #3333ff;
}

.maincontent a, .sitemap a, .footer a { text-decoration: none; font-weight: bold;}
.maincontent p, .featuretxt p, .sitemap p{color: #333333;}
.maincontent h2, .map h2, .sitemap h2 {font-size: 1.1em; margin: 0 0 18px 0;}
.maincontent h3, .sitemap h3 { font-size: 1em; margin: 10px 0 10px 0; }
.maincontent ul li {list-style-type: disc;}
.maincontent ul { margin: 10px 0 10px 0;}
.maincontent li {margin: 10px 0 5px 20px;}
.maintextsmall h2 {margin: 0 0 4px 0;}
.maintextsmall h3 {margin: 12px 0 4px 0; font-size: 1em;}
.maintext a:link, .maintext a:visited, .maintext a:hover, .maintext a:active {color: #3333ff; text-decoration: underline; font-weight: normal;}

.servicestext a, .newstext a { text-decoration: none;}
.servicestext p, .bottomnavbox1 p, .bottomnavbox2 p, .seotext p {font-size: 0.9em; line-height: 1.6em;}
.servicestitle h2, .newstitle h2 {font-size: 1.1em; margin: 0 0 6px 0;}

.newstext p {font-size: 0.9em; line-height: 1.2em;}
.newssmall a { color: #4a52d0; line-height: 1.3em;}

.legalbar p, .legalbar a { color: #fff;}
.legalbar p { font-size: 0.7em; margin: 0;}
.legalbar a { font-size: 1em; text-decoration: none; margin: 3px 0 3px 40px;}

.footer p, .footer h2 { color: #fff;}
.footer h2, .bottomnavbox1 h2, .bottomnavbox2 h2 { font-size: 1em; }
.footer p { font-size: 0.9em; line-height: 1.6em;}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {color: #fff;}

.featurebutton1 a, .featurebutton2 a, .featurebutton3 a {color:#fff; font-size: 1em; text-decoration: none;}
.featuretxt a:link, .featuretxt a:visited, .featuretxt a:hover, .featuretxt a:active {color: #3333ff; text-decoration: underline; font-weight: normal;}
.featuretxt h2 {font-size: 1.6em; margin: 0 0 10px 0; line-height: 1.2em;}

.header_generic_right_column li {margin: 0 0 0 20px;}
#header_generic h1 {color: #fff; padding: 10px 0 0 0;}
#header_generic h2 {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
.header_services_left_column a:link, .header_services_left_column a:visited, .header_services_left_column a:hover, .header_services_left_column a:active {color: #fff; text-decoration: none;}
.header_services_right_column a:link, .header_services_right_column a:visited, .header_services_right_column a:hover, .header_services_right_column a:active {color: #fff; text-decoration: none;}
.header_generic_left_column a:link, .header_generic_left_column a:visited, .header_generic_left_column a:hover, .header_generic_left_column a:active {color: #fff; text-decoration: underline;}
.header_generic_right_column a:link, .header_generic_right_column a:visited, .header_generic_right_column a:hover, .header_generic_right_column a:active {color: #fff; text-decoration: underline;}
.header_portfolio_left_column a:link, .header_portfolio_left_column a:visited, .header_portfolio_left_column a:hover, .header_portfolio_left_column a:active {color: #fff; text-decoration: underline;}

.white a:link, .white a:visited, .white a:hover, .white a:active {color: #fff; text-decoration: none;}


/* template items */

#header, .internal, .topbarcentre {text-align: left; margin: 0 auto; width: 1020px;}
#logo {
	float: left;
	width: 335px;
	height: 72px;
	background: url(images/logo.png) no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header_call_to_action {
	float: right;
	width: 232px;
	height: 87px;
	background: url(images/get_in_touch.png) no-repeat;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 400px;
}
#toplinks {
	display: block;
	color: #fff;
	height: 20px;
	width: 1020px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#toplinks a:link, #toplinks a:visited, #toplinks a:hover, #toplinks a:active {color: #fff; margin: 0 10px 0 0; text-decoration: none;}
.toplinks_left {float: left; display: inline;}
.toplinks_right {float: right; display: inline; margin: 0 10px 0 0;}

.rightcol {width: 220px; float: right; display: inline; margin: 0 20px 0 0;}
.services, .news {width: 220px; height: 260px; float: left; background: url(images/services_bg.gif) no-repeat; display: inline;}
.services {margin: 10px 0;}
.news {clear: right; margin: 10px 0;}
.servicestitle, .servicestext, .newstitle, .newstext {width: 200px; float: left; padding: 10px 0 0 0; margin: 0 10px; display: inline;}
.servicestitle, .newstitle { border-bottom: 1px solid #cdcdcd;}
.newssmall { font-size: 0.8em;}

.legalbar_outer {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #333333;
}
.legalbar {width: 1020px; background: none; margin: 0 auto; padding: 5px 0;}

.bottomnav {width: 1020px; background: none; margin: 0;}
.bottomnavbox1, .bottomnavbox2 { width: 330px; float: left; display: inline; padding: 0; margin: 10px 0 0 0;}
.bottomnavbox1 h2, .bottomnavbox2 h2 {color: #fff;}
.bottomnavbox1 a, .bottomnavbox2 a { text-decoration: none; color: #fff;}

.brochure {width: 220px; float: right;}


/* bottom area */

.bottomcontent_outer {background: #5f6df4;}
.bottomcontent {width: 1020px; margin: 0 auto; padding: 0 0 10px 0;}


/* footer */

.footer {
	clear: both;
	color: #FFFFFF;
	background-color: #000000;
}
.footer_inner { margin: 0 auto; width: 1020px; padding: 10px 0;}


/* headers */

#header_feature_area {
	margin-top: 30px;
	float: left;
	width: 950px;
	color: #FFFFFF;
}
.header_feature_button1 {background: url(images/feature_1_index_off.png) no-repeat;}
.header_feature_button1, .header_feature_button2 {float: left; width: 333px; height: 63px;}
.header_feature_button1:hover {background: url(images/feature_1_index_over.png) no-repeat;}
.header_feature_button2 {background: url(images/feature_2_index_off.png) no-repeat;}
.header_feature_button2:hover {background: url(images/feature_2_index_over.png) no-repeat;}
.header_feature_button3 {float: left; width: 334px; height: 63px; background: url(images/feature_3_index_off.png) no-repeat;}
.header_feature_button3:hover {background: url(images/feature_3_index_over.png) no-repeat;}

#header_generic { height: 405px; margin: 0 0 20px 0; color: #fff;}
.header_generic_left_column, .header_services_left_column {width: 45%; float: left; padding: 15px 0 0 0;}
.header_generic_right_column, .header_services_right_column { float: right; margin: 0; padding: 15px 20px 0 0; width: 45%;}

.header_portfolio_left_column {width: 65%; float: left; padding: 15px 0 0 0;}
.header_portfolio_right_column {float: right; padding: 15px 20px 0 0; width: 300px;}

#header_index {/*background-image: url(images/header_index.jpg);*/ height: 405px; background-repeat: no-repeat; margin: 0 0 10px 0;}
.header_text_index {width: 45%; float: left; margin: 0 0 0 10px; color: #fff; padding: 130px 0 0 20px;}


/* pages */

.content {background: #fff; padding: 0 0 10px 0; text-align: left; margin: 0 auto; width: 1020px;}
.head {float: left; width: 1020px;}
.maincontent, .sitemap {width: 770px; float: left;}
.maintext {
	width: 97%;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.maintextimg {width: 250px; float: left; margin: 10px 10px 0 0;}
.maintextsmall {width: 490px; float: left; margin: 10px 0 0 0;}
.map {width: 755px; margin: 10px 0 0 10px; float: left;}
.left {float: left; margin-right: 15px; margin-bottom: 10px;}
.right {float: right; margin: 0 0 0 5px;}

.action {float: right; width: 160px; padding: 10px 0 0 0;}
.featurebox {background-color: #CCCCCC; margin: 10px; padding: 10px; float: right; width: 200px;}
.address {width: 320px; float: right; margin: 10px 0 0 0; padding: 10px 0 0 0;}
.featurewrapper {width: 770px; float: left; display: inline;}
.feature {width: 245px; height: 255px; float: left; display: inline; padding: 0 10px 0 0;}
.featuretxt {width: 230px; float: left; margin: 10px 0 0 0; padding: 0 0 8px 0; display: inline;}
.featurebutton1, .featurebutton2, .featurebutton3 {float: left; padding: 0 10px; text-align: center; display: inline;}

.featurebutton1 {width: 85px; background: url(images/orange_button_small_bg.gif) no-repeat left;}
.featurebutton2 {width: 160px; background: url(images/orange_button_large_bg.gif) no-repeat left; height: 32px; text-align: center; padding: 10px 0 0 0; margin-top: 15px;
	display: block;}
.featurebutton2:link, .featurebutton2:visited, .featurebutton2:hover, .featurebutton2:active {color: #fff; text-decoration: none;}
.feature_button_text {margin-top: 8px; float: left;}
.featurebutton3 {width: 75px; background: url(images/orange_button_small_bg.gif) no-repeat left;}

.services_box_1 {width: 340px; margin-bottom: 20px;}
.services_box_2 {
	width: 340px;
	float: right;
	margin-bottom: 20px;
	margin-right: 20px;
}
.feature_headline {margin: 0 0 7px 0; font-weight: bold; color: #3333ff;}

.portfolio_bar {
	width: 995px;
	float: left;
	clear: left;
	padding: 5px;
	margin-top: 5px;
}
.portfolio_imgth {width: auto; float: left; margin: 0 10px 0 0; text-align: center;}
.portfolio_med_wrapper{width: 720px; display: inline; float: left; margin: 0 0 20px 0;}
.portfolio_med_left {width: 350px; float: left;}
.portfolio_med_right {width: 350px; float: right;}

.movie_small {float: right; width: auto; margin: 0 0 10px 0;}

.clear {width: 1020px; clear: both; height: 0; font-size: 0; line-height: 0;}
.transparent {width: auto; position: relative;}

.indexheaderimg {float: right; margin: 0; padding: 15px 30px 0 0;}

.clientimg {float: left; margin: 5px 10px 30px 5px;}

/* contact forms */

#contactform, #contactform2 {float: left; color: #333333; padding: 10px 5px 5px 10px; display: inline;}
#contactform {width: 400px; margin: 10px 0 0 0; background-color: #f4f4f4;}
#contactform2 {width: 250px; margin: 0 0 0 240px;}

.field1 {width: 400px; float: left; padding: 0 0 10px 0;}
.field1_lg {width: 450px; float: left; padding: 0 0 10px 0;}
.field1a {width: 340px; float: right; padding: 0 0 10px 0;}
.field2 {width: 400px; float: left; margin: 0 5px 0 0;}
.field2a {width: 700px; float: left; margin: 0 5px 0 0;	display: inline;}
.field3 {width: 210px; float: left; padding: 0 0 10px 0;}

.inputfield {width: 250px; padding: 2px 0;}
.inputfield2 {width: 450px; padding: 2px 0;}

.login {width: 200px; float: left;}
.loginbutton {width: 200px; float: left; padding: 5px 0 0 0;}
.logintext {width: 720px; float: left; padding: 0 20px 10px 10px; margin: 10px 0;}
.logintext h2 {padding: 40px 0 0 180px;}

legend {margin-left: 0; color: #333333; font-weight: bold; padding: 0; border: 0;}
fieldset {border:0} 
fieldset ol {padding: 0; list-style: none;}
fieldset li {float: left; clear: left;  width: 385px; padding: 0 0 2px 0;}
.liwide {width: 700px;}
fieldset.submit {float: right; width: 110px; border-style: none; background-color: transparent;	margin: 5px 10px 0 9px;}
label {float: left;	width: 140px;}
.wide, wide2 {width: 300px;}
.submit {float: left;}
.submit2 {float: right; margin: 0 14px 0 0;}
.select {width: 183px;}

/* quote form */

.quote_field {width: 200px; border: 2px inset #fff; padding: 2px;}
.quote_field2 {width: 208px; border: 2px inset #fff; padding: 2px;}
.field1_lg h3 {font-weight: normal; margin: 5px 0 0 0;}
.quote_check {margin: 5px 0 0 5px; padding: 2px;}
.quote_label {width: 220px;}
.quote_label_option {width: 280px;}
.quote_divider {width: 450px; height: 2px; float: left; background: url(images/quote_divider.jpg) no-repeat; margin: 5px 0 12px 0;}
.quoteme {float: right; margin: 0 20px 0 0; padding: 2px;}

/* newsletter signup */

.newslettertext {width: 720px; float: left; padding: 0 20px 10px 10px; margin: 10px 0;}
.newslettertext h2 {padding: 40px 0 0 240px;}
.readyoption {width: 700px;	margin: 20px 0 0 0;}
.optiontext {width: 370px;}
.smalltext {font-size: 70%;}
#twitter {
	float: right;
	width: 220px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: 10px;
	list-style-image: none;
	list-style-type: none;
	border: none;
	padding: 10px;
}
.tweet {
	list-style-type: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	float: right;
	width: 220px;
	list-style-image: none;
}
.tweet li { list-style-type: none;}
.launchpad {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* index slideshow */

.pics {width: 985px; height: 271px; float: left;}