/* 	uptownconcrete.com
	screens styles
*/


/* Default font setup
------------------------------------------ */

html, html body
{
	margin: 0;
	padding: 0;
	font-size: 100%;         /* IE hack */
	font-family: 'Adobe Garamond', 'Garamond', 'Apple Garamond', Georgia, Palatino, serif;
}

body {
	background: #cfdde0 url('../images/bg_blue.gif') top left repeat-x;
	/*background: #fff url('../images/bgtile2.gif');*/
	font-size: 62.5% !important; 	/* establish basefont at ~10pt */
	color: #231f20;
}

h1, h2, h3
{
	font-family: 'Adobe Garamond', 'Garamond', 'Apple Garamond', Georgia, Palatino, serif;
	color: #98a270;
	text-align: center;
}
h1 { font-size: 2.8em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.4em; }

div {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


/* Typography
------------------------------------------ */

p, ul, ol
{
	font-size: 1.2em;
	line-height: 1.3em;
}

#content p.callout
{
	font-size: 2.2em;
	line-height: 1.3em;
	color: #98a270;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

#content p.callout2
{
	font-size: 1.4em;
	line-height: 1.3em;
	color: #5a7378;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}

#content h2.gallery
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 35px;
}

div.whyconcrete h3
{
	color: #8e5648;
	font-weight: bold;
	text-align: left;
	padding: 0px 20px;
	margin-bottom: 0px;
	margin-top: 2.0em;
	line-height: 0.2em;
}

#tagline p, #contact_info p
{
	font-family: 'Adobe Garamond', 'Garamond', 'Apple Garamond', Georgia, Palatino, serif;
	text-align: center;
	font-size: 1.1em;
	color: #231f20;
}

#content p
{
	padding: 0px 20px;
	text-align: justify;
}

#footer p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#navigation li
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 2.0em;
}


/* Positioning
------------------------------------------ */

div#container {
	background: #ffffff;
	position: absolute;
	top: 35px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	display: block;
	height: 90%;
	border: 1px solid #645f52;
	padding-bottom: 30px;
}

html>body  #container 
{
	height:  auto;
	min-height:90%;
}

div.centered
{
	display: block;
	text-align: center;
	margin: 0 auto;
}

#content
{
	width: 675px;
	margin-left: 225px;
	padding: 0px;
}

#left_column
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 225px;
}

#tagline
{
	width: 225px;
	margin-top: 50px;
}

#navigation
{
	width: 225px;
	margin-top: 65px;
}

#navigation ul, #gallery_nav ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

div.gallery_nav
{
	width: 100%;
	background: #eee;
	margin-bottom: 10px;
}
div.gallery_nav img
{
	border: 1px solid #b6c187;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}
div.gallery_nav img.on
{
	border: 1px solid #645f52;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

img.gallery
{
	margin: 20px;
	border: 1px solid #645f52;
}

#contact_info
{
	width: 225px;
	margin-top: 120px;
}

#logo
{
	width: 225px;
	height: 64px;
	margin: 30px 16px 16px 16px;
}

.photos_top { margin-bottom: 30px; }
.photos_bottom { margin-top: 30px; }


/* Replaced Images
------------------------------------------ */

#logo
{
	background: transparent url('../images/uptown_concrete_logo.gif') no-repeat;
}

#logo a
{
	text-indent: -5000px;
	display: block;
	width: 192px;
	height: 64px;
	border-bottom: none;
}

#logo img { display: none; }


/* Links 
------------------------------------------ */

a:link
{
	color: #5a7378;
	
	text-decoration: none;
}
a:visited
{
	color: #828862;
	
	text-decoration: none;
}

a:hover, a:active
{
	color: #b6c187;
	
	text-decoration: none;
}

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active
{
	text-decoration: none;
	font-family: 'Adobe Garamond', 'Garamond', 'Apple Garamond', Georgia, Palatino, serif;
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: bold;
	border-bottom: none;
}

a.image:link, a.image:visited, a.image:hover, a.image:active { border-bottom: medium none; }


/*  Clearing 
------------------------------------------ */

.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 */