* 
{
	padding: 0;
	margin: 0;
	border: 0;
}

html
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #232323;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/**
 * ========================================================================
 * Header
 * ========================================================================
 */

/**
 * Top corners
 */

#top .left
{
	background: url('../images/top-corner-left.gif') no-repeat;
}

#top .middle
{
	background: url('../images/background-header-top.gif') repeat-x top;
}

#top .right
{
	background: url('../images/top-corner-right.gif') no-repeat;
}

/**
 * Header body
 */

#header-body .left
{
	background: url('../images/background-header-left.gif') no-repeat;
}

#header-body .middle
{
}

#header-body .right
{
	background: url('../images/background-header-right.gif') no-repeat;
}

/**
 * Logo
 */

#header-logo
{
	background: url('../images/background-header-bottom.gif') repeat-x bottom;
}

#logo-show 
{
	top: 5px;
}

#logo-show 
{
	left: 20px;
	width: 325px;
	height: 79px;
	position: relative;
	font-size: .5em;
}

#logo-show span 
{
	background: url('../images/logo.gif') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/**
 * Request a quote
 */

#request-a-quote
{
	position: absolute;
	top: 270px;
	left: 175px;
	z-index: 10;
}

/**
 * Phone number
 */

#number-show
{
	top: 0px;
	z-index: 5;
}

#number-show 
{
	position: relative;
	left: 35px;
	width: 400px;
	height: 97px;
	font-size: .5em;
}

#number-show span 
{
	/*background: url('../images/top-perkolate-design-phone-number.gif') no-repeat;*/
	background: url('../images/top-michael-gazzano.jpg') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#header-logo #phone .head
{
	background: url('../images/top-michael-gazzano.jpg') no-repeat;
}

/**
 * Splash
 */

#header-splash
{
	background: url('../images/splash.jpg') no-repeat;
}

/**
 * ========================================================================
 * Content
 * ========================================================================
 */

div.hr
{
	clear: both;
	margin: 1em 0 1em 0;
	height: 1px;
	background: url(../images/background-nav-line.gif) repeat-x bottom;
}

/* Home page */

div.content
{
	padding: 4px 8px 4px 8px;
	font-size: .9em;
	line-height: 1.55em;
}

div.content h2
{
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #80561b;
}

div.content h3
{
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #80561b;
}

div.content ul.offers
{
	padding: 0 0 1em 8px;
	list-style: none;
}

div.content a
{
	border-bottom: 1px dotted #9F3D43;
	text-decoration: none;
	color: #2e9ac5;
}

div.content a:hover
{
	background: #eee;
	border-bottom: 1px dotted #000;
}

div.content p
{
	padding-bottom: 1em;
}

/* Sub pages */

div.content-sub
{
	padding: 4px 8px 8px 8px;
	font-size: .9em;
	line-height: 1.55em;
}

div.content-sub a
{
	text-decoration: none;
	color: #0D98E6;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8cc63f;
}

div.content-sub a:hover
{
	background: #eee;
	border-bottom: 1px dotted #000;
}

div.content-sub h2
{
	padding-bottom: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #80561b;
}

div.content-sub h3
{
	padding-bottom: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #80561b;
}

div.content-sub p
{
	padding-bottom: 1em;
}

div.content-sub ul
{
	padding: 0 0 1em 2.5em;
}

img.left-align
{
	float: left;
	padding: 4px 5px 0 0;
}

.item
{
	padding-left: 8px;
}

/* Contact us */

#contact-email-us
{
}

#contact-email-us h2
{
	padding: 0 0 .75em 0;
}

/* Driving directions */

#contact-driving-directions
{
	padding: 1em 0 0 0;
}

#contact-driving-directions h2
{
	padding: 0 0 .75em 0;
}

/* Request a quote */

#request-a-quote h2
{
	padding: 0 0 .75em 0;	
}

/**
 * ========================================================================
 * Navigation
 * ========================================================================
 */

#navigation .middle
{
	background-color: #34b3e6;
	background-image: url(../images/background-navigation.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#navigation .middle .inner
{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#navigation .middle .inner .nav-right .text
{
	padding: 2px 10px 0 0;
	text-align: right;
	font-size: .8em;
	font-weight: bold;
	color: #98DA98;
}

#navigation .middle .inner .nav-right .text a
{
	color: #98DA98;
}
/*
#navigation ul
{
	margin: 1px 0 0 0;
	list-style: none;
}

#navigation li
{
	padding: 0 0 0 10px;
	display: inline;
}

#navigation li a
{
	font-size: .75em;
	font-weight: bold;
	color: #fff;
}
*/

/**
 * ========================================================================
 * Dropdowns
 * ========================================================================
 */

#nav, #nav ul {
	list-style: none;
	background: #266590;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #fff;
}

/* Main items */

#nav li {
	float: left;
	padding: 0;
	text-align: left;
	font-size: .75em;
}

#nav li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	/*padding: 0.25em 2em;*/
	padding: 4px 8px;
}

#nav a.daddy 
{
	/*position: relative;
	left: -10px;*/
	background: url(images/nav-arrow.gif) center right no-repeat;
}

/* Left border */
#nav li.left-border
{
	border-left: 1px solid #aaa;
}

#nav li.spacer-top 
{
	margin: 1em 0 0 0;
}

/* Sub items */

#nav li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	w\idth: 175px;
	font-weight: normal;
	border-width: 3px;
	margin: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: #34b3e6;
}

#nav li li 
{
	width: 175px;
	text-align: left;
}

#nav li li a 
{
	display: block;
	width: 175px;
	w\idth: 175px;
	text-decoration: none;
	/*padding: 0.25em 2em;*/
	padding: 4px 4px 4px 4px;
	color: #fff;
	font-size: 1.25em;
}

#nav li li.sub-item a {
	padding: 4px 4px 4px 15px;
}

