/*
Author: Matthew Orenshaw	Date: 06/04/2008	(c) Modified Media, Inc.
*/

BODY {
	background: #242529;
	font-family: Helvetica, Geneva, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 0;
}

A:link		{ color: #3332fd; }
A:visited	{ color: #989898; }
A:hover		{ color: #8dabfc; }
A:active	{ color: #080042; }

#page {
	background: #ebebeb url(../img/bg_body_background.gif) repeat-x 0 0;
	font-family: Helvetica, Geneva, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 0;
	min-width: 1000px;
}

/* Body_Container
------------------------------ */
#container {
/*	background: url(../img/bg_landing_area_wide.gif) no-repeat 0 67px; */
	width: 1000px;
	margin: 0 auto;
}

/* Header
------------------------------ */
#header {
	background: #242529 url(../img/modified_media_logo.gif) no-repeat;
	height: 80px;
	border-bottom: 1px solid #28292d;
}

#contact-number {
	font-family: Helvetica Nuevo;
	margin-top: 30px;
	float: right;
}

#header img{
	border: 0;
}

/* Wrapper
------------------------------ */
#wrapper {
	width: 768px;
	margin: 0 auto;
	padding-top: 26px;
}

/* Landing Area
------------------------------ */
#landing_area {
	font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
	text-align: center;
	height: 178px;
	width: 768px;
	overflow: hidden;
	background: url(../img/bg_landing_area2.gif) no-repeat;
}

#landing_area P {
	display: none;
}

#tagline {
	display: none;
	font-size: 2.8em;
	font-weight: 400;
	
}


/* Navigation Buttons
------------------------------ */
#navigation {
	background: transparent url(../img/bg_navigation.gif) no-repeat 4px;
	font-size: 0.90em;
	width: 768px;
	height: 42px;
	padding: 0pt 4px;
	overflow: hidden;
	text-align: left;
}

A.nav_link {
	color: #daa6a2;
	text-decoration: none;
}

A.nav_link:hover { color: #FFF; }

#navigation UL {
	margin: 0;
	padding-top: 14px;
	padding-left: 20px;
}

#navigation UL LI {
	display: inline;
	margin-right: 30px;
}

A.btn {
	display: block;
	position: relative;
	color: #FFF !important;
	overflow: hidden;
}

A.btn SPAN {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent 0 0 no-repeat;
}


/*Sizing and Images*/
.main_nav { 
	width: 240px;
	height: 40px; 
	float: left; 	
	font-size: 18px; 
	text-align: center;
	text-decoration: none;
}	
	
.main_nav SPAN			{ background-image: url(../img/button.gif) !important; padding-top: 15px; }
.main_nav:hover SPAN 	{ background-position: 0 -40px; }
.main_nav:active SPAN 	{ background-position: 0 -80px; }

/* Content
------------------------------ */
#content {
	clear: both;
	font-family: Verdana,Arial,sans-serif;
	font-size: 80%;
	line-height:1.667em;
	background: url(../img/bg_content.png) repeat-y;
	padding: 19px 38px 5px 38px;
	overflow: hidden;
	color:  #4a3e3e;
}

#content UL {
	padding-left: 1.5em;
}

#content H2 {
	font-size: 2.0em;
	font-weight: lighter;
	line-height: 1.6em;
	color: #000;
	margin: 0pt 0pt 20pt 0pt;
	padding-bottom: 4pt;
	border-bottom: 1px solid #a00;
}

#content H3 {
	margin-bottom: 5px;
}

#content H4 {
	font-size: .9em;
	font-weight: lighter;
	line-height: 1.6em;
	color: #888;
	margin: 5px 0;

}

#content P {
	overflow: auto;
}

div.content_left {
	width: 400px;
	margin-right: 30px;
	float: left;
}

div.content_right {
	float: left;
	padding: 0;
}

div.content_right IMG {
	width: 232px;
	margin: 0pt;
	height: 139px;
}

div.sidebar {
	background-color: #f5f2ee;
	padding: 10px 10px 20px 10px;
	width: 212px;
	margin-top: -10px;		
}

/*div.content_right h3 {
	font-family:Georgia,Times New Roman,serif;
	font-size:1.5em;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:1.111em;
	margin-top: 0;
	padding-bottom: 6pt;
	border-bottom: 1px solid #c7c7b9;
}*/

div.section{
	width: 100%;
}

#gallery {
	overflow: auto;
	margin: 0 !important;
	padding: 0 !important;
}

#gallery li{
	height: 135px;
	display: block;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 5px;
	float: left;
}

#gallery img {
	border: 0px;
}

#gallery li:hover {
	background: #CCC;
	height: 135px;
	display: block;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 5px;
	float: left;
}

.centered {
	margin: 30px auto;
	width: 550px;
}


/*Images
------------------------------*/
.image-link {
	border: 10px solid #CCCCCC;
	margin: 10px 0 20px 0;
}

/*.image-link:hover {
	border: 10px solid #a09e9c;
}
*/
.img-right {
	margin: 0px 10px 10px 10px;
	float: right;
	clear: left;
	border: 0px;
}
span.caption {
	margin: 0 auto;
	line-height:1.5em;
	font-size: .9em;
	font-weight: bold;
	float: left;
}

/* Footer
------------------------------ */
#footer_container {
	background: #242529;
	color: #ccc;
	width: 100%;
}

#footer {
    background: url(../img/bg_footer.gif) no-repeat;
	font-family: Helvetica;
	margin: 0 auto;
	width: 768px;
	padding: 80px 0pt 40px 0pt; 
	text-align: center;
}

#footer A {
	color: #CCC;
	text-decoration: none;
}

#footer A:HOVER {
	color: #FFF;
	
}
#footer img {
	float: right;
	margin-left: -80px;
}

#footer UL {	
	margin-top: 0px;
	padding: 0;
}

#footer UL LI {
	display: inline;
	border-right: 1px solid #444;
	padding: 0 0.5em;
	list-style: none;
}

li.last {
	border: 0px !important;
}

#footer_width {
	width: 1000px;
	margin: 0 auto;
}

/* Images
------------------------------ */
img.thumb {
	border:5px solid #F1F1F1;
}