@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*
------------- Common --------*/
.left{float:left}
.right1{float:right; margin:30px 15px 0px 0px;}
.right{float:right}
.clear{clear:both; line-height:1px; font-size:1px}
Body{background:url(../images/bg.jpg) repeat-x top #cccccc; font-family:"Times New Roman", Times, serif}
#main{width:79.9%; margin:25px auto 0 auto ; background:#FFF; padding:39px 68px 32px 39px}
.wrapper{width:100%}
.Bottom_gap{ height:25px}
/*
------------- Header ------- */
.top_nav{ float:right; padding-top:38px}
.top_nav ul{margin:0; padding:0; list-style:none; float:right}
.top_nav ul li{margin:0; pading:0; display:inline; float:left}
.top_nav ul li.gap_right{ padding-right:12px}
.top_nav ul li a{font-size:0.938em; color:#373737; text-decoration:none}
.top_nav ul li a:hover{text-decoration:underline; color:#2784a4}
.top_button{ float:right; padding-top:24px; width:320px}
.getquote{float:left; padding-right:8px; width:150px; text-align:left}
h1{ color:#2784a4; font-size:1.875em; line-height:1.875em}
h2{ color:#2784a4; font-size:1.875em; line-height:1.875em; text-align:center}
h2 a{color:#2784a4; font-size:1emem; line-height:1.875em; text-align:center; text-decoration:none}
h2 a:hover{text-decoration:underline}


.text{ padding-top:35px; padding-bottom:55px}
.text p{font-family:Tahoma, Geneva, sans-serif; color:#373737; font-size:0.75em; line-height:1.125em}

.box_wrapper{ width:100%;  padding-bottom:26px}
.box{ border:solid 6px #c2c2c2; width:229px; float:left; padding:12px 0 8px 0; margin:0 auto}
.box p{ width:205px;   padding-top:12px; font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; padding-left:15px; line-height:1.125em}
.box2 {margin:0 auto; width:229px; border:solid 6px #c2c2c2; padding:12px 0 8px 0;}
.box2 p{ width:205px;   padding-top:12px; font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; padding-left:15px; line-height:1.125em}
.read{ float:right; text-align:right; width:188px; padding-right:12px}
.read a{color:#2784a4; font-size:0.625em; text-decoration:none; font-family:Tahoma, Geneva, sans-serif}
.read a:hover{text-decoration:underline}
 
 

#footer{ width:100%}
.footer_link{float:right; width:500px; margin-left:auto}
.footer_link ul{margin:0; padding:0; list-style:none}
.footer_link ul li{margin:0; padding:0; display:inline; font-size:0.805em; font-family:Tahoma, Geneva, sans-serif; color:#c2c2c2}
.footer_link ul li a{ text-decoration:none; font-size:0.825em; color:#727272}
.footer_link ul li.gap_bottomlink{ padding-right:7px}
.footer_link ul li a:hover{text-decoration:underline; color:#2784a4}
.wrapper2{ padding-left:30px}


.box_gap{float:left}


/*
---------------- Gallery ------*/
.Gallery_Container{ border:solid 6px #c2c2c2; width:99%; margin:50px auto 0 auto}
Gallery_Container p{ padding-top:20px; font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; line-height:1.25em}

.gallery_text{ width:100%; float:left;}
.gallery_text p{ padding-top:20px; font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; line-height:1.25em}

.gallery_bottom{ margin:28px auto  50px auto; width:450px; left:20px; position:relative; padding-bottom:10px}

.gallery_bottom ul{margin:0; padding:0; list-style:none; width:100%;}
.gallery_bottom ul li{margin:0; padding:0; list-style:none;   width:18%;  float:left; text-align:left;  display:block}

.navigator {padding-top:25px; padding-bottom:60px}
.navigator ul{margin:0; padding:0; list-style:none}
.navigator ul li{margin:0; padding:0 0 0 5px; display:inline; color:dddddd; font-size:0.625em; }
.navigator ul li a{font-family:Tahoma, Geneva, sans-serif; color:#373737; text-decoration:none}
.navigator ul li a:hover{text-decoration:underline}

.gallery_img{height:293px}
.galley_but1{ float:left; width:150px}

.our_work_but{width:150px; float:left}



/*
------------------- Subpagerevised --------------------*/
.subpagerevised_img{  height:147px}
.subpag_but{ padding-top:25px; padding-left:10px}
.subpag_but_getqut{ padding-right:52px; float:left}
.subpag_but_ourwork{padding-right:52px; float:left}
.subpag_bottom_gap{height:50px}


/*
------------------- Conatct us --------------------*/
.contact_text{}
.contact_text p{font-family:Tahoma, Geneva, sans-serif; color:#373737; font-size:0.75em; line-height:1.125em}
.conat_left_from{width:363px; float:left; padding-right:57px}
.from_wrapper{ padding-top:63px}
.conat_right_from{ width:329px; float:right}
.from_cointaner{ padding-bottom:35px}
.from_text{ width:138px; float:left; padding-right:42px; text-align:right}
.from_text p{ font-family:Tahoma, Geneva, sans-serif; color:#373737; font-size:0.75em}
.textboxholder{ width:183px; float:right}
.textbox{ width:181px; height:18px; border:solid 1px #bdc7d8; font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; color:#373737}

.comments{ padding-bottom:25px}
.comments p{ font-family:Tahoma, Geneva, sans-serif; color:#373737; font-size:0.75em}
.comments_box{ width:289px; height:150px; border:solid 1px #bdc7d8;  font-family:Tahoma, Geneva, sans-serif; font-size:0.75em; color:#373737}
.from_get_quote{ padding-top:56px; text-align:right; padding-right:37px; padding-bottom:20px}


.widthfull{width:100%}
.text_gallery{float:left; width:65%}


/*
------------------- Color Swatches --------------------*/

.swatches-container {
	width:100%;
	font-style:italic;
	font-size:1em;
	text-align:center;
	width:810px;
	margin:30px auto
}

.swatches-container .swatch{
	float:left; 
	width:150px;
	margin:0 10px 15px 0;
}


.swatches-container .swatch-inner {
	width:100px;
	height:100px;
	position:absolute;
	left:2px; 
	top:3px;
	/*background-image:url(white.png);*/
	background-repeat:no-repeat;
}



.swatches-container .block-1{
	background-color:#e2e5d4;
}

.swatches-container .block-2{
	background-color:#151515;
}

.swatches-container  .block-3{
	background-color:#ac0610;
}

.swatches-container .block-4{
	background-color:#8d1d2c;
}

.swatches-container  .block-5{
	background-color:#000f74;
}

.swatches-container  .block-6{
	background-color:#2378af;
}

.swatches-container .block-7{
	background-color:#0e8572;
}

.swatches-container  .block-8{
	background-color:#294e1a;
}

.swatches-container  .block-9{
	background-color:#e4f626;
}

.swatches-container  .block-10{
	background-color:#f3e03b;
}

.swatches-container  .block-11{
	background-color:#ffab00;
}

.swatches-container  .block-12{
	background-color:#bf1874;
}

.swatches-container  .block-13{
	background-color:#902865;
}

.swatches-container  .block-14{
	background-color:#ded09f;
}

.swatches-container  .block-15{
	background-color:#e9e5ce;
}

.swatches-container  .block-16{
	background-color:#331a13;
}

.swatches-container  .block-17{
	background-color:#64361f;
}

.swatches-container  .block-18{
	background-color:#0e4967;
}

.swatches-container .block-19{
	background-color:#b5b3b4;
}

.swatches-container .block-20{
	background-color:#755c96;
}

.swatches-container .block-21{
	background-color:#0c0a39;
}

.swatches-container .block-22{
	background-color:#ec7c25;
}

.swatches-container .block-outer {
	background:url(/images/shadow.png) no-repeat;
	width:108px;
	height:111px;
	position:relative;
	top:-1px;
	left:22px;
}