@charset "utf-8";
* {
margin:0;
padding:0
}
#bar {
	height: 10px;
	width: auto;
	background-color: #333;
	position: static;
	background-repeat: repeat-x;
	background-image: url(images/overview_bg.gif);
}

#wrapper {
	background-color: #000;
	width: 895px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
#wrapper #header {
	height: 83px;
}
#wrapper #body #line_index {
	background-color: #333;
	height: 8px;
	width: 895px;
	background-image: url(images/overview_bg.gif);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #navagation #space {
	height: 30px;
}
#wrapper #navagation2 #space {
	height: 30px;
}
#wrapper #navagation {
	height: 293px;
}
#wrapper #navagation .left {
	width: 111px;
	float: left;
}
#wrapper #navagation .right {
	width: 784px;
	float: right;
}

#wrapper #navigation2 {
	height: 190px;
}
#wrapper #navigation2 .left {
	width: 111px;
	float: left;
	height: 190px;
}
#wrapper #navigation2 .right {
	float: right;
	width: 784px;
	height: 190px;
}
#wrapper #body {
	clear: both;
	background-repeat: repeat-y;
	height: auto;
}
#wrapper #body #latestwork_1 {
	float: left;
	height: 110px;
	width: 196px;
	margin-right: 25px;
	margin-left: 18px;
}
#wrapper #body #latestwork_2 {
	float: left;
	height: 110px;
	width: 196px;
	margin-right: 25px;
	background-repeat: no-repeat;
}
#wrapper #body #latestwork_3 {
	float: left;
	height: 110px;
	width: 196px;
	margin-right: 25px;
}
#wrapper #body #latestworkend {
	float: left;
	height: 110px;
	width: 196px;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	display:block;
	width:85px;
	margin-top: 90px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 15px;
}
/* index.html CSS */

#wrapper #body .index1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	width: 860px;
	height: auto;
	margin-right: 18px;
	margin-left: 18px;
	padding-top: 20px;
	line-height: 18px;
}
#wrapper #body #canwehelp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #888;
	background-repeat: repeat;
	margin-right: 18px;
	margin-left: 18px;
	margin-bottom: 70px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#wrapper #body #canwehelp #services {
	float: left;
	height: 500px;
	width: 400px;
	padding-top: 15px;
}
#wrapper #body #canwehelp #seo {
	float: right;
	height: auto;
	width: 405px;
	padding-top: 15px;
}



/* Bottom Images*/

#wrapper #body #bottomimage {
	margin-right: 5px;
	margin-left: 5px;
	background-repeat: no-repeat;
	height: auto;
	z-index: 0;
}

/* Default Body CSS --START--*/

#wrapper #body #default {
	width: 895px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	height: auto;
	clear: none;
	overflow: hidden;
	visibility: visible;
}
#wrapper #body #default #logodesign {
	margin-right: auto;
	margin-left: auto;
}
#wrapper #body #default #logodesign #logoleft {
	height: auto;
	width: 500px;
	float: left;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	color: #FFF;
}
#wrapper #body #default #logodesign #logoright {
	height: auto;
	width: 300px;
	float: right;
	padding-right: 20px;
	text-align: right;
	margin-bottom: 50px;
}

#wrapper #body #default #websitedesign {
	padding-left: 20px;
	line-height: 20px;
	font-weight: normal;
}
#wrapper #body #default #websitedesign .titlebg {
	background-image: url(images/title_bg.gif);
	height: 32px;
	background-repeat: repeat;
	background-color: #09F;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 855px;
}
#wrapper #body #default #websitedesign .titlebg .titlecontainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#wrapper #body #default #websitedesign #benefitsimage {
	height: 172px;
	width: 459px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}


#wrapper #body #default #graphicdesign {
	text-align: center;
}

#wrapper #body #default #greylinetop {
	background-image: url(images/overview_bg.gif);
	background-repeat: repeat-x;
	height: 8px;
	width: 895px;
	background-color: #333;
	margin-right: auto;
	margin-left: auto;
}

#wrapper #body #default #left {
	float: left;
	width: 540px;
	padding-right: 10px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	color: #FFF;
	font-weight: normal;
	padding-top: 15px;
}

#wrapper #body #default #right {
	height: 1000px;
	width: 260px;
	float: right;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#wrapper #body #default #right #overview {
	width: 240px;
	padding: 10px;
	background-image: url(images/overview_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
}
#wrapper #body #default #right #recentworkurl {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 260px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#wrapper #body #default #right #recentworkclient {
	width: 260px;
	padding: 3px;
	font-size: 10px;
}
#wrapper #body #default #right #recentworkurl #urlname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
	width: 220px;
	float: right;
	font-weight: normal;
}
#wrapper #body #default #right #recentworkclient #clientname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	width: 213px;
	text-align: left;
	float: right;
	font-weight: normal;
}
#wrapper #body #default #right #viewportfolio {
	width: 260px;
	padding-top: 10px;
}

#wrapper #body #default #website {
	width: 787px;
	margin-left: 36px;
}
#wrapper #body #default #portfoliotitle {
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 10px;
}
#wrapper #body #default #website #websiteabout {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

#wrapper #body #default #logos {
	width: 787px;
	margin-left: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
#wrapper #body #default #servicestitle {
	margin-top: 8px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
#wrapper #body #default #services {
	height: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: bold;
}

#wrapper #body #default #services #serviceswebsite {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
#wrapper #body #default #services #servicesgraphics {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
#wrapper #body #default #services #serviceslogos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}
#wrapper #body #default #matthewparr {
	padding-left: 16px;
}
#wrapper #body #default #error404 {
	padding-left: 50px;
	padding-top: 20px;
}
#wrapper #body #default #left #archivelogo {
	width: 550px;
	height: 250px;
	padding-top: 20px;
}
#wrapper #body #default #left #archivewebsite {
	height: 180px;
	width: 550px;
	padding-bottom: 20px;
}
#wrapper #body #default #left #archivegraphic {
	width: 550px;
	height: 417px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}


