/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/back.jpg) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#5C5C5C;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
#qu{
	width:613px;
	height:104px;
	float:left;
	margin:0;
	background:url(images/qu.jpg) 0 0 no-repeat;
}

#ctc{
	width:613px;
	height:104px;
	float:left;
	margin:0;
	background:url(images/ctc.jpg) 0 0 no-repeat;
}

#pay{
	width:613px;
	height:104px;
	float:left;
	margin:0;
	background:url(images/pay.jpg) 0 0 no-repeat;
}


/*------------------------------------------------body--------------------*/

/*------------------------------------------------main--------------------*/
#main{
	width:980px;
	margin:0 auto;
	padding:0 0 32px 0;
}
/*------------------------------------------------left--------------------*/
#left{
	width:300px;
	float:left;
}
#left img{
	display:block; font-size:0; line-height:0;
	}
#left img.logo{
	display:block;
	width:190px;
	height:70px;
}
#left ul{
	padding:15px 0;
	width:296px;
}
#left ul li{
	
	padding:0;
	margin:0;
}
#left ul li a.latest{
	display:block;
	background:url(images/latest.png) 0 0 no-repeat;
	width:296px;
	height:246px;
}
#left ul li a.template{
	display:block;
	background:url(images/template.png) 0 0 no-repeat;
	width:296px;
	height:259px;
}
#left ul li a.forum2{
	display:block;
	background:url(images/forum2.png) 0 0 no-repeat;
	width:296px;
	height:254px;
}



/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:610px;
	float:right;
	padding:23px 0 0 0;
}


#nav {
    margin: 0;
    padding: 0;

}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    height: 100%;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 25px;
    overflow: hidden;
}

#nav a#homepage {
    background: url(images/home.png) top left no-repeat;
    width: 52px;
}
#nav a#portfolio {
    background: url(images/portfolio.png) top left no-repeat;
    width: 77px;
}
#nav a#sale {
    background: url(images/sale.png) top left no-repeat;
    width: 77px;
}
#nav a#quote {
    background: url(images/quote.png) top left no-repeat;
    width: 60px;
}
#nav a#prices {
    background: url(images/prices.png) top left no-repeat;
    width: 95px;
}
#nav a#contact {
    background: url(images/contact.png) top left no-repeat;
    width: 77px;
}
#nav a#forum {
    background: url(images/forum.png) top left no-repeat;
    width: 70px;
}

#nav a:hover#homepage, body#homepage-on a#homepage {
    background: url(images/home.png) bottom left no-repeat;
}
#nav a:hover#portfolio, body#portfolio-on a#portfolio {
    background: url(images/portfolio.png) bottom left no-repeat;
}
#nav a:hover#sale, body#sale-on a#sale {
    background: url(images/sale.png) bottom left no-repeat;
}
#nav a:hover#quote, body#quote-on a#quote {
    background: url(images/quote.png) bottom left no-repeat;
}
#nav a:hover#prices, body#prices-on a#prices {
    background: url(images/prices.png) bottom left no-repeat;
}
#nav a:hover#forum, body#forum-on a#forum {
    background: url(images/forum.png) bottom left no-repeat;
}
#nav a:hover#contact, body#contact-on a#contact {
    background: url(images/contact.png) bottom left no-repeat;
}





#bodyarea{
	width:613px;
	height:800px;
	float:left;
	margin-top: 21px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background:url(images/new.jpg) 0 0 no-repeat;
}
#bodyareaqu{
	width:613px;
	height:800px;
	float:left;
	margin-top: 21px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background:url(images/new_port.jpg) 0 0 no-repeat;
}

#bodytext{
	
	border:none;
	padding:0 0px 33px 0px;
	margin:40px 35px 0 30px;
}
#bodytextqu{
	
	border:none;
	padding-left:30px;
	margin:100px 35px 0 0px;
}
#bodypay{
	
	border:none;
	padding-left:30px;
	margin:110px 35px 0 30px;
}