#nav li ul a {
	width: 175px;
	w\idth: 175px;
}

#nav li ul ul {
	margin: -23px 0 0 175px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

/* Hover color */
#nav li:hover, #nav li.sfhover {
	background: #8cc63f;
	color: #B9C9D5;
}

/* Sub nav hover colors */
#nav li ul li:hover, #nav li ul li.sfhover {
	background: #8cc63f;
	color: #B9C9D5;
}

/**
 * ========================================================================
 * Content
 * ========================================================================
 */

/* Home page */

#content-top
{
	background: url('../images/background-body-top.gif') no-repeat top;
}

/* Sub pages */

#content-top-sub
{
	background: url('../images/background-body-top-sub.gif') no-repeat top;
}

div.nav-line
{
	overflow: hidden;
	margin: 12px 0 12px 0;
	width: 239px;
	height: 1px;
	background: url('../images/background-nav-line.gif') repeat-x top;
}

/* Breadcrumb */

#breadcrumb
{
	margin-bottom: 1em;
	font-size: .9em;
	font-weight: bold;
	color: #666;
}

#breadcrumb a
{
	color: #666;
}

#breadcrumb ul
{
	list-style: none;
}

#breadcrumb li
{
	display: inline;
}

/* Blogs */

span.category-count
{
	font-size: .9em;
	color: #666;
}

#blogs a
{
	color: #2e9ac5;
}

#blogs div.blog
{
	padding-bottom: 1.5em;
}

#blogs div.blog h3
{
	font-size: 1.5em;
	line-height: 1.25em;
}

#blogs div.blog div.category
{
	font-size: .85em;
	color: #666;
}

#blogs div.blog div.category a
{
	color: #666;
}

#blogs div.blog div.date
{
	font-size: .85em;
	color: #666;
}

/* Blogs footer */

#blogs-footer h3
{
	font-size: 1em;
	font-weight: bold;
}

#blogs-footer .space
{
	margin-bottom: 1em;
}

/**
 * ========================================================================
 * Left nav
 * ========================================================================
 */

div.vmenu
{
	padding: 4px 4px 4px 8px;
	font-size: .85em;
}

div.vmenu h3
{
	padding: 0 0 5px 0;
	font-size: 1.15em;
	color: #80561b;
}

div.vmenu ul
{
	list-style: none;
}

div.vmenu a
{
	color: #2e9ac5;
}

div.vmenu-left-bg
{
	background: url('../images/background-body-left.png') repeat-y top;
}

