/*
	aleguire.com Screen Styles by Liam Aleguire
	
	Table of Contents:
		Page Framework Elements
		Main Nav Elements
		Typography
		Content Layout
		Content Styling
*/


/* Page Framework Elements
----------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	text-align: center;
	font: 12px Georgia, "Times New Roman", Times, serif;
}

#content {
	width: 710px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	width: 710px;
	height: 79px;
}

#content_bg {
	padding: 2px 0 5px 0;
	background: #fefded url(../images/rt_side_shadow.gif) repeat-y right;
}

.content_wrapper {
	padding: 0 35px 0 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#case_study {
	text-align: left;
	margin: 0px;
	padding: 4px;
	background-image: none;
	background-color: #fefded;
	
	background-color: #000; /* darker bg color for case studies */
	color: #fff;
}

a {
	color: #634021;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*#bottom_shadow {  (could use in future)
	background: url(../images/bottom_shadow.gif) no-repeat;
	height: 4px;
}*/



/* Main Nav Elements
----------------------------------------------------- */

#nav {
	background-image: url(../images/nav_bg.gif);
	background-repeat: no-repeat;
	width: 710px;
	height: 28px;
	line-height: 25px;
}

#nav ul {
	margin: 0 0 0 74px;
	padding: 0;
}

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

#nav a {
	text-decoration: none;
	font-size: 14px;
	color: #634021;
	font-weight: bold;
}

#nav a:hover {
/*	color: #f9b640;*/
	border-bottom: 1px dotted #666;
}

#subnav ul {
	margin: 0;
	margin: 0 0 0 518px;
	margin: 0 0 0 600px; /* for 2 subnav links */
	padding: 0;
}

#subnav li {
	display: inline;
	list-style-type: none;
}

#subnav a {
	text-decoration: none;
	font-size: 11px;
	color: #7f6e6e;
}

#subnav a:hover {
/*	color: #f9b640;*/
	border-bottom: 1px dotted #666;
}


/* Content Styling
----------------------------------------------------- */

.main_heading {
	border-bottom: 1px dashed #e8e7da;
	text-indent: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f9b640;
	margin-right: 4px;
	background-image: url(../images/nav_bg.gif);
}

.goto_top {
	font-size: 11px;
	font-weight: normal;
/*	color: #f9b640;*/
	margin-right: 4px;
	margin-top: 3px;
	float: right;
/*	background-image: url(../images/nav_bg.gif);*/
}

.footer_divider {
	border-bottom: 1px dotted #e8e7da;
	margin-right: 4px;
}

.footer {
	font-size: 11px;
	text-align: center;
}

.thumbnails li {
	display: inline;
	list-style-type: none;
}

.thumbnails img {
	border: 1px solid #dddcd0;
/*	background-color:#fff;*/
	background-color: #e7e2d8;
	padding: 3px;
	margin: 3px;
}

.thumbnails a:hover img {
/*	background-color: #afae8b;*/
	border-color: #666;
}

.captions {
	float: left;
	text-align: center;
	margin-bottom: 8px;
	margin-right: 3px;
	font-size: 10px;
}

.captions a {
	text-decoration: none;
}

.captions a:hover {
	text-decoration: underline;
}

.clear_both {
	clear: both;
}

.gray {
	color: #c3c3c3;
}

.img_middle {
	vertical-align: middle;
}

.float_right {
	float: right;
	margin-left: 2px;
}

.float_left {
	float: left;
	margin-right: 2px;
}