#bodytext h2{
	display:block;
	width:100%;
	height:55px;
	background:none;
	float:left;
	
}
#bodytext h2 span{
	width:100%;
	font: normal 26px "Trebuchet MS";
	color:#fff;
	display:block;
}
#bodytext p.bodytextTxt{
	width:100%;
	padding:2px 0 23px 0;
	font:normal 24px "Trebuchet MS";
	color:#333333;
	display:block;
	float:left;
}
#bodytext p.bodytextTxt a{
	color:#333333;
	
}
#bodytext p.bodytextTxt a:hover{
	color:#000;
	
}
#bodytext p.bodytextTxt2{
	width:100%;
	padding:0 0 0 0;
	font: normal 26px "Trebuchet MS";
	color:#333333;
	display:block;
	float:left;
}
#bodytext p.bodytextTxt2 a{
	color:#333333;
	
}
#bodytext p.bodytextTxt2 a:hover{
	color:#000;
	
}


#bodytext p.sub{
	width:100%;
	padding:0 0 0 0;
	font: normal 18px "Trebuchet MS";
	color:#333333;
	display:block;
	float:left;
}
#bodytext p.sub a{
	color:#333333;
	text-decoration:none;
}
#bodytext p.sub a:hover{
	color:#000;
	text-decoration:underline;
	}

#bodytextqu p.sub{
	width:100%;
	padding:0 0 0 0;
	font: normal 18px "Trebuchet MS";
	color:#333333;
	display:block;
	float:left;
}
#bodytexqut p.sub a{
	color:#333333;
	text-decoration:none;
}
#bodytextqu p.sub a:hover{
	color:#000;
	text-decoration:underline;
	}

#bodytext p.bodytextTxt3{
	width:100%;
	padding:10px 0 0 40px;
	font: bolder 14px "Trebuchet MS";
	color:#333333;
	display:block;
	float:left;
	width:217px;
}
#bodytext p.bodytextTxt3 a{
font: bolder 14px "Trebuchet MS";
	display:block;
	
	color:#333333;
}
#bodytext p.bodytextTxt3 a:hover{
text-decoration:underline;
color:#000;
}
#bodytext p.bodytextTxt3 a{
text-decoration:underline;
color:#333333;
}
#bodytext p.bodytextTxt4{
	width:100%;
	padding:10px 0 0 50px;
	font: bolder 14px "Trebuchet MS";
	color:#333333;
	display:block;
	float:left;
	width:217px;
}

#bodytext p.bodytextTxt4 a{
font: bolder 14px "Trebuchet MS";
	display:block;
	float:right;
	color:#333333;
}
#bodytext p.bodytextTxt4 a:hover{
text-decoration:underline;
color:#000;
}
#bodytext p.bodytextTxt4 a{
text-decoration:underline;
color:#333333;
}

/*------------------------------------------------right--------------------*/