#wrapper #body #default #left #archivewebsite #archivegraphicexample2 {
	padding: 10px;
	width: 163px;
	float: right;
	height: auto;
	text-align: center;
}

#wrapper #body #default #left #archivewebsite #archivegraphicexample1 {
	padding: 10px;
	width: 163px;
	float: right;
	height: auto;
	text-align: center;
}
#wrapper #body #default #left #archivewebsite #archivegraphicexample3 {
	padding: 10px;
	float: right;
	width: 163px;
	height: auto;
	text-align: center;
}
#wrapper #body #default #left #archivelogo #archivelogo1 {
	float: left;
	height: 250px;
	width: 270px;
	text-align: center;
}
#wrapper #body #default #left #archivelogo #archivelogo2 {
	float: right;
	height: 250px;
	width: 270px;
	text-align: center;
}
#wrapper #body #default #left #termletters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 15px;
}

/* about.html CSS --END--*/

#footer_extnd {
	height: 16px;
	width: auto;
	background-image: url(images/lady_sofa_extd_futurewebs.jpg);
	overflow: hidden;
}
#footer {
	text-align: center;
	width: 885px;
	height: 227px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/lady_sofa_futurewebs2.jpg);
	background-repeat: repeat-y;
	margin-bottom: -16px;
}
#footer_motorsport {
	width: 885px;
	height: 170px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer_img_motorsport.jpg);
	background-repeat: repeat-y;
	margin-bottom: -16px;
}

#footer_motorsport_extnd {
	height: 57px;
	width: auto;
	background-image: url(images/footer_img_motorsport_extd.jpg);
}




#copyright {
	height: 40px;
	background-color: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	background-image: url(images/overview_main_bg.gif);
	background-repeat: repeat;
}
#copyright #copycontainer {
	height: 40px;
	width: 895px;
	margin-right: auto;
	margin-left: auto;
}
#copyright #copycontainer .left {
	float: left;
	width: 530px;
}
#copyright #copycontainer .right {
	float: right;
}


/* Free quote Form Style*/

.input {
    border: 2px solid #333;
    background: #fff;
}
.input:hover {
    border: 2px solid #3CF;
    background: #FFF;
}
.button {
    border: none;
    background: url('images/get_quote.gif') no-repeat top left;
    padding: 20px 55px;
}
.button:hover {
    border: none;
    background: url('images/get_quote_invert.gif') no-repeat top left;
    padding: 20px 55px;
}
.button2 {
    border: none;
    background: url('images/reset.gif') no-repeat top left;
    padding: 20px 55px;
}
.button2:hover {
    border: none;
    background: url('images/reset.gif') no-repeat top left;
    padding: 20px 55px;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }

select {
	border: 2px solid #3CF;
    background: #000;
	color: #666666;
}
/*-------------------*/
.input {
    border: 2px solid #333;
    background: #fff;
}
.input:hover {
    border: 2px solid #3CF;
    background: #FFF;
}
.buttonsend {
    border: none;
    background: url('images/send.gif') no-repeat top left;
    padding: 20px 55px;
}
.buttonsend:hover {
    border: none;
    background: url('images/send_over.gif') no-repeat top left;
    padding: 20px 55px;
}
.button2send {
    border: none;
    background: url('images/reset.gif') no-repeat top left;
    padding: 20px 55px;
}
.button2send:hover {
    border: none;
    background: url('images/reset.gif') no-repeat top left;
    padding: 20px 55px;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }

select {
	border: 2px solid #3CF;
    background: #000;
	color: #666666;
}
/*Font Styles*/
.style1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#0BBBEE;
	font-weight: normal;
	
}
.style2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#42C8F4;
	font-weight:bold;
}
.style3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#666;
}
.style4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-align: center;
}
.style5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
}
.style6 {
	color:#0CF;
	font-weight:normal
}
.style7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#00aafe;
}
/*Block Very Dark Grey*/

.greyblock  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	width:398px;
	height:358px;
	padding: 10px 10px 10px 10px;
	background: url('images/overview_main_bg.gif') repeat;
	text-align: left;
}

.greyblock2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	width:380px;
	height:290px;
	padding: 10px 10px 10px 10px;
	background: url('images/overview_main_bg.gif') repeat;
	text-align: left;
}
#wrapper #body #default #right #latestwebsite_1 {
	background-image: url(images/latest_website_1.jpg);
	height: 186px;
	width: 230px;
}
#wrapper #body #default #right #latestwebsite_2 {
	background-image: url(images/latest_website_2.jpg);
	height: 186px;
	width: 230px;
}
#wrapper #body #default #motorsport_welcome {
	height: 30px;
	width: 895px;
	padding-top: 20px;
	padding-bottom: 10px;
}
#wrapper #body #default #motorsport_content {
	width: 895px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
}
#wrapper #body #default #motorsport_drivers {
	width: 500px;
}
#wrapper #body #default #motorsport_call {
	width: 895px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 30px;
}
#wrapper #body #default #motorsport_images {
	height: 290px;
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.slide-out-div {
	padding: 20px;
	width: 250px;
	border: 2px solid #333;
	background-color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
.slide-out-div #feedback_wrap {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #FFF;
}
.slide-out-div #feedback_wrap #right {
	float: right;
	width: 125px;
}
.slide-out-div #feedback_wrap #left {
	float: left;
	width: 125px;
}
#wrapper #body #default #left #scriptstitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #0CF;
	width: 550px;
	padding: 1px;
	line-height: 20px;
}