/**************************************/
/*              GLOBALS               */
/**************************************/

a:focus, a:hover
{
	color: #0093dd;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}

a
{
	text-decoration: none;
	border-bottom:1px solid #0093dd;
	color: #39476b;
}

ul
{
	list-style-type: square;
}

#container
{
}

form ul
{
	list-style: none;
}

form li
{
	clear: both;
	padding: 0;
	margin-top: 10px;
}

form input
{
	font-size: 120%;
	padding: 3px;
}

form label.form-label
{
	float: left;
	display: inline-block;
	width: 160px;
	text-align: right;
	padding-right: 5px;
}

form textarea
{
	height: 120px;
	float: left;
	width: 400px;
}

label.error {
	display: inline-block;
	color: #C00;
	margin-left: 10px;
}

input.error, textarea.error {
	background-color: #FBE3E4;
}

/**************************************/
/*              HEADER                */
/**************************************/

#header
{
	height: 107px;
	border-bottom:1px solid #E9E9E9;
	margin-bottom: 36px;
}

#logo
{
	float: left;
	width: 280px;
}

#logo a, #logo img
{
	border: none;
}

#header-contact
{
	float: right;
	text-align: right;
	margin: 18px 0 0 0;
	height: 36px;
	width: 190px;
}

#header-contact p
{
	margin: 0;
}

#subscribe
{
	float: left;
	margin: 18px 0 0 40px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#navigation
{
	margin: 0; padding: 0;
	float: left;
	width: 400px;
	margin-top: 12px;
	margin-left: 40px;
}

#navigation li
{
	font-size: 1.2em; 
	line-height: 2.5em; 

	list-style-type: none;
	float: left;
	margin-right: 20px;
}

#navigation a, #navigation a:hover
{
	color: #39476B;
	border-bottom: none;
	border-top-width: 0;
 	border-top-style: solid;
}

#nav-home
{
	border-top-color: #f8c000;
}

#nav-about
{
	border-top-color: #d8170e;
}

#nav-services
{
	border-top-color: #7466a3;
}

#nav-portfolio
{
	border-top-color: #0090dc;
}

#nav-contact
{
	border-top-color: #82c122;
}

#navigation .active, #navigation a:hover
{
	border-top-width: 3px;
}

#newsletter-form
{
	display: inline;
	padding: 0;
	margin: 0;
}

#newsletter-form input
{
	padding: 1px;
	font-size: 10px;
}

#newsletter-form input[type=submit]
{
	padding: 0;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#content
{
	clear: both;
	border-bottom:1px solid #E9E9E9;
	padding-bottom: 20px;
	margin-bottom: 10px;
	overflow: auto;
	width: 950px;
}

#content h1
{
	font-size: 1.75em; line-height: 1em; margin-bottom: 1em;
}

#content h2
{
	font-size: 1.5em; line-height: 1em; margin-bottom: 1em;
}

#content h3 
{
	font-size: 1.3em; line-height: 1em; margin-bottom: 0.5em;
}

#content h4
{
	font-size: 1.0em; font-weight: bold; margin-bottom: 0.5em;
}

#main-content
{
	display: inline;
	float: left;
	margin-left: 60px;
	width: 580px;
	margin-right: 40px;
	margin-bottom: 18px;
}

#location
{
	clear: both;
	text-align: center;
	background-color:#DDF0F9;
	border:1px solid #0093DD;
	padding: 10px;
	width: 600px;
	margin: 0 auto 20px auto;
}


#painter-image, #services-panel
{
	display: inline;
	float: left;
	width: 200px;
}

#services-panel
{
	border: 3px solid #E9E9E9;
	padding: 10px 0 0 10px;
	margin-left: -20px;
	width: 225px;
}

#painter-image img
{
	border: 3px solid #E9E9E9;
}

#about-header { color: #d8170e; }

#services-header { color: #7466a3; }

#portfolio-header { color: #0090dc; }

#contact-header { color: #82c122; }	

div.home div#main-content
{
	background: url('../images/content_box.jpg') bottom right no-repeat;
}

div.portfolio div#main-content, div.contact div#main-content, div.thanks div#main-content
{
	width: 850px;
	margin: 0 0 20px 60px;
}

.feature-list
{
	list-style-type: square;
}

.bbb-logo, .pdac-logo
{
	margin-left: 40px;
}

.pdac-logo
{
	margin-right: 10px;
}

.callout 
{
	padding: 5px;
	font-weight: bold;
	background-color: #FFC;
}

.service-heading
{
	display: block;
	font-weight: bold;
}

.how-we-work 
{
	margin-bottom: 20px;
}

.how-we-work li
{
	margin-bottom: 10px;
}

.image-link, .image-link:hover
{
	border-bottom: none;
	text-decoration: none;
}

.vcard .fn
{
	font-weight: bold;
}


.gallery_unstyled { list-style-type: none; }


.galleria_container
{
	height: auto;
	width:600px;
	float:right;
}

.gallery{ display: inline; margin: 0; padding: 0; width:200px; float:left; }

.gallery li
{
	float:left; 
	width:55px;
	height:70px;
	border:3px double #eee;
	margin: 0 2px 2px 0;
	background:#eee;
	overflow: hidden;
}

.galleria_wrapper
{
	margin: 0 auto;
}

.galleria_container img {
	display: block;
	margin: 0 auto;
}
.gallery li.hover{border-color:#bbb;}
.gallery li.active{border-style:solid;border-color:#222;}
.gallery li div{left:240px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.gallery_nav { clear: right; margin-left: auto; margin-right: auto; text-align: center;
	width:600px;
	float:right; }

/**************************************/
/*               FOOTER               */
/**************************************/

#footer
{
	clear: both;
}

#footer ul
{
	padding: 0;
	margin: 0;
	width: 400px;
}

#footer li
{
	margin-right: 5px;
}

#footer ul, #footer li 
{
	list-style-type: none;
	float: left;
}

#footer li a 
{
    color: #39476B;
    border-bottom: 1px solid #0093DD;
}

#footer li a:hover 
{
    color: #0093DD;
    border-bottom: 1px solid #fff;
}

#footer li span 
{
	color: #d0d0d0;
}

#footer p#copyright 
{
	float: right;
}
