/*
Title:		O'Donoghue Builders
Author:		Dan Kinsella
written:	04 30 2008 by Celtic Marketing, Inc.
*/



/* class tags
----------------------------------------- */
	
body {
	margin: 0px;
	border: 0px;
	padding: 0px;
	font: 13px/15px Arial;
	line-height: 175%;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}

.slide_txt {
	font: 10px/20px arial;
	color: #404040;
	margin: 0px;
}

.sld_on {
	color: #404040;
	}
	
.sld_off {
	color: #909090;
	}

.outer-container {
	margin: 0px auto;
	position: relative;
	border: 0px;
	padding: 0px;
	width: 570px;
}

.navigation-container {
	position: relative;
	margin: 50px 0px 0px 0px;
	border: 0px;
}

.body-container {
	position: relative;
	margin: 0px;
	width: 100%;
	border: 0px;
}

.copyright-container {
	position: relative;
	margin: 0px;
	width: 100%;
	border: 0px;
}

.copyright-txt {
	font-family: Optima;
	font-size: 11px;
	color: #b38707;
	line-height: 125%;
	padding: 0px 0px 0px 0px;
}


/* id tags
----------------------------------------- */


#left-container {
	float: left;
	width: 300px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#main-container {
	float: left;
	width: 100%px;
	padding: 0px 0px 0px 150px;
	margin: 0px;
	border: 0px;
}

#right-column {
	float: right;
	width: 270px;
	padding: 50px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

#left-container-test {
	float: left;
	width: 300px;
	padding: 0px 0px 0px 150px;
	margin: 0px;
	border: 0px;
}

#image-container {
	display: block;
	position: relative;
	vertical-align: top;
	width: 270px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: right;
}

.image-container {
	vertical-align: top;
	width: 270px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	float: right;
}

#image-container-2 {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

#thumbnail-container {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

#right-container {
	float: right;
	vertical-align: top;
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 50px 0px 0px 0px;
	border: 0px;
}

#right-container-two {
	float: right;
	vertical-align: top;
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border: 0px;
}

#large-image-container {
	float: left;
	position: relative;
	width: 100%;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

.thumbnail {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	width: 270px;
	float: right;
}

#right-navigation-container {
	display: block;
	width: 200px;
	vertical-align: top;
	padding: 40px 0px 0px 0px;
	margin: 0px;
	border: 0px;
	float: right;
}

#large-thumbnail {
	float: left;
	position: relative;
	width: 100%;
	vertical-align: top;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

#body-table {
	float: left;
	position: relative;
	width: 300px;
	vertical-align: top;
	padding: 50px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

#main-table {
	float: left;
	position: relative;
	width: 570px;
	vertical-align: top;
	padding: 50px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

.small-container {
	float: right;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;
}

#build {
	float: right;
	vertical-align: top;
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border: 0px;
}

#remodel {
	float: right;
	vertical-align: top;
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border: 0px;
}

#footerbox {
	float: left;
	width: 570px;
	padding: 50px 0px 25px 0px;
	margin: 0px;
}

#logos {
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 159px;
	height: 63px;
	display: block;
}

#green {
	margin: 0px;
	padding: 10px 10px 5px 0px;
	display: block;
	float: left;
}

#green-logo {
	margin: 0px;
	padding: 0px;
	width: 84px;
	height: 82px;
}

#green-caption {
	font: 10px/18px Arial;
	font-weight: normal;
	font-style: italic;
	color: #909090;
	margin: 0px;
	padding: 0px;
}

#eugene {
	margin: 0px;
	padding: 10px 10px 5px 0px;
	display: block;
	float: left;
}

#eugene-image {
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 133px;
}

#odonoghue {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.captions {
	text-align: right;
	width: 270px;
	font: 10px/14px Arial;
	font-weight: normal;
	font-style: italic;
	color: #909090;
	line-height: 125%;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	position: relative;
	display: block;
	float: right;
}

#eugene-caption {
	font: 10px/18px Arial;
	font-weight: normal;
	font-style: italic;
	color: #909090;
	margin: 0px;
	padding: 0px;
}

.clients {
	font: 12px/15px Arial;
	font-weight: normal;
	font-style: normal;
	color: #909090;
	line-height: 125%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


#gallery {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.gallery {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#fpo {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#fpo2 {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#fpo-small {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.fpo-small {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#fpo-large-1 {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.fpo-large-1 {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#fpo-large-2 {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#fpo-large-3 {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#fpo-large-4 {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#sub-links {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
.sub-links {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#side-links {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #909090;
	text-align: right;
}

.side-links {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #909090;
	text-align: right;
}

#subnav2 {
	float: left;
	width: 120px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

strong {
	color: #a9822d;
}

#grey {
	color: #909090;
}


