/* GLOBAL
----------------------------------------------- */

body { margin: 0; background: transparent url(../img/bg_body.gif); }

#page-wrapper { 
	width: 677px;  
	margin: 0 auto;
	padding: 0 48px 0 47px; 
	background: transparent url(../img/bg_pageWrapper.gif) repeat-y; }
	
#leftCol-wrapper { 
	float: left;
	width: 213px; }
	
	.navBG-home { background: transparent url(../img/bg_leftCol_clouds.jpg) no-repeat; }
	.navBG-whoWeAre { background: transparent url(../img/bg_leftCol_overpass.jpg) no-repeat; }
	.navBG-ourTeam { background: transparent url(../img/bg_leftCol_plane.jpg) no-repeat; }
	.navBG-issues { background: transparent url(../img/bg_leftCol_cars.jpg) no-repeat; }
	.navBG-membership { background: transparent url(../img/bg_leftCol_palms.jpg) no-repeat; }
	.navBG-testimonials { background: transparent url(../img/bg_leftCol_ocean.jpg) no-repeat; }
	.navBG-news { background: transparent url(../img/bg_leftCol_ship.jpg) no-repeat; }
	.navBG-calendar { background: transparent url(../img/bg_leftCol_truck.jpg) no-repeat; }
	.navBG-links { background: transparent url(../img/bg_leftCol_oranges.jpg) no-repeat; }
	.navBG-contact { background: transparent url(../img/bg_leftCol_rearMirror.jpg) no-repeat; }

#rightCol-wrapper {
	float: left; 
	width: 414px; 
	padding: 328px 25px 0 25px; }
	
	.photoBG-home { background: transparent url(../img/bg_rightCol_clouds.jpg) no-repeat; }
	.photoBG-whoWeAre { background: transparent url(../img/bg_rightCol_overpass.jpg) no-repeat; }
	.photoBG-ourTeam { background: transparent url(../img/bg_rightCol_plane.jpg) no-repeat; }
	.photoBG-issues { background: transparent url(../img/bg_rightCol_cars.jpg) no-repeat; }
	.photoBG-membership { background: transparent url(../img/bg_rightCol_palms.jpg) no-repeat; }
	.photoBG-testimonials { background: transparent url(../img/bg_rightCol_ocean.jpg) no-repeat; }
	.photoBG-news { background: transparent url(../img/bg_rightCol_ship.jpg) no-repeat; }
	.photoBG-calendar { background: transparent url(../img/bg_rightCol_truck.jpg) no-repeat; }
	.photoBG-links { background: transparent url(../img/bg_rightCol_oranges.jpg) no-repeat; }
	.photoBG-contact { background: transparent url(../img/bg_rightCol_rearMirror.jpg) no-repeat; }

#rightCol-wrapper-home {
	float: left; 
	width: 464px; 
	padding: 0;
	background: transparent url(../img/bg_rightCol_clouds.jpg) no-repeat; }

#content-home {
	padding: 30px 25px 0 25px; }

#stories {
	padding: 25px 25px 0 25px; }
	background: white;

#flash-wrapper { 
	height: 307px; }

#logo {
	width: 167px;
	height: 220px;
	margin: 0 0 0 31px; }
	
	#linkHome {
		width: 167px;
		height: 220px;
		display:block;
		background: transparent url(../img/linkHome.gif) no-repeat; }

.callOut {
	width: 181px;
	height: 74px;
	padding: 21px 0 8px 32px;
	background: transparent url(../img/bg_callOut.gif) no-repeat; }

#page-footer {
	width: 677px; 
	height: 50px; 
	margin: 0 auto;
	padding: 19px 48px 0 47px; 
	background: transparent url(../img/bg_footer.gif) no-repeat; }	

/* TEXT PARAMETERS
----------------------------------------------- */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #7c2f1f;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	text-transform: uppercase; }

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #7c2f1f;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	text-transform: uppercase; }
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #4c711d;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold; }

p, ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: .5em 0 .5em 0;
	line-height: 1.5em;
	color: #000; }
	
p.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: .5em 0 .5em 0;
	line-height: 1.5em;
	color: #999;
	text-align: center; }
	
a:link, a:visited {
	color: #000;
	background: none;
	text-decoration: underline; }
	
a:hover {
	color: #fff;
	background: #4db3d0;
	text-decoration: none; }

a.boxLink:link, a.boxLink:visited {
	border-top: 3px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background: #e5e5e5;
	padding: 2px 5px 2px 5px;
	line-height: 2em;
	text-decoration: none;
	color: #000;
}

a.boxLink:hover, a.boxLink:active {
	border-top: 3px solid #2d6150;
	border-right: 1px solid #2d6150;
	border-bottom: 1px solid #2d6150;
	border-left: 1px solid #2d6150;
	background: #4D917B;
	padding: 2px 5px 2px 5px;
	line-height: 2em;
	text-decoration: none;
	color: #fff;
}


ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: .5em 0 .5em 0;
	padding-left: 0;
	line-height: 1.5em;
	color: #000;
	list-style-type: none; }

li {
	padding: 3px 0 3px 22px;
	line-height: 1.75em;
	background: transparent url(../img/_arrow.gif) no-repeat 0 5px; }

li.pdf {
	background: transparent url(../img/_pdf.gif) no-repeat 0 5px; }

li.link {
	background: transparent url(../img/_link.gif) no-repeat 0 5px; }
	

.invHdr {
	display: none;
	position: fixed; top: -500px; left: -500px;
	color: #333;
	font-weight: bold;
	padding: 0;
	margin: 0px 0px 5px 0px; }

.navDiv {
	display: none; }

.invLink {
	visibility: hidden; }
	
hr {
	border-left:0px none; 
	border-right:0px none; 
	border-bottom:0px none; 
	border-top: 1px dotted #ccc; 
	width: 100%;
	height: 1px;
	padding: 2px 0 2px 0;
	background: none; }

/* PHOTO ELEMENTS
----------------------------------------------- */

.photoRight { padding: 7px 0 7px 7px; }


.photoLeft { padding: 7px 7px 7px 0; }


/* CLEAR FIX
----------------------------------------------- */

.clear-fix:after {
    content: ".";                /* the period is placed on the page as the last thing before the div closes */
	display: block;             /* inline elements don't respond to the clear property */ 
    height: 0;                 /* ensure the period is not visible */
    clear: both;              /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clear-fix {
	display: inline-block;    /* a fix for IE Mac */
}

* html .clear-fix {   
	height: 1%;      /* fix for Guillotine bug in IE6 */
}

.clear-fix {
	display: block;
}