
/*  ----------\
	-----------------------------------------------
	Title 		: Construction Premiere CSS Document
	Author 		: Francis Hogue
	Edition 	: Blank
	Version 	: 1.0
	Created 	: 28-02-2007
	Updated 	: 
	Contact 	: francishogue@francishogue.com
	Copyright 	: Construction Premiere (c) 2007
	-----------------------------------------------
	----------/
*/

/* --------------------------------------
	
	=reset
	
-------------------------------------- */
:link,:visited {text-decoration: none;}
ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

/* --------------------------------------
	
	=layout, structure
	
-------------------------------------- */

body { 
	background: #eaeaea url(../img/bg-body.jpg) no-repeat 50% 0; 
	color: #000; 
	font: normal small Verdana, Arial, Helvetica, sans-serif;
}

img.carousselSelected {
	/*background: #CCCCCC;*/
	/*border: 2px solid #000000;*/
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
}

#wrapper {
	/* background: #fcfcfc; */
	margin: 0 auto;
	width: 719px;
}

#masthead {
	background: url(../img/bg-masthead.jpg) no-repeat;
	height: 156px;
	margin-top: 19px;
	position: relative;
	width: 100%;
}

#content {
	background: url(../img/bg-content.gif) repeat-y;
	clear: both;
	margin-left: 10px;
	padding: 8px 23px 1em 23px;
	width: 653px;
}

#content h3 {
	/*color: #ccc;*/
	color: #87051B;
	font-size: 110%;
	margin-bottom: 5px;
	text-transform: uppercase;
}



#footer {
	background: url(../img/bg-footer.gif) no-repeat;
	clear: both;
	height: 56px;
	margin-left: 10px;
	padding: 34px 11px 0 11px;
	width: 677px;
}
/* --------------------------------------
	
	=nav
	
-------------------------------------- */
#menu {
	background: url(../img/bg-menubar.jpg) no-repeat 10px 0;
	font-family: Arial, sans-serif;
	height: 57px;
	width:;
	padding:0 0 0 2px;
}

#menu ul {
	background: #fff;
	border: 1px solid #bcbcbc;
	margin:0;
	width: 13em;
}

#menu dl {
	display: inline;
	float: left;
	margin: 0 0 0 3px;
	width: auto;
}

#menu dl.first {
	margin: 0 0 0 8px;
}

#menu dt {
	cursor: pointer;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0;
}
#menu dd {
	display: none;
	position: absolute;
}


#menu dt a {
	background: url(../img/btn-menu.jpg) no-repeat;
	color: #fff;
	display: block;
	font-size:11px;
	font-weight: bold;
	height: 27px;
	letter-spacing: 0;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	width:114px;
}

#menu dt a:hover, #menu dt a:active {
	background: url(../img/btn-menu.jpg) no-repeat 0 100%;}

#menu li {
	padding: 1px;
}

#menu li a {
	background: url(../img/menu-bullet.gif) no-repeat 5px 50%;
	color: #000;
	display: block;
	font-size: 85%;
	padding: 3px 0 3px 15px;
	width: auto;
}

#menu li a:hover, #menu li a:focus {
	background-color: #a94041;
	color: #fff;
}

/* --------------------------------------
	
	=headers
	
-------------------------------------- */
h1#logo {
	left: 54px;
	position: absolute;
	top: 55px;
}

h1#logo, h1#logo a {
	display: block;
	height: 62px;
	overflow: hidden;
	text-indent: -9999px;
	width: 202px;
}

#content h2 {
	background: url(../img/h2-bullet.gif) no-repeat 0 50%;
	border-bottom: 1px solid #c3a1a2;
	color: #87051b;
	font-size:12px;
	margin-bottom:15px;
	padding-left: 10px;
	text-transform: uppercase;
}

/* --------------------------------------
	
	=basic text style
	
-------------------------------------- */
dl,ul,ol,h1,h2,h3,h4,h5,h6,pre,p,blockquote,table,img {
	margin-bottom: 1.0em;
}

strong {
	font-weight: bold;
}

#content p {
	font-size: 100%;
	line-height: 1.4em;
}

#footer p {
	color:#606265;
	float:left;
	font-size:10px;
	width: 180px;
}

/* --------------------------------------
	
	=links
	
-------------------------------------- */

#content a {
	color: #87051b;
	text-decoration: underline;
}

#content a:hover, a:active {
	color: #606265;
}

#footer ul li a {
	color: #606265;
	text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:active {
	color: #87051b;
}

/* --------------------------------------
	
	=panel
	
-------------------------------------- */
#photo-slider {
	background: url(../img/bg-photo-slider.gif) no-repeat;
	height: 134px;
	padding: 6px;
	width: 641px;
}

a#btn-slider-prec, a#btn-slider-next{
	height: 134px;
	overflow: hidden;
	text-indent: -9999px;
	width: 16px;
}

a#btn-slider-prec {
	background: url(../img/btn-prec.gif) no-repeat 0 0;
	float: left;
	margin-right: 1px;
}

a#btn-slider-next {
	background: url(../img/btn-next.gif) no-repeat 0 0;
	float: right;
	margin-left: 1px;
}

a#btn-slider-prec:hover, a#btn-slider-prec:active {
	background: url(../img/btn-prec.gif) no-repeat 0 100%;
}
 a#btn-slider-next:hover, a#btn-slider-next:active {
	background: url(../img/btn-next.gif) no-repeat 0 100%;
}

/* --------------------------------------
	
	=list
	
-------------------------------------- */
#footer ul {
	color: #606265;
	float:right;
	font-size:10px;
	width:432px;
	padding:0;
	margin:0;
}

#footer ul li {
	display: inline;
}


/* --------------------------------------
	
	=form
	
-------------------------------------- */
ul.clients {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

li.clients {
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
}


/* --------------------------------------
	
	=trick
	
-------------------------------------- */

div.clearer {clear:both; line-height:0.0; height:0;}
div.clear {clear:both; line-height:0.0; height:0; padding:0; margin:0;}


/* self-clearing floats*/
#whatever-goes-here:after
{
	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
}

/*-----------------------------------------------
	=>carroussel
------------------------------------------------*/
/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	/*background:#3F3F3F;*/
	background:#F3F3F3;
	padding:0px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:15px 10px 10px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
