/*
Company:	Business Profile
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Common Text Styles - Styles for text
Default Headings - headings like h1, h2, etc
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color: #818181;
}
body {
	padding: 19px 0 0 0;
	font-family: "Lucida Grande", Arial, sans-serif;
}
/* @end */

/* @group Layout */
div#container {
	width: 811px;
	margin: 0 auto;
	background: transparent url(../images/bg-container-tile.jpg) top left repeat-y;
	height: 1%;
}
div#container-inner {
	background: url(../images/bg-container-top.jpg) top left no-repeat;
	height: 1%;
}
div#container-inner-most {
	background: url(../images/bg-container-bottom.jpg) bottom left no-repeat;
	padding: 0 0 16px 66px;
}

/* Head */
div#hd {
	padding: 0 0 32px 0;
}

/* Get Directions Button */
span.get-directions a {
	background-color: #01aeff;
	border: 1px solid #01aeff;
	color: #FFF;
	text-decoration: none;
	padding: 2px 11px;
	font-size: 93%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

/* hCard - Contact Info Microformat*/
div.vcard {
	font-size: 108%;
	line-height: 1.4em;
	padding: 0 0 10px 0;
}
div.vcard a:link, div.vcard a:visited {
	color: #686868;
	text-decoration: none;
}
div.vcard a:hover {
	text-decoration: underline;
}
div.vcard div.fn, div.vcard div.org {
	display: none;
}
div.vcard div.tel, div.vcard div.fax {
	display: inline;
}

/* Footer */
div#ft {
	padding: 10px 0 15px 0;
}
div#ft p {
	text-align: center;
	color: #FFF;
	font-size: 85%;
}
div#ft a:link, div#ft a:visited {
	color: #FFF;
}
div.container-footer {
	clear: both;
}

/* Footer Widget One */
div.footer-widget-one {
	width: 329px;
	float: left;
	margin: 0 24px 0 0;
}

/* Social Networks */
div.social-networks ul {
	margin: 0;
	padding: 8px 0 0 0;
}
div.social-networks ul li {
	float: left;
	list-style: none;
	padding: 0 8px 0 0;
}

/* Footer Widget Two */
div.footer-widget-two {
	width: 334px;
	float: left;
}
div.chamber-badge a {
	float: right;
}
/* @end */

/* @group Modules */
/* Main Column */
div.main {
	width: 329px;
	float: left;
	margin: 0 24px 0 0;
	color: #686868;
	height: 1%;
}
div.main-inner {
	padding: 28px 0 0 9px;
}

/* Main Column Section - Used To Create Vertical Spacing and Borders */
div.main div.section {
	border-top: 1px dashed #ccc;
	padding-top: 20px;
	margin-bottom: 20px;
}

/* Side Column */
div.side {
	width: 334px;
	float: left;
	padding: 16px 0 0 0;
}

/* Business Photo */
div.business-photo {
	margin: 0 0 11px 0;
}
div.business-photo img {
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

/* Interactive Section */
div.interactive a:link, div.interactive a:visited {
	color: #01aeff;
	font-size: 85%;
	text-decoration: none;
}
div.interactive a:hover {
	text-decoration: underline;
}
div.interactive ul {
	margin: 0;
	padding: 0 0 14px 0;
}
div.interactive ul li {
	float: left;
	list-style: none;
}

/* Auto Clear List Items */
div.interactive ul li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.interactive ul li {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html div.interactive ul li {height: 1%;}
div.interactive ul li {display: block;}
/* End hide from IE-mac */

/* Download our vCard */
div.interactive ul li.download-vcard {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background: url(../images/bg-interactive-divider.gif) center right no-repeat;
}
li.download-vcard a:link, li.download-vcard a:visited {
	padding: 6px 0px 5px 40px;
	background: url(../images/icon-vcard.png) top left no-repeat;
	display: block;
	float: left;
}

/* Print */
div.interactive ul li.print {
	padding: 0 10px 0 0;
}
div.interactive ul li.print a:link, div.interactive ul li.print a:visited {
	padding: 5px 0;
	display: block;
	float: left;
}

/* Bookmark Container */
div.interactive ul li.bookmark {
	padding: 5px 0 0 0;
	width: 125px;
}
/* @end */

/* @group Common Text Styles */
div.main p {
	font-size: 108%;
	line-height: 1.3em;
}
/* @end */

/* @group Default Headings */
div#hd h1 {
	color: #343434;
	font-size: 232%;
	margin: 0 0 7px 0;
}
div.main h2 {
	color: #343434;
	font-size: 197%;
	margin: 0 0 15px 0;
	line-height: 1.3em;
}
div.main h3 {
	color: #000000;
	font-size: 123.1%;
	font-weight: normal;
	margin: 0 0 8px 0;
}
/* @end */

/* @group Default Lists */
div.main ul {
	font-size: 108%;
	margin: 0;
	padding: 0 0 0 19px;
}
div.main ul li {
	padding: 2px 0;
}
div.main ul.no-style {
	margin: 0;
	padding: 0;
}
div.main ul.no-style li {
	list-style: none;
}
/* @end */

/* @group Forms */
/* Contact Form */
div.contact-form {
	margin-bottom: 20px;
	background-color: #ededed;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	padding: 14px 0 4px 17px;
}
div.contact-form h3 {
	color: #000000;
	font-size: 146.5%;
	font-weight: normal;
	margin: 0 0 11px 0;
}
div.contact-form label {
	display: block;
	color: #777777;
	font-size: 108%;
	padding: 0 0 4px 0;
}
div.contact-form label.error {
	color: red;
}
div.contact-form .txt {
	background-color: #FFF;
	border: 1px solid #d7d7d7;
	width: 280px;
	padding: 5px;
	margin: 0 0 10px 0;
}
div.contact-form textarea.txt {
	height: 135px;
	margin: 0 0 14px 0;
}
div.contact-form .btn {
	background-color: #01aeff;
	color: #FFF;
	border: 1px solid #01aeff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	padding: 2px 11px;
	font-family: "Lucida Grande", Arial, sans-serif;
	display: inline-block;
	cursor: pointer;
}
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color: #01aeff;
}
a:hover {
	color: #01aeff;
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */