/*
	www.campagraphics.com
	developed by Andy Jones -- Delta Graphics, Inc.
	revised: July 2013
	
	Color Palette
	campa red: #bb2024;
	red text: #ce3d42;
	red links: #b35d19;
	black text, background: #414042;
	nav black: #00000;
	white text: #ffffff;
	grey bars: #c3c9cd;
	pop quotes: #6d6e71;
	directions green: #54b55b;
	form field background: #f6ecdc;
	form field border: #9ca6a2;
	
	


font-family: 'Overlock', cursive;
font-family: 'Della Respira', serif;
font-family: 'Arapey', serif;



*/


/* Structure
-----------------------------------------------*/
/*only iPhone*/
 
@media only screen and (max-device-width: 960px) { 
 
 /*fixes too big font in mobile Safari*/
 
    html { 
        -webkit-text-size-adjust:none; 
    }
 }
 
 
* {
	margin: 0;
	padding: 0;
}
	
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

body {
	background-color: #414042;
	color: #414042;
	font-family: 'Della Respira', verdana, arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
}
a img {border: none; background-color: transparent;  }


#wrapper {
	width: 980px;
	margin: 35px auto 0px auto;
	position: relative;
	border-right: 15px solid #c3c9cd;
	border-bottom: 15px solid #c3c9cd;
	background-color: #ffffff;
}

h2, h3 {color: #ce3d42;
}

h2 {font-size: 22px;}

p + p{ margin-top: 10px;
}

ul {

}

a:link {color: #22314e;}
a:visited {color: #22314e;}
a:hover {color: #ac1a2f;}
a {text-decoration: none;
}



.estimate {margin-left: 35px;}
.john {margin: 15px 0px 0px 37px; }
.craig {margin: 40px 0px 0px 37px; }
.dave {margin: 20px 0px 0px 37px; }
.doug {margin: 20px 0px 0px 37px;}
.about {margin: 20px 0px 0px 37px;}
.contact{margin: -10px 0px 0px -15px;}
/* Header and navigation
-----------------------------------------------*/

#logoarea {
	height: 150px;
	margin-bottom: 25px;
}

#logoarea img {
	margin: 20px 0px 0px 35px;
}

#campa {
	float: right;
	width: 690px;
	top: 57px;
	right: 10px;
	font-family: 'Della Respira', verdana, arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	color: #414042;
}

#colorchange {color: #bb2024;}

#nav {
	float: right;
	top: 18px;
	right: 12px;
	height: 25px;
	width: 673px;
	position: relative;
	background-color: #c3c9cd;
}

#mainnav {
	list-style: none;
	font-family: 'Overlock', verdana, arial, sans-serif; 
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 0px 0px 0px -10px;
}

#mainnav ul {list-style-type: none;}
#mainnav li {
	display: inline;
	padding-left: 50px;
	height: 25px;
}
#mainnav a.selected {color: #bb2024;}
#mainnav a.selected:link {color: #bb2024;}
#mainnav a.selected:visited {color: #bb2024;}
#mainnav .selected {font-weight: 900;}
#mainnav a {text-decoration: none;}
#mainnav a:link {color: #00000;}
#mainnav a:visited {color: #00000;}
#mainnav a:hover {color: #bb2024;}


/* Footer
-----------------------------------------------*/

#foot {
	font-family: 'Della Respira', verdana, arial, sans-serif; 
	font-size: 13px;
	float: right;
	margin: 10px 15px 0px 0px;
}

#copyright {
	float: right;
	color: #ffffff;
	font-family: 'Della Respira', verdana, arial, sans-serif; 
	letter-spacing: 1px;
	font-size: 10px;
	bottom: -35px;
	right: -15px;
	position: relative;
}

#footernav,
#footernav ul {
	list-style: none;
	font-family: "Della Respira", verdana, arial, sans-serif;
	letter-spacing: 1px;  
}

#footernav > li {
	float: right;
	font-family: 'Della Respira';
	color: #414042;
	padding: 0px 10px;
}
#footernav li a {
	display: block;
	height: 20px;
	text-transform: none;
	min-width:40px;
	text-align: center;
	font-size: 13px;
}
#footernav li + li {background:url(../images/separator.gif) no-repeat top right;}

#footernav > li > a {
	color: #bb2024;
}
#footernav > li:hover > a {
	text-decoration: underline;
}


/* Home Page
-----------------------------------------------*/

.photo1 {
	width: 278px;
	height: 422px;
	position: relative;
	margin: 0px 30px 3px 35px;
	float: left;
}

.photo2 {
	width: 278px;
	height: 422px;
	position: relative;
	margin: 0px 20px 25px 35px;
	float: right;
}

.photo3 {
	width: 282px;
	height: 282px;
	position: relative;
	margin: 0px 20px 25px 35px;
	float: left;
}



.award {
	width: 196px;
	height: 283px;
	position: absolute;
	top: 280px;
	right: 75px;
	float: right;
}

.leaf {
	margin: 15px 0px 0px 10px;
}
.small {
	float: right;
	font-size: 9px;
	margin: 50px 140px 0px 5px;
}
.content {
	margin: 0px 50px 0px 325px;
}

ul.list {
	list-style-position: inside;
	margin: 5px 0px 15px 0px;
	line-height: 22px;
	letter-spacing: 1px;
}