/* navigation
----------------------------------------- */


a:link { 
	text-decoration: none; 
	color: #a9822d;
	border-bottom: 1px dotted #a9822d;
	}
	
a:visited {
	text-decoration: none; 
	color: #909090;
	}
	
a:hover, a:active { 
	text-decoration: none; 
	color: #a9822d;
	border-bottom: 1px dotted #a9822d;
	}

a.navigation:link, a.navigation:visited {	
	font: 13px/18px Times;
	float: left;
	font-weight: normal;
	color: #a9822d;
	padding: 0px 30px 0px 0px;
	border: 0px;
}

a.navigation:hover, a.navigation:active {	
	font: 13px/18px Times;
	float: left;
	font-weight: normal;
	color: #909090;
	padding: 0px 30px 0px 0px;
	border: 0px;
}

a.contactnav:link, a.contactnav:visited {	
	font: 13px/18px Times;
	float: right;
	font-weight: normal;
	color: #a9822d;
	padding: 0px;
	border: 0px;
}

a.contactnav:hover, a.contactnav:active {	
	font: 13px/18px Times;
	float: right;
	font-weight: normal;
	color: #909090;
	padding: 0px;
	border: 0px;
}

a.subnavigation:link, a.subnavigation:visited {	font: 14px/16px Arial;
	font-weight: normal;
	color: #000000;
	padding: 0px 10px 0px 0px;
	border: 0px;
}

a.subnavigation:hover, a.subnavigation:active {	font: 14px/16px Arial;
	font-weight: normal;
	color: #909090;
	padding: 0px 10px 0px 0px;
	border: 0px;
}

a.partner-links:link, a.partner-links:visited {	font: 13px/15px Arial;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 0px 0px;
	border: 0px;
	line-height: 175%;
}

a.partner-links:hover, a.partner-links:active {	font: 13px/15px Arial;
	font-weight: normal;
	color: #909090;
	padding: 0px 0px 0px 0px;
	border: 0px;
	line-height: 175%;
}

a.clients-links:link, a.clients-links:visited {	font: 12px/15px Arial;
	font-weight: normal;
	color: #909090;
	padding: 0px 0px 0px 0px;
	border: 0px;
	line-height: 125%;
}

a.clients-links:hover, a.clients-links:active {	font: 12px/15px Arial;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 0px 0px;
	border: 0px;
	line-height: 125%;
}

a.image-links:hover, a.image-links:active,
a.image-links:link, a.image-links:visited {	
	
	text-decoration: none;
	border: 0px;
}

a.slide-links:link, a.slide-links:visited {	font: 10px/15px Arial;
	font-weight: normal;
	text-decoration: none;
	color: #909090;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	
	line-height: 175%;
}

a.slide-links:hover, a.slide-links:active {	font: 10px/15px Arial;
	font-weight: normal;
	text-decoration: none;
	color: #909090;
	padding: 0px 0px 0px 0px;
	border: 0px;
	line-height: 175%;
}

a.side-navigation:link, a.side-navigation:visited {	font: 13px/18px Arial;
	font-weight: normal;
	color: #a9822d;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

a.side-navigation:hover, a.side-navigation:active {	font: 13px/18px Arial;
	font-weight: normal;
	color: #909090;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

.quicknava {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 0px;
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-1.jpg);
	background-repeat: no-repeat;
	}

.quicknava a:link {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.quicknava a:hover {
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-1-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
.quicknavb {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 0px;
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-2.jpg);
	background-repeat: no-repeat;
	}

.quicknavb a:link {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.quicknavb a:hover {
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-2-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
	.quicknavc {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 0px;
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-3.jpg);
	background-repeat: no-repeat;
	}

.quicknavc a:link {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.quicknavc a:hover {
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-3-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
	.quicknavd {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 0px;
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-4.jpg);
	background-repeat: no-repeat;
	}

.quicknavd a:link {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.quicknavd a:hover {
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-4-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
	.quicknave {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 0px;
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-5.jpg);
	background-repeat: no-repeat;
	}

.quicknave a:link {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.quicknave a:hover {
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-5-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	}
	
	.quicknavf {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 0px;
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-6.jpg);
	background-repeat: no-repeat;
	}

.quicknavf a:link {
	display: block;
	height: 75px;
	width: 75px;
	text-decoration: none;
	background-position: top;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.quicknavf a:hover {
	background-image: url(http://www.celticchicago.net/odonoghueTEST/images/gallery-thumb-6-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	}