/* --------------CGI Copiers - All Rights Reserved------------------------------------- */
/* ------------------------------------------------------------------------------------ */
/* ------------DESIGNED/CSS/HTML - Brian Kerr Design, www.BrianKerrDesign.com --------- */


/* ---------------- PAGE -------------------------------------------------------------- */
body{
background-color:#ffffff;
text-align: center; /* css center */
font: Arial,Georgia,serif;
color:#696a6c;
}

.container {
width:900px;
margin: 0 auto; /* css center */
}

.spacer{
clear:both;
height:0px;
}

.center{
text-align:center;
}

/* ---------------- HEADER -------------------------------------------------------------- */
.header{
width:900px;
height:110px;
border-bottom: 5px solid #ad4125; /* red */
margin-top:25px;
position:relative;
}

.logo{
height:110px;
width:250px;
float:left;
}
.logo h1{display: none;}
.logo a{
	display: block;
	width: 250px;
	height: 110px;
}

.headtext{
text-align:right;
color:#ad4125;
font:bold 14px Arial,Georgia,serif;
position:absolute;
top:0;
right:0;
}

#social{
position:absolute;
bottom:45px;
right:0;
}
.facebook_like{
float:right;
width:45px;
overflow:hidden;
margin-left:10px;
}
.facebook_like iframe{
	margin:0;
	padding:0;
}
.google_plusone{
float:right;
}

/* ---------------- MENU -------------------------------------------------------------- */

#menu{
/*menu alignment */
position:absolute;
bottom:0;
left:250px;
height:25px;
}

#menu ul{
font: bold 11px Arial,Georgia,serif;
margin:0;
list-style: none;
}

#menu li{
display: inline;
}

#menu a{
float: left;
display: block;
color: #696a6c; /*off color - dark grey*/
background:url('../images/menu_tabs.jpg') 0 -50px no-repeat;
width:88px;
height:15px;
padding:8px 0 2px 0;
text-decoration: none;
text-align:center;
}

#menu a:hover{
color:#696a6c; /*Menu hover color*/
background:url('../images/menu_tabs.jpg') 0 -25px no-repeat;
}

#menu #current a{ /*currently selected tab*/
color:#ffffff;	/*on color - white*/
background:url('../images/menu_tabs.jpg') 0 0 no-repeat;
}

/* ---------------- MAINHEADING-------------------------------------------------------- */
.mainheading{
width:900px;
height:85px;
background:#f1f1f1;
border-bottom:2px solid #e0e0e0;
text-align:center;
}


.bannerheading{
width:900px;
height:300px;
border-bottom:1px solid #e0e0e0;
text-align:left;
}

.bannerHome{background:url(../images/banner/paper.jpg);}
.bannerProducts{background:url(../images/banner/products.jpg);}
.bannerClients{background:url(../images/banner/clients.jpg);}
.bannerEstimate{background:url(../images/banner/estimate.jpg);}
.bannerContact{background:url(../images/banner/contact.jpg);}
.bannerServices{background:url(../images/banner/services.jpg);}


.bannerheading h1{
	color:#666;
	font-size:36px;
	display:block;
	margin: 10px 0 0 10px;
	text-shadow: 1px 1px 2px #d6d6d6;
}
.bannerheading h2{
	font-size:20px;
	display:block;
	margin: 4px 0 0 10px;
	color:#ad4125;
	text-shadow: 1px 1px 1px #d6d6d6;
}

.bigquotewrap{
height:85px;
width:900px;
background:#f1f1f1;
background:url(../images/grey_80.png);
border-bottom:1px solid #CCC;
text-align:center;
}

.bigquote{
margin:auto;
padding-top:15px;
width: 550px;
background:url('../images/quote2.png') bottom right no-repeat;
padding-right:30px;
}
.bigquote div{
font:bold 18px Arial,Georgia,serif;
line-height:28px;
color:#ad4125;
padding-left:30px;
background:url('../images/quote1.png') top left no-repeat;
}

/* ---------------- BODY -------------------------------------------------------------- */

.content{
padding:10px 25px;
text-align:left;
font: 12px Arial,Georgia,serif;
background:url(../images/watermark.jpg) bottom right no-repeat;
}

.contentbox{
margin-bottom:10px;
padding-bottom:10px;
}
p{
margin:5px 0 8px 0;
text-indent:25px;
line-height:22px;
}

.noindent{
text-indent:0;
}

.leftcol{
float:left;
width:550px;
}

.rightcol{
float:right;
width:275px;
}

.threeup{
	padding:0 25px;
	text-align:center;
}

.threeup a{
	display:block;
	padding-top:10px;
	padding-bottom:25px;
	background:url(../images/imgshadow.png) bottom center no-repeat;
}

.threeup h2{
	margin:10px 0 7px 0;
}
.threecol{
	float:left;
	width:275px;
	margin-right:12px;
}
.threecol img{
	border:1px solid #CCC;
	background:#FFF;
	padding:2px;
}

.last{
	margin-right:0px;
}

.center_msg{
	width:820px;
	height:100px;
	padding:100px 0;
	text-align:center;
	font:bold 14px Verdana, Geneva, sans-serif;
	color:#ad4125;
}

img.inline_img_home{background:#fff; padding:2px; border:1px solid #CCC; margin:5px 15px 40px 0;}

/* ---------------- FOOTER -------------------------------------------------------------- */
.footer_bar{
width:900px;
height:15px;
border-bottom: 5px solid #ad4125; /* red */
margin-bottom:5px;
text-align:center;
}

.footer{
position:relative;
width:900px;
text-align:center;
font: 10px Arial,Georgia,serif;
color:#b5b5b5;
padding-bottom:20px;
}

.footer a{
color:#b5b5b5;
text-decoration:none;
}

.footer a:hover{
color:#939393;
}

.footer span{
clear:both;
display:block;
padding:2px 0;
}

.footer_cgi{
position:absolute;
left:0;
top:0;
}
.footer_bkd{
position:absolute;
right:0;
top:0;
}

/* ---------------- GLOBAL TEXT -------------------------------------------------------------- */
h3{
display:block;
margin:10px 0 8px 0;
font: bold 14px Arial,Georgia,serif;
color:#ad4125;
clear:both;
}

h2{
display:block;
margin:15px 0 10px 0;
font: bold 16px Arial,Georgia,serif;
color:#ad4125;
clear:both;
text-shadow: 1px 1px 1px #d6d6d6;
}

h2 span{
display:block;
clear:both;
font: bold 11px Arial,Georgia,serif;
color:#696a6c;
text-shadow: none;
}

h1{
display:block;
clear:both;
font: bold 20px Arial,Georgia,serif;
color:#696a6c;
}

.with_icon{
position:relative;
padding-left:25px;
}

.h_icon{
position:absolute;
left:-25px;
top:-10px;
}

a{
text-decoration:none;
color:#aa6958;
}

a:hover{
color:#ad4125;
}


blockquote{
background:url(../images/smquote1.png) top left no-repeat;
margin-bottom:10px;
}

blockquote p{
background:url(../images/smquote2.png) bottom right no-repeat;
text-align:justify;
font-style:italic;
color:#A34D30;
line-height:16px;
font-size:11px;
margin:0 0 8px 0;
padding:5px 0;
}

blockquote span{
padding:0 0 15px 0;
font: bold 11px Arial,Georgia,serif;
clear:both;
text-align:right;
float:right;
clear:both;
}


.arrows ul{
margin: 0;
padding: 0;
}

.arrows li{
display:block;
float:left;
width:145px;
margin:0 20px 10px 0;
padding: 0 0 0 18px;
background: url(../images/icons/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
}



.button {
   border-top: 1px solid #db7258;
   background: #d15e41;
   background: -webkit-gradient(linear, left top, left bottom, from(#ad4025), to(#d15e41));
   background: -moz-linear-gradient(top, #ad4025, #d15e41);
   padding: 5px 18px !important;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
   margin:15px 0;
   }
.button:hover {
   border-top-color: #db7258;
   background: #ad4025;
   }
.button:active {
   border-top-color: #ad4025;
   }