/*-------------------------------------------------------------------------------------------------------------------------

Quick Turn Circuits

Version: 1.1

--------------------------------------------------------------------------------------------------------------------------*/

/*--Body--*/

body {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	background-color: #2c5e36;
	margin: auto 0px;
	text-align:center;
}




/*--Masthead--*/

#masthead {

	width: 800px;
	height: 117px;
	margin: 0px auto 0px auto ;
	text-align:center;

}


#masthead img {

	float: left;
	padding: 18px 0px 0px 0px;

}


#masthead p {


	color: #ffffff;
	clear: right;
	width: 600px;
	float: right;
	text-align:right;
	padding: 5px 0px 0px 0px;

}


#masthead a {

	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
	outline: none;


}


#masthead a:hover {

	color: #e7c735;


}







/*--Navigation--*/

#navigation {

	background-image: url(images/nav_bar.gif);
	background-repeat: repeat-x;
	height: 44px;
	width:  100%;
	margin: 0px auto 0px auto ;
	text-align: center;
}


#navigation-box {

	width:  800px;
	margin: 0px auto 0px auto ;
	text-align: right;
}



#navigation a {

	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding: 10px 0px 0px 30px;
	line-height: 3.5;
	outline: none;

}


#navigation a:hover {
 
	color: #e7c735;

}





/*--MainImage--*/

#main-image {
	background-image: url(images/grey-background.jpg);
	background-repeat: repeat-x;
	background-color: #d9d9d9;
	height: 234px;
	margin: 0px auto 0px auto ;

}

#main-image-img {

	background-image: url(images/qtc-circuit-board2.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 234px;
	margin: 0px auto 0px auto ;

}



#main-image-img p {

	font-family: arial;
	font-size: 14px;
	color: #000000;
	clear: both;
	width: 460px;
	margin: 0;
	padding: 40px 0px 0px 0px;
	text-align: right;
	float: left;

}

#main-image-img a {

	background-image: url(images/quote_button1.gif);
	background-repeat: no-repeat;
	width: 187px;
	height: 34px;
	display: block;
	float: right;
	margin: 5px 0px 0px 0px;
	outline: none;

}


#main-image-img a:hover {

	background-image: url(images/quote_button_over1.gif);

}




.largefont {

	font-family: "BankGothic Md BT", arial, verdana,sans-serif;
	font-variant: small-caps;
	width: 100%;
	font-size: 33px;
	color: #000000;
	clear: right;
	float: right;


}


.smallfont {

	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	float: right;
	clear: right;
	width: 100%;
	margin: 0px 0px 30px 0px;

}



.smallfont2 {

	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	color: #000000;
	float: right;
	clear: right;
	width: 100%;
	margin: 0px 0px 2px 0px;
	font-weight: 800;
	letter-spacing: 1px;

}

#main-image2 {

	background-image: url(images/main-image2_bk.jpg);
	background-repeat: repeat-x;
	background-color: #d9d9d9;
	height: 126px;
	margin: 0px auto 0px auto ;
	

}

#main-image2 p {

	font-family: arial;
	font-size: 14px;
	color: #000000;
	clear: both;
	width: 765px;
	padding: 15px 0px 0px 10px;
	text-align: right;
	float: left;
	text-align: left;

}

#main-image-img2 {

	background-image: url(images/main-image2.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 126px;
	margin: 0px auto 0px auto ;

}

#main-image-img2 a {

	background-image: url(images/quote_button1.gif);
	background-repeat: no-repeat;
	width: 188px;
	height: 36px;
	display: block;
	margin: 25px 45px 0px 0px;
	float: right;
	outline: none;
	
}


#main-image-img2 a:hover {

	background-image: url(images/quote_button_over1.gif);


}

.largefont2 {

	font-family: "BankGothic Md BT", arial, verdana,sans-serif;
	font-variant: small-caps;
	font-size: 30px;
	width: 450px;
	color: #000000;
	clear: none;
	float: left;
	margin: 0px 5px 0px 0px;

}




.largefont2 .smallfont2 {

	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	color: #000000;
	float: left;
	clear: right;
	width: 100%;
	margin: 0px 0px 0px 0px;

}




/*--For IE--*/


*html #main-image2 p {

	font-family: arial;
	font-size: 14px;
	color: #000000;
	clear: both;
	width: 765px;
	padding: 25px 0px 0px 10px;
	text-align: right;
	float: left;
	text-align: left;

}

/*--Content--*/

#content-back {

	background-image: url(images/green_gradient.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 256px;
}





#content {

	width: 800px;
	margin: 0px auto 0px auto ;
	padding: 20px 0px 0px 0px;
	text-align:center;
	clear: both;
	
}


#content_pages {

	width: 800px;
	margin: 0px auto 0px auto ;
	padding: 20px 0px 0px 0px;
	text-align:center;
	clear: both;
	
}



#content_pages h1 {

	font-family: arial;
	font-size: 18px;
	color: #e7c735;
	padding: 0px 0px 0px 40px;
	text-align: left;
	
}


#content_pages p {

	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	padding: 0px 0px 0px 40px;
	text-align: left;
	
}

#content_pages i {

	font-family: arial;
	font-size: 13px;
	color: #ffffff;
	font-variant: italic;

	
}


#content_pages b {

	font-family: arial;
	font-size: 12px;
	color: #e7c735;
	font-variant: bold;

	
}


#content_pages a {

	font-family: arial;
	font-size: 12px;
	color: #e7c735;
	outline: none;

	
}


#content_pages ul {

	margin: 0;
	padding; 0;
	padding: 0px 0px 0px 80px;
	text-align: left;
	
}

