/* CSS Document */

/* General Styles
===========================================================================*/
*{padding:0;margin:0;}
ul{list-style:none;}
div, td{ text-align:left; vertical-align:top;}
img{border:none; display:block;}
.fl{float:left; width:auto;}
.fr{float:right; width:auto;}
.c-b{clear:both;}
.r-m{margin:0 !important;}
.r-p{padding:0 !important;}
.no-bg{background-image:none !important;}
.no-bdr{border:none !important;}
.reset{width:auto; height:auto; padding:0; margin:auto;}
.spacer{clear:both; font-size:0; line-height:0; display:block;}
.lt, .lm, .lb { text-align:left;}
.lt, .rt, .ct { vertical-align:top;}
.lm, .rm, .cm { vertical-align:middle;}
.rt, .rb, .rm { text-align:right;}
.lb, .cb, .rb { vertical-align:bottom;}
.ct, .cb, .cm { text-align:center;}

a{
	color:#CF4900;
}
	a:hover{
		color:#fff;
	}

body{
	background:url(../images/body_bg.gif) 50% 0 repeat;
	color:#fff;
	font:normal 14px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p{
	padding-bottom:16px;
	font-size:14px;
}
p.highlight{
	color:#FFF;
}
p.larger{
	font-size:14px;
}
img { -ms-interpolation-mode: bicubic; }

.left{
	float:left;
}
.right{
	float:right;
}
.contactRight{
	float:right;
	margin:-30px 0 0 0;
}
.white{
	color:white;
}
.underline{
	border-bottom:1px solid white;
	font-size:14px;
	display:block;
	margin-bottom:-12px;
}
.imageRight{
	float:right;
	margin:10px 0 0 14px;
	border:2px solid #779F8B;
}
.imageBorder{
	border:2px solid #779F8B;
}

/* Panels
===========================================================================*/
#externalContainer{
	background:url(../images/page_bg.gif) 50% 0 repeat-x;
}
#wrapper{
	width:970px;
	margin:0 auto;
}
#top-panel{
	background:url(../images/top_panel_bg.gif) 0 0 repeat-x #262626;
	padding:0 16px 0 48px;
	*height:50px;
}
#content-panel{
	*margin-top:-8px;
}
#bottom-panel{
	color:#595959;
	background-color:#191919;
	padding:0 16px;
}
/* Top Panel
===========================================================================*/
p.top-tag{
	color:#D7B92D;
	background-color:inherit;
	font:bold 14px/46px Arial, Helvetica, sans-serif;
	float:left;
	width:auto;
	text-transform:uppercase;
}
p.phone-no{
	color:#BBBBBB;
	background-color:inherit;
	font:bold 30px/46px "Times New Roman", Times, serif;
	float:right;
	width:auto;
}
/* Header
===========================================================================*/
#header{
	color:#5B4A00;
	background-image:url(../images/header_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color: #DBBB18;
	padding:16px 16px 8px 16px;
	display:block;
}
#header h1{
	font-size:0em;
	line-height:0em;
	text-indent:-100000px;
	visibility:hidden;
}
a .logo{
	float:left;
}
.header-right{
	float:right;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
	.header-right img{
		float:right;
		margin-left:10px;
		border:2px solid #5B4A00;
	}
	.header-right span{
		float:right;
		font-size:14px;
		text-align:right;
		display:inline-block;
		padding:35px 0 0 0;
		font-weight:bold;
	}
h2.h2-1{
	font:bold 18px/21px Arial, Helvetica, sans-serif;
	padding:0 0 12px 0;
	margin:0 0 13px 0;
	color:#6D4607;
	background-color:inherit;
	border-bottom:1px dashed #5B4A00;
	text-transform:uppercase;
}
a.learn-more-button,
a.learn-more-button2{
	width:84px;
	height:20px;
	background:url(../images/learn_more_bg.gif) 0 0 no-repeat;
	color:#FFFFFF;
	background-color:inherit;
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	display:block;
	text-transform:uppercase;
}
a.learn-more-button2{
	background:url(../images/learn_more_bg2.gif) 0 0 no-repeat;
	color:#181818;
	background-color:inherit;
}
a.learn-more-button:hover{
	color:#F6D22F;
	background-color:inherit;
}
a.learn-more-button2:hover{
	color:#355D4A;
	background-color:inherit;
}
.blackBar{
	width:950px;
	background-color:#1F1919;
	padding:10px;
	font-size:20px;
	color:white;
	margin:0 0 8px -16px;
	text-align:center;
}
	.blackBar a{
		color:#CF4900;
	}
		.blackBar a:hover{
			text-decoration:underline;
		}

/* Content Panel
===========================================================================*/
.left-panel{
	width:247px; 	

	height:880px; 							/* IE6 MIN-HEIGHT TRICK */							
	padding:16px 23px 16px 16px;
	background:url(../images/left_panel_bg.gif) 0 0 repeat-x #C88C2D;
}
ul.main-nav{
	padding:2px 0 20px 0;
	background:url(../images/nav_border.gif) 0 0 repeat-x;
	font:bold 15px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
ul.main-nav li{
	background:url(../images/nav_border.gif) 0 100% repeat-x;
	padding:0 0 2px 0;
}
ul.main-nav li a{
	color:#53380C;
	background-color:inherit;
	background:url(../images/nav_bullet.gif) 9px 10px no-repeat;
	display:block;
	padding:0 0 0 27px;
}
ul.main-nav li a:hover,
ul.main-nav li a.active{
	color:#101010;
	background-color:#F6D22F;
	background-image:url(../images/nav_bullet_hov.gif);
}
ul.main-nav li a.active{
	cursor:text;
}
h2.newsletter-heading{
	height:41px;
	background:url(../images/newsletter_bg.gif) 0 0 no-repeat;
	font:normal 18px/41px "Times New Roman", Times, serif;
	padding:0 0 0 53px;
	color:#fff;
	background-color:inherit;
	text-transform:uppercase;
}
.newsletter{
	padding:0 0 12px 0;
	margin:5px 0 10px 0;
}
.newsletter h2{
	padding-bottom:14px;
}
p.p1{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#53380C;
	background-color:inherit;
	padding:0 0 15px 0;
}
input.input-text{
	width:159px;
	height:15px;
	float:left;
	padding:0 0 0 4px;
	margin:0 9px 0 6px;
}
input.submit-button{
	width:59px;
	height:19px;
	color:#131313;
	background-color:#F6D22F;
	border:none;
	float:left;
	font-weight:bold;
}
.yellow-box{
	color:#53380C;
	background-color:#F5D22E;
	padding:13px 5px 13px 9px;
	border:1px solid #FFE461;
	height:75px;
}
.yellow-box p{
	color:#53380C;
	background-color:inherit;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 15px 0;
}
.yellow-box h3{
	color:#161616;
	background-color:inherit;
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 16px 0;
}
.yellow-box h4{
	color:#53380C;
	background-color:inherit;
	font:bold 25px "Times New Roman", Times, serif;
	text-align:center;
	margin-top:-13px;
}
.buying-diamonds{
	margin-top:15px;
	width:247px;
	height:auto;
	background-color:transparent;
}
.buying-diamonds img{
	margin:0;
	padding:0;
	}
.right-panel{
	color:#fff;
	background-color:#38604D;
}
.content-banner a img{
	border:none;
}
.welcome-box{
	padding:16px;
}
.welcome-box2{
	padding:0 0 16px 4px;
	background:url(../images/welcom_side_bg.gif) 0 0 no-repeat;
}
.welcome-box2 p{
	padding:0 0 16px 0;
}
.welcome-box2-inner{
	background:url(../images/welcom_side_bg.gif) 100% 0 no-repeat;
	padding:0 4px 0 0;
}
.welcome-box2-inner2{
	color:#A2CBB7;
	background:url(../images/welcome2_bg.gif) 0 0 repeat-x;
	border-top:4px solid #4A745F;
	padding:11px 16px 0 16px;
}
h2.h22{
	color:#FFFFFB;
	background-color:inherit;
	font:normal 22px/25px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
h5 {
	color:#F6D22F;
	font:"Trebuchet MS";
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}
h6{
	text-transform:uppercase;
	color:#FFF;
	font-size:14px;
	margin-right:15px;
	display:inline;
}
hr{
	margin:10px auto;
}
.services-wrapper{
	color:#619D81;
	padding:10px 0 10px 65px;
}
.services-pic{
	float:left;
	width:auto;
}
.services-box{
	width:188px;
	border:1px solid #3B6752;
	min-height:89px;
	color:#619D81;
	background-color:inherit;
	font:normal 12px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 0 20px;
	float:left;
}
.services-content{
	
}
.services-box h2{
	font:normal 22px/28px Arial, Helvetica, sans-serif;
	color:#FFFFFB;
	background-color:inherit;
	padding:0 0 2px 0;
}
.services-box p{
	padding:0 0 3px 0;
}
.services-box a{
	color:#D4830D;
	background-color:inherit;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.services-box a:hover{
	text-decoration:underline;
}
/* Bottom Panel
===========================================================================*/
.products-wrapper{
	padding:12px 0 30px 0;
}
.products-box{
	width:212px;
	float:left;
	margin:0 0 0 30px;
}
.products-box img{
	display:block;
	margin:9px 0 0 0;
	border:none;
}
.products-box h2{
	color:#FFFFFF;
	background-color:inherit;
	font:normal 18px/18px "Times New Roman", Times, serif;
	text-align:center;
	min-height:30px;
	background:url(../images/heding_border.gif) 0 100% repeat-x;
	margin:0 0 15px 0;
}
	.products-box h2 a{
		color:#EEE;
		text-decoration:underline;
	}
.products-in{
	padding:0 9px 0;
	border:1px solid #353535;
	color:#365D49;
	background-color:#070707;
	height:209px;
}
ul.products-list{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	padding:13px 0 0 9px;
}
ul.products-list li{
	background:url(../images/bullet_1.gif) 0 10px no-repeat;
	padding:3px 0 3px 14px;
	color:#fff;
}
ul.products-list li a{
	color:#365D49;
	background-color:inherit;
	text-decoration:underline;
}
ul.products-list li a:hover{
	text-decoration:none;
}
/* Footer
===========================================================================*/
.footer{
	background:url(../images/footer_bg.gif) 0 0 repeat-x;
	padding:28px 0;
	text-align:center;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#FFF;
}
	.footer a{
		color:#fff;
		text-decoration:underline;
	}
ul.footer-nav{
	color:#365D49;
	text-transform:uppercase;
	margin-bottom:10px;
}
ul.footer-nav li{
	display:inline;
}
ul.footer-nav li a{
	margin:0 26px;
	color:#365D49;
	background:none;
	text-decoration:underline;
}
ul.footer-nav li a:hover{
	text-decoration:none;
}
/* About us page
===========================================================================*/
.inner-page-contnet{
	text-align:justify;
}
img.left-pic,
img.right-pic{
	border:3px solid #9AB2A7;
}
img.left-pic{
	float:left;
	margin:8px 16px 0 0;
}
img.right-pic{
	float:right;
	margin:8px 0 0 16px;
}

/* Form
===========================================================================*/


fieldset {
	border:1px dashed #A2CBB7;
	padding:10px;
	width:485px;
	margin-top:-20px;
}

legend {
	font-family:"Trebuchet MS";
	font-size:15px;
	line-height:18px;
	border: 1px solid #FFF;
	padding: 2px 6px 5px 6px;
	*padding-right:10px;
	font-size:18px;
	color:#FFF;
	background:#A2CBB7;
	*margin:0 0px 7px -7px;
}
label {
	width:138px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	float:left;
	display: block;
	line-height: 1.1;
	color:#F6D22F;
	font:"Trebuchet MS";
	font-size:18px;
}
.form {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
.holder {
	background-color:#fff;
}
.div_textbox {
	width:330px;
	float:right;
	background-color:#A2CBB7;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
}

.textbox {
		width:286px;
    	font:normal 18px Arial;
    	color: #444444;
    	padding:3px 5px 3px 24px;
}
.textbox:focus, .textbox:hover {
	background-color:#EFFFF7;
}
.div_checkbox {
	width:502px;
	height:45px;
	background-color:#A2CBB7;
	margin-top:3px;
	padding-top:15px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}
.checkbox{
	width: 15px;
	height: 15px;
}

.checkRight {
	float:left;
	width:125px;
	text-align:left;
	display:inline;
}

.checkRightRoof {
	float:left;
	width:150px;
	text-align:left;
	display:inline;
}

.div_checkboxRoofing {
	width:502px;
	height:45px;
	background-color:#A2CBB7;
	margin-top:3px;
	padding-top:15px;
	padding-bottom:3px;
	padding-left:5px;
	display:block;
	color:#fff;
	font-size:14px;
}

.div_textarea {
	width:330px;
	float:right;
	background-color:#A2CBB7;
	height:115px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	background-image: url(../images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:286px;
	height:100px;
	font:normal 18px Arial;
	color: #444444;
	padding:3px 5px 3px 24px;
}
.textarea:focus, .textarea:hover {
	background-color:#EFFFF7;
}

.username {
    background-image: url(../images/16m.png);
    background-repeat: no-repeat;
    background-position:left;
	width:286px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.username:focus, .username:hover {
	background-color:#EFFFF7;
}
   
.password {
    background-image: url(../images/16s.png);
    background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.password:focus, .password:hover {
	background-color:#EFFFF7;
}

.email, .textbox {
    background-image: url(../images/email.gif);
    background-repeat: no-repeat;
   	background-position:left;
	width:286px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.email:focus, .email:hover, .textbox:focus, .textbox:hover{
	background-color:#EFFFF7;
}

.textbox {
    background-image: url(../images/16t.png);
    background-repeat: no-repeat;
   	background-position:left;
	width:286px;
    font:normal 18px Arial;
    color: #444444;
    padding:3px 5px 3px 24px;
}
.textbox:focus, .textbox:hover{
	background-color:#EFFFF7;
}

.button_div {
	width:270px;
	float:right;
	background-color:;
	border:1px solid #A2CBB7;
	text-align:right;
	height:35px;
	margin-top:8px;
	padding:5px 32px 3px;
}
.buttons {
	background: #F5D22E;
	font-size:12px; 
	color: #6F6B5A; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #FFEB8F #C4852A #C4852A #FFEB8F;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}