/*------------------------------------------------main--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:98px;
	background:url(images/footer.png) 0 0 repeat-x;
	padding:0;
}
#footer{
	width:457px;
	height:101px;
	margin:0 auto;
	position:relative;
}
#footer p.copyright{
background:url(images/copyright.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	height:90px;
	
	background-color:inherit;
	width:450px;
}
/*------------------------------------------------footer--------------------*/
/*------------------------------------------------Contact--------------------*/
.contactformfield {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 20px;
	width: 70%;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clear: none;
	right: 30px;
}
.contactsubmit {
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	background-attachment: scroll;
	background-image: url(images/read_more_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	clip: rect(auto,auto,auto,auto);
	float: left;
	margin: 5px;
	padding: 5px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	width: 50px;
}

.contactformmessage {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 170px;
	width: 70%;
	float: left;
	margin: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
}
.contactformmessagepro {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 100px;
	width: 70%;
	float: left;
	margin: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
}
.contactformmessagepro2 {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	height: 80px;
	width: 70%;
	float: left;
	margin: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
}


.contactbox {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	
	height: 18px;
}
.contactmessagebox {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	
	height: 170px;
}
.contacttextarea {
	font-family: Verdana;
	font-size: 14px;
	color: #000000;
	margin: 3px;
	padding: 3px;
}
.contacttext {
	margin: 3px;
	padding: 3px;
	height: 18px;
	width: 120px;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #333333;
}
.contacttextpro {
	margin: 3px;
	padding: 3px;
	width: 120px;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #333333;
}
.contactsubmitbutton {
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(images/btn_login.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 18px;
	width: 55px;
}

.contacttextleft {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	float: left;
	width: 540px;
}

.buttonbg {
	background-attachment: scroll;
	background-image: url(images/buttonbg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border: 1px solid #FF9900;
	height: 21px;
	font-family: Verdana;
	color: #FFFFFF;
}

/*------------------------------------------------Contact--------------------*/

/*------------------------------------------------Email--------------------*/
.contactTxt{
	display:block;
	width:760px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	margin:0 0 15px 0;
	color:#646464;

	background-color:#FFF9E5;
	color:#5A5A5A;
	
}
.contactMain{
	width:625px;
	float:left;
	margin-top: 21px;
	margin-right: 22px;
	margin-bottom: 0;
	margin-left: 0;
}
.contactformsubmit {

	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	height: 20px;
	width: 50%;
	float: left;
	margin: 3px;
	padding: 3px;
	top: 1px;
	clip: rect(1px,auto,auto,auto);
	clear: none;
	right: 30px;
	position:absolute;
	left:119px;
}
/*------------------------------------------------Textboxon Email--------------------*/

.textboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	margin:0px;
	padding:0px;
	
	height: 18px;
	width: 250px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.textboxEffect:hover
{
background-color:#FFFFFF;
color:#000;
margin:0px;
padding:0px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textbox --------------------*/
/*------------------------------------------------Textboxdropdown --------------------*/

.dropdownEffect
{
	background-color:#FFFFFF;
	color:#000000;
	height: 18px;
	width: 260px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.dropdownEffect:hover
{
background-color:#FFFFFF;
color:#000;
margin:0px;
padding:0px;

	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Textboxdropdown --------------------*/
/*------------------------------------------------Massagebox --------------------*/

.MassageboxEffect
{
	background-color:#FFFFFF;
	color:#000000;
	margin:0px;
	padding:0px;
	height: 170px;
	width: 350px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.MassageboxEffect:hover
{
background-color:#FFFFFF;
color:#000;
margin:0px;
padding:0px;

	font-family: Verdana;
	font-size: 11px;
	line-height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/*------------------------------------------------Massagebox --------------------*/
#bodytextqu p.bodytextquTxt9 a{
	background:url(images/submit.gif) 0 0 no-repeat;
	width:69px;
	height:18px;
	/*	margin:0 0 0 96px;*/
	display:block;
	float:none;
}
#bodytextqu p.bodytextqutxt9 a:hover{
	background:url(images/submit_hover.gif) 0 0 no-repeat;
}
.fast{ margin:10px 0 0 10px;
width:247px;height:247px; float:left}
.fast img{ margin:10px 0 0 10px;
width:247px;height:247px;float:left}
.fast img:hover{ margin:10px 0 0 10px;
width:247px;height:247px; float:left;
border:3px solid #826c45;
}
.pro{ margin:10px 0 0 10px;
width:247px;height:247px;; float:right}
.pro a{ margin:10px 0 0 10px;
width:247px;height:247px;; float:right}
.pro a:hover{ margin:10px 0 0 10px;
width:247px;height:247px;; float:right;
border:3px solid #826c45;
}


.phone {width:100%;
	padding:0 0 0 15px;
	font: normal 15px/20px "Trebuchet MS";
	color:#333333;
	display:block;
	float:left;
}