ul.list li{ margin-left: 30px;
 }

/* About Us Page
-----------------------------------------------*/
p.firstp {padding-top: 10px;
}

#peoplenav {
	list-style: none;
	font-family: 'Overlock', verdana, arial, sans-serif; 
	font-size: 14px;
	line-height: 25px;
	margin: 0px 0px 0px 0px;
}

#peoplenav ul {list-style-type: none;}
#peoplenav li {
	display: inline;
	margin-left: 40px;
	height: 25px;
	
}
#peoplenav a.selected {color:  #414042;;}
#peoplenav a.selected:link {color:  #414042;}
#peoplenav a.selected:visited {color:  #414042;}
#peoplenav .selected {font-weight: 900;}
#peoplenav a {text-decoration: none;
color: #b35d19;}
#peoplenav a:link {color: #00000;}
#peoplenav a:visited {color: #00000;}
#peoplenav a:hover {color:  #414042;}

#about {
	margin: 30px 370px 0px 40px;
	font-size: 16px;
	line-height: 24px;
}

blockquote p {
	color: #6d6e71;
	font-family: 'Arapey', verdana, arial, sans-serif;
	font-style: italic;
	line-height: 23px;
	font-size: 19px;
	text-align: center;
	width: 190px;
	right: 350px;
	top: 430px;
	position: absolute;
}

cite {
	margin-top: 15px;
	color: #ac1a2f;
	font-family: 'PT Sans', verdana, arial, sans-serif;
	font-style: italic;
	line-height: 23px;
	font-size: 14px;
}

.quoteleft {
	margin-left: 300px;
}

.quoteleft2 {
	margin-left: 280px;
	margin-right: 0px;
}


blockquote p.johnquote {
	left: 80px;
	top: 415px;
	position: absolute;
}
blockquote p.craigquote {
	right: 380px;
	top: 445px;
	position: absolute;
}

blockquote p.davequote {
	left: 70px;
	top: 430px;
	position: absolute;
}

blockquote p.stephenquote {
	width: 220px;
	left: 65px;
	top: 410px;
	position: absolute;
}

blockquote p.dougquote {
	width: 240px;
	right: 360px;
	top: 460px;
	position: absolute;
}


.linkedin {
	float: left;
	margin: 5px 10px 0px 0px;
}

.marginfix { margin-top: 15px; }
.marginfix2 { margin-top: 25px; }
.marginfix3 { margin-top: 10px; }


#about a.selected {color: #bb2024;}
#about a.selected:link {color: #bb2024;}
#about a.selected:visited {color: #bb2024;}
#about .selected {font-weight: 900;}
#about a {text-decoration: none;}
#about a:link {color: #bb2024;}
#about a:visited {color: #bb2024;}
#about a:hover {text-decoration: underline;}


/* Services Page
-----------------------------------------------*/

#maillink a.selected {color: #bb2024;}
#maillink a.selected:link {color: #bb2024;}
#maillink a.selected:visited {color: #bb2024;}
#maillink .selected {font-weight: 900;}
#maillink a {text-decoration: none;}
#maillink a:link {color: #bb2024;}
#maillink a:visited {color: #bb2024;}
#maillink a:hover {text-decoration: underline;}


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

.map {
	float: right;
	margin-right: 21px;
	margin-left: 30px;
	}

.contactlist {
	margin-top: 30px;
	margin-left: 415px;
	line-height: 29px;
}

.conname {
	float: left;
	margin-top: 30px;
	margin-left: 0px;
	line-height: 29px;
}

/* Estimates Page
-----------------------------------------------*/

.formcontent {
	min-height: 425px;
	margin-left: 340px;
	margin-top: 40px;
}

.estimatetext {
	top: 500px;
	left: 60px;
	position: absolute;
	text-align: center;
	color: #9ca6a2;
	font-family: 'Arapey', verdana, arial, sans-serif;
	line-height: 35px;
	font-size: 22px;
	font-style: italic;
	letter-spacing: 1px;	
}

.success {
	color: #ce3d42;
	text-align: center;
	margin: 100px 0px 0px 0px;
	line-height: 30px;
}

/* Galleries
-----------------------------------------------*/

@media projection, screen {
    .ui-tabs-hide { display: none; }
}

@media print {
    .ui-tabs-nav { display: none; }
}

.thumbbox {
	width: 230px;
	position: relative;
	float: right;
	margin: 35px 26px 10px 0px;
}


.thumbbox p{
	text-transform: uppercase;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	color: #646f83;
	margin: 0px 15px 0px -5px;
	line-height: 16px;
	letter-spacing: 1px;
}

.thumbbox img.bottomthumb { padding-bottom: 10px; }	

.portobin {
	margin: 35px 0px 0px 36px;
}

ul#gallery {
	list-style-type: none;
	padding: 0px;
	margin: 0px;

}

ul#gallery li {
	float: left;
	padding: 0px 5px 0px 5px;
}

ul#gallery li a:hover {
	opacity: .5;
}

ul#gallery li a{}

.portdesc {
	width: 625px;
	margin: 10px 0px 60px 39px;
}

.portdesc h2 {
	font-weight: 400;
}
.portdesc p{
	margin-bottom: 17px;
}
 .navbar {
      overflow: hidden
    }