@charset "UTF-8";
/* CSS Document */
body {
	margin: 0 auto;
	width: 990px;
	font-family: Gill Sans, Arial, sans-serif; 
	font-size: 13px;
	color: #464646;
	line-height: 16px;
}

img {border: 0;}

a {color: #004b81; text-decoration: none;}

#buckets a {
	background: url(images/link_arrow_sm.gif) no-repeat top left; padding-left: 8px;
}

a:hover {color: #004b81; text-decoration :none;}

/*remove link dots FF*/
:active, :focus {outline:0;}

html {
	margin: 0px 0px 0px 0px; 
	padding: 0; 
	height: 100%;
}

#index #header {
	float: left;
	background:url(images/header_bg_home.jpg) no-repeat;
	width: 990px;
	height: 68px;
}


#index #footer {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(images/footer_bg_home.jpg) no-repeat;
	width: 990px;
	height: 250px;
	float: left;
}

#header {
	float: left;
	background:url(images/header_bg.jpg) no-repeat;
	width: 990px;
	height: 104px;
}

#header #logo {
	float: left;
	width: 270px;
}

#header #nav {
	float: right; 
	padding-right: 40px;
	padding-top: 25px;
	
}

#nav {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 22px;
	display: inline;
	overflow: hidden;
}

#nav li {
	margin: 0;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:22px; /* for IE5/Win */
}

#nav a:hover {
	background-position: 0 -22px;
}


.about a  {
	width: 100px;
	background: url(images/about.jpg) top left no-repeat;
	
}

.about_fr a  {
	width: 95px;
	background: url(images/about_fr.jpg) top left no-repeat;
	
}

.services a  {
	width: 139px;
	background: url(images/services.jpg) top left no-repeat;
	
}

.services_fr a  {
	width: 136px;
	background: url(images/services_fr.jpg) top left no-repeat;
	
}

.gallery a  {
	width: 92px;
	background: url(images/gallery.jpg) top left no-repeat;
	
}

.gallery_fr a  {
	width: 89px;
	background: url(images/gallery_fr.jpg) top left no-repeat;
	
}

.contact a  {
	width: 114px;
	background: url(images/contact.jpg) top left no-repeat;
	
}

.contact_fr a  {
	width: 164px;
	background: url(images/contact_fr.jpg) top left no-repeat;
	
}

/*nav on states*/
body#site {}
body#about .about a {background-position: 0 -22px;}
body#services .services a {background-position: 0 -22px;}
body#gallery .gallery a {background-position: 0 -22px;}
body#contact .contact a {background-position: 0 -22px;}

body#about .about_fr a {background-position: 0 -22px;}
body#services .services_fr a {background-position: 0 -22px;}
body#gallery .gallery_fr a {background-position: 0 -22px;}
body#contact .contact_fr a {background-position: 0 -22px;}


#footer {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(images/footer_bg.jpg) no-repeat;
	width: 990px;
	height: 245px;
	float: left;
}

#footer p {
	padding: 170px 20px 0px 40px;
	width: 900px;
}

#footer a {color: #FFFFFF;}
/*
input {width: 130px;}
option {width: 101px;}*/

.left {float: left;}
.right {float: right;}



/**********HOME PAGE*************/
#content {
	float: left; 
	width: 990px; 
	
}

#homeHeader {
	float: left; 
	padding-top: 125px; 
	padding-bottom: 5px; 
	width: 100%;
}

#content p {
	margin: 0;
	padding-bottom: 5px;
	
}

.copy {
	width: 360px;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 0px;
	font-size: 14px;
	float: left;
}

.gallery {
	
	padding-left: 25px;
	
	padding-top: 130px;
	padding-bottom: 10px;
	float: left;
}

#flash {
	padding-left: 25px; 
	float: left;
}

#buckets {
	width: 960px; 
	float: left; 
	padding: 30px 15px 0px 25px;
	margin-left: 15px;
	_margin-left: 7px;
	height: 225px;
	background: url(images/buckets_bg.jpg) top left no-repeat;
}

#leftBucket {
	float: left;
	width: 275px; 
	padding-right: 20px;
}

#leftBucket a {width: 100px;float: left; padding-top: 0px;}

#leftBucket img {float: right;}

#middleBucket {
	float: left;
	width: 275px; 
	padding-left: 20px; 
	padding-right: 48px;
}

#rightBucket {
	float: left;
	width: 275px; 
	padding-right: 25px;
}

/**********ABOUT PAGE*************/
#bg {
	background:url(images/interior_bg.jpg) repeat-y;
	float: left;
}

#index #bg {
	background:url(images/index_bg.jpg) repeat-y;
	float: left;
		
}

#site p {text-transform: capitalize;}

#about .copy, #services .copy, #contact .copy, #gallery .copy, #site .copy {width: 520px; float: left; padding-top: 100px;}
#about #content, #gallery #content, #services #content, #contact #content, #site #content {
	float: left; 
	width: 990px; 
	min-height: 500px;
	height: 100%;
	background:url(images/interior_top_bg.jpg) no-repeat;
}

#about #photos, #services #photos, #contact #photos, #site #photos {float: left; width: 366px; padding-top:100px;}
#about #photos img {margin-bottom: 20px; float: left;}
#services #photos img {margin-bottom: 20px; float: left;}
#contact #photos img {margin-bottom: 20px; float: left;}

h1 {font-size: 18px; text-transform: uppercase; padding-top: 25px; margin: 0px; padding-bottom: 5px;}
h1 a {font-size: 18px; text-transform: uppercase; padding-top: 0px; color: #025188; background: url(images/link_arrow.gif) no-repeat left; padding-left: 15px; margin: 0;}
h1 a:hover {color: #025188;}

h2 {font-size: 14px; text-transform: uppercase; color: #014c82; margin: 0; padding: 5px 0px;}

h3 a {font-size: 14px; text-transform: uppercase; padding-top: 20px; color: #025188; background: url(images/link_arrow_back.gif) no-repeat left; padding-left: 15px; margin: 0;}

.required {color: red;}
/*input {width: 200px;}
*/

.leftLink a {padding-top: 20px; width: 90px; background: red;}
.leftPhoto {margin-top: 0px;}