div.vmenu-bg
{
	background-color: #E7E6E8;
	background-image: url(../images/background-body-side-nav.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

a.port-item
{
	border-bottom: 0 !important;
}

a.port-text
{
	border-bottom: 1px dotted #9F3D43 !important;
	text-decoration: none;
	color: #9F3D43;
}

td.port-spacer
{
	height: 35px;
}

/**
 * ========================================================================
 * Right nav
 * ========================================================================
 */

div.container
{
	padding: 4px 8px 4px 0;
	font-size: .85em;
}

div.container h3.brown
{
	padding: 3px;
	height: 19px;
	background-color: #80561b;
	font-size: 1.15em;
	color: #fefefe;
}

div.container h3.blue
{
	padding: 3px;
	height: 19px;
	background-color: #34b3e6;
	font-size: 1.15em;
	color: #fefefe;
}

div.container h3.red
{
	padding: 3px;
	height: 19px;
	background-color: #8cc63f;
	font-size: 1.15em;
	color: #fefefe;
}

div.container ul
{
	list-style: none;
}

div.container a
{
	color: #2e9ac5;
}

/* Request Quote */

div.request-quote
{
	padding: 4px;
	margin-bottom: 15px;
	background-color: #e7e7e8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8CC63F;
	border-bottom-color: #8CC63F;
	border-left-color: #8CC63F;
}

img.button-go
{
	position: relative;
	top: 2px;
	padding: 2px 0 0 0;
}

/* Our team */
div.our-team
{
	margin-bottom: 10px; 
	height: 105px; 
	background: url('../images/background-nav-line.gif') repeat-x bottom;
}

div.our-team img.headshot
{
	padding-right: 5px; 
	float:left;
}

div.our-team div.title
{
	font-style: italic;
}

/* Our clients */

div.our-clients
{
	padding: 4px;
	margin-bottom: 15px; 
	border-right: 1px solid #B9C9D5;
	border-bottom: 1px solid #B9C9D5;
	border-left: 1px solid #B9C9D5;
	/*text-align: center;*/
}

/* Blogs */

div.blogs
{
	padding: 4px;
	margin-bottom: 15px; 
	border-right: 1px solid #B9C9D5;
	border-bottom: 1px solid #B9C9D5;
	border-left: 1px solid #B9C9D5;
}

div.blogs .blog h3
{
	font-size: 1em;
	font-weight: bold;
}

div.blogs .space
{
	margin-bottom: 10px;
}

/* Hot news */

div.hot-news
{
	padding: 4px;
	margin-bottom: 15px; 
	border-right: 1px solid #B9C9D5;
	border-bottom: 1px solid #B9C9D5;
	border-left: 1px solid #B9C9D5;
}

/* Meet our team */

div.meet-our-team
{
	padding: 4px;
	margin-bottom: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B9C9D5;
	border-bottom-color: #B9C9D5;
	border-left-color: #B9C9D5;
}

img.team
{
	padding-left: 10px;
}

/* Backgrounds */

div.container-right-bg
{
	background: url('../images/background-body-right.png') repeat-y top;
}

div.container-bg
{
	background-color: #E7E6E8;
	background-image: url(../images/background-body-side-nav.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/**
 * ========================================================================
 * Tables
 * ========================================================================
 */

table.data td
{
	padding: 3px;
}

/**
 * ========================================================================
 * Scroller
 * ========================================================================
 */
 
 /* Latest projects */

div.latest-projects
{
	padding: 0 4px 4px 4px;
	height: 60px;
	margin-bottom: 15px; 
	border-right: 1px solid #B9C9D5;
	border-bottom: 1px solid #B9C9D5;
	border-left: 1px solid #B9C9D5;
}

#scrollup 
{
	/*float: left;*/
	height: 60px;
	overflow: hidden;
	position: relative;
	width: 220px;
}

#scrollup h4
{
	font-size: 1em;
}

#scrollup .headline
{
    position: absolute;
    top: 60px;
    width: 220px;
}


/**
 * ========================================================================
 * Footer
 * ========================================================================
 */

#footer
{
	
}

#footer-blocks
{
	font-size: 0.75em;
	color: #FFFFFF;
}

#footer-blocks a
{
	border-bottom: 1px dotted #a87431;
	line-height: 1.65em;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF !important;
}

#footer-blocks a:hover
{
	background: #814901;
	border-bottom: 1px dotted #E29C41;
}

#footer-blocks h4
{
	padding: 0 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	color: #FFFFFF;
}

/* Left */

#footer-blocks .left
{
	background: url('../images/background-body-left.png') repeat-y top left;
}

/* Middle */

#footer-blocks .middle
{
	background-color: #8CC63F;
}

#footer-blocks .middle-inner-left-text
{
	padding: 8px;
}

#footer-blocks .middle-inner-middle-text
{
	padding: 8px;
}

#footer-blocks .middle-inner-right-text
{
	padding: 8px;
}

/* Right */

#footer-blocks .right
{
	background: url('../images/background-body-right.png') repeat-y top right;
}

#footer-shadow
{
	background: url('../images/background-bottom.png') no-repeat top;
}

#footer .inner
{
	padding: 0 4px 4px 4px;
	font-size: 0.75em;
	color: #FFFFFF;
}

#footer a
{
	color: #000000;
}

#footer .links
{
	float: left;
	width: 50%;
	font-weight: bold;
	color: #000000;
}

#footer .copyright
{
	float: left;
	width: 50%;
	text-align: right;
	font-weight: bold;
	color: #000000;
}

#footer .extra
{
	clear: both;
	color: #000000;
}

div.perkolate
{
	padding: 0 0 1em 0;
	font-weight: bold;
	color: #754200;
}

div.business-license
{
	color: #9F3D43;
}