#content_pages li {

	font-family: arial;
	font-size: 12px;
	color: #ffffff;
	list-style-type: circle;
	
}


#content_pages img {

	float: right;
	margin: 0px 20px 20px 30px;
	
}

h3 {

	font-family: arial;
	font-size: 16px;
	color: #d9d9d9;
	padding: 0px 0px 0px 40px;
	text-align: left;

}

.highlight {

	font-family: arial;
	font-size: 12px;
	color: #e7c735;


}

.highlight2 {

	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;


}

.adobe {

	background-image: url("images/getacro.gif");
	background-repeat: no-repeat;
	height: 52px;
	width: 49px;
	display: block;

}

.credit {

	background-image: url("images/cards.gif");
	background-repeat: no-repeat;	
	width: 210px;
	height: 27px;
	display: block;
	margin: 5px 0px 0px 0px;
}




/*--3 Boxes on bottom--*/

.box-left {

	width: 241px;
	background-image: url("images/bg-tile.gif");
	background-repeat: repeat-y;
	float: left;

}


.box-left h2 {

	background-image: url("images/top2.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	margin: 0px;

}

.box-left .last {

	background-image: url("images/bottom2.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	margin: 0px;
	

}

.box-left p {

	font-family: arial, verdana, helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-align: left;
	padding: 0px 20px 0px 20px;
}


.box-left h3 {

	font-family: "Arial MT", arial, verdana, helvetica, sans-serif;
	color: #e8c739;
	font-size: 14px;
	text-align: left;
	padding: 0px 20px 0px 20px;
	
}


.box-left a {

	background-image: url(images/button_1.gif);
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	width: 73px;
	hieght: 21px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	text-decoration: none;
	float: right;
	outline: none;
	
}



.box-left a:hover {

	color: #ffffff;
	background-image: url(images/button_1_over.gif);

	
}



.box-middle {

	width: 241px;
	background-image: url("images/bg-tile.gif");
	background-repeat: repeat-y;
	float: right;
	margin: 0px 35px 0px 0px;


}


.box-middle h2 {

	background-image: url("images/top2.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	margin: 0px;

}

.box-middle .last {

	background-image: url("images/bottom2.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	margin: 0px;

}



.box-middle p {

	font-family: arial, verdana, helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-align: left;
	padding: 0px 20px 0px 20px;
}



.box-middle h3 {

	font-family: "Arial MT", arial, verdana, helvetica, sans-serif;
	color: #e8c739;
	font-size: 14px;
	text-align: left;
	padding: 0px 20px 0px 20px;
	
}


.box-middle a {

	background-image: url(images/button_1.gif);
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	width: 73px;
	hieght: 21px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	text-decoration: none;
	float: right;
	outline: none;
	
}



.box-middle a:hover {

	color: #ffffff;
	background-image: url(images/button_1_over.gif);

	
}

.box-right {

	width: 241px;
	background-image: url("images/bg-tile.gif");
	background-repeat: repeat-y;
	float: right;


}


.box-right h2 {

	background-image: url("images/top2.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	margin: 0px;

}

.box-right .last {

	background-image: url("images/bottom2.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	margin: 0px;

}


.box-right p {

	font-family: arial, verdana, helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	text-align: left;
	padding: 0px 20px 0px 20px;
}


.box-right h3 {

	font-family: "Arial MT", arial, verdana, helvetica, sans-serif;
	color: #e8c739;
	font-size: 14px;
	text-align: left;
	padding: 0px 20px 0px 20px;
	
}

.box-right a {

	background-image: url(images/button_1.gif);
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	width: 73px;
	hieght: 21px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	text-decoration: none;
	float: right;
	outline: none;
	
}


.box-right a:hover {

	color: #ffffff;
	background-image: url(images/button_1_over.gif);

	
}

/*--Footer--*/


#footer {

	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 800px;
	height: 185px;
	clear: both;
	margin: 0px auto 0px auto;
	

}


#footer-links {


	padding: 85px 20px 0px 20px;;
	text-align: left;
	width: 450px;
	float: left;

}


#footer-links a {


	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 5px;;
	text-align: left;
	text-decoration: none;
	outline: none;

}


#footer-links a:hover {


	color: #e7c735;

}




#right-info {


	font-size: 10px;
	padding: 85px 20px 0px 20px;;
	text-align: left;
	width: 250px;
	float: right;
	text-align: right;

}


#right-info a {

	color: #ffffff;
	outline: none;


}


#right-info a:hover {

	color: #e7c735;

}






/*--Form--*/


.style1 {

	float: left;
	width: 300px;

}



.style2 {

	float: right;
	width: 400px;
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;

}



form {

	text-align: left;
	padding: 25px 0px 0px 0px;
	float: left;
	height: 100%;
	width: 350px;
	clear: both;
	
	

}


.title {

	font-family: verdana, helvetica, sans-serif;
	color: #e8c739;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	margin-left: 40px;
	float: left;
}



label {

	display: block;
	color: #ffffff;
	padding: 0px 0px 0px 10px;

}


imput {

	width: 200px;

}


textarea {

	width: 300px;
	height: 100px;

}

input.radio, input.checkbox, input.submit, {

	width: auto;

}

input.radio {

	float: left;
	margin-right: 16px;

}


input:focus, textarea:focus  {

	background: #ffcc;

}


input{type="text"}, textarea {

	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-bottom: 1px solid #cccccc;	
	border-right: 1px solid #cccccc;

}


label {

	float: left;
	width: 100px;

}


.contentright {


	border: solid 1px red;
	float: right;
	width: 350px;


}



function onClick
{
	margin: 0px;
}