/**
 *  --------------------------------------------------------------------------------------
 *  Structure CSS
 *  ----------------------------------------------------
 *  Modified	August 20, 2008
 *  @version	3.0.1
 *  @author	Chris Satterthwaite <chris@navigatormm.com>
 *  ----------------------------------------------------
 *  1.	Wrapper
 *  2.	Header
 *  3.	Navigation
 *  4.	ContentWrapper
 *  5.	Side
 *  6.	Footer
 *  7.	Copyright
 *  --------------------------------------------------------------------------------------
 */

/* Wrapper
--------------------------------------------------------------------------------------- */
#wrapper {
	width:				955px;
	margin:				0 auto 0 auto;
	z-index:			1;/* Is need so that dropdown apears in front of relative position objects in IE6 and IE7. */
	background:url(../images/interface/body-bg.gif) no-repeat;
}
/* Header
--------------------------------------------------------------------------------------- */
#header {
	height:				60px;
	padding: 5px 0 5px 0;
	position:			relative;
}
	#header h1 {
		width:				247px;
		margin:				0px auto 0px auto;
	}	

/* ContentWrapper
--------------------------------------------------------------------------------------- */
#contentbg{background:url(../images/interface/content-bg.gif) repeat-y; width:914px; margin:0px 0px 0px 41px;}
#contentWrapper {
	min-height:	        	300px;
	height:				auto !important;
	height:				300px;
	width:				835px;
	margin: 0px 0px 0px 0px;
	padding:0 0 0 73px;
	background:url(../images/interface/pic-bg.jpg) no-repeat;
}

/* Content Top
--------------------------------------------------------------------------------------- */

#contenttop{
	background:url(../images/interface/content-top.png) no-repeat;
	width:733px;
	height:21px;
	margin:0 0 0 0;
	float:left;
	position:relative;
	z-index:10;
}

#contentnarrowtop{
	background:url(../images/interface/content-narrow-top.png) no-repeat;
	width:333px;
	height:21px;
	margin:0 0 0 0;
	float:left;
	position:relative;
	z-index:10;
}

/* Content
--------------------------------------------------------------------------------------- */
#contentnarrow {
	clear:both;
	width:				325px;
	min-height:530px;
	height: auto !important;
	height:530px;
	padding:            5px 7px 0px 1px;	
	float:				left;
	position:relative;
	background:url(../images/interface/content-narrow.png) repeat-y;
}

#content{
	clear:both;
	width:				725px;
	min-height:550px;
	height: auto !important;
	height:550px;
	padding:            5px 7px 0px 1px;	
	float:				left;
	background:url(../images/interface/content.png) repeat-y;
	position:relative;
	z-index:15;
}

/* Content Bottom
-------------------------------------------------------------------------------------- */
#contentnarrowbtm{
	background:url(../images/interface/content-narrow-btm.png) no-repeat;
	clear:both;
	float:left;
	width:333px;
	height:60px;
	display:block;
}

#contentbtm{
	background:url(../images/interface/content-btm.png) no-repeat;
	clear:both;
	float:left;
	width:733px;
	height:45px;
	display:block;
	
}

/* Index Content Styles
--------------------------------------------------------------------------------------- */

@font-face {
 font-family: 'Stephanie';
 src: url(../fonts/stephaniemariejf.eot);
 src: local('Stephanie'), url(../fonts/stephaniemariejf.ttf) format('opentype');
}

.indexlinks{
	text-transform:uppercase;
	text-align:center;
	padding:0 0 18px 0;
	font-size:11px;
	color:#8f8069;
	font-weight:bold;
}

#flashholder{
	position:absolute;
	top:-6px;
	left:297px;
}

#flashholder li {
	position:relative;
	list-style: none;
}

#flashholder .img-title {
	position:absolute;
	bottom: 20px;
	right: 20px;
	color: #FFF;
	font-size: 60px;
	text-shadow: 2px 2px 2px #000;
	font-family: "Stephanie", Lucida Script, Arial;
	line-height: 0.9em;
}

.social-media {
	position: absolute; 
	right: -452px; 
	bottom: -65px;	
}

.social-media a {
	margin-right: 17px;	
}

/* Appointments Styles
--------------------------------------------------------------------------------------- */

.appfieldbox{border:#243316 1px solid; width:685px; margin:0px auto 0px auto; padding:0px 0px 10px 0px;}
.appfieldbox input{border:#494539 1px solid;}
.appfieldbox textarea{border:#494539 1px solid; background:#ffffff;}

.fieldtitle{margin:10px; font-weight:bold;}
.measure-table{width:600px; margin:0 auto;}
.measure-table tr td{padding:0 5px 5px 0;}
.addbtn{cursor:pointer; font-weight:bold; color:#494539; font-size:12px;}
.submitbtn{cursor:pointer; font-size:16px; font-weight:bold; color:#494539;}

/* Collections Styles
--------------------------------------------------------------------------------------- */

/*#collection-nav{margin:0 auto 0 auto; padding:0 0 0 0; list-style:none; position:absolute; top:-26px; left:0px; z-index:25; display:block;}
#collection-nav li{font-weight:bold; padding:0 1px; display:inline;}
#collection-nav li a{text-transform:uppercase; font-size:10px;}*/

#collection-left{width:250px; padding:10px 10px 10px 10px; float:left;}

#collection-left .noborder{border:none;}
#collection-right{width:455px; float:right; padding:0 0 0 0;}

#collection-details{padding:10px 10px 10px 10px; 0;  position: relative;}

#collection-thumbs{ width:416px; margin:0 auto 0 auto; padding:2 2 0 0; list-style:none;}
#collection-thumbs li{font-weight:bold; padding:2px; display:inline;}
#collection-thumbs li a img{border:#243316 1px solid;}


#collection-logos{margin:10px auto 10px auto; padding:0 0 0 0; list-style:none; text-align:center; clear:both; border-top:#243316 1px solid;}
#collection-logos td{font-weight:bold; padding:5px; margin:5px;}
.collection-toplogo{display:block; border:1px #243316 solid; background:#ffffff; padding:5px 5px 5px 5px;}

.collogobg{background:#ffffff; width:150px;height:65px;}

#callouts {
	width: 430px; 
	float: right;
	padding: 50px 0px;
	list-style: none;
}
#callouts li {
	margin-bottom: 14px;
}
#callouts li a{
	font-family: Stephanie, Arial;
	font-size: 18px;
	color:#000;
}
#callouts li a .purple {
	color:#93F;
}

/* Specials Styles
--------------------------------------------------------------------------------------- */

.specials-left{width:170px; padding:3px 10px 10px 10px; float:left; text-align:center;}
.specials-left img{border:#243316 1px solid;}
.specials-left .noborder{border:none;}
.specials-left .collection-toplogo{margin:20px 0px 0px 0px; 	white-space: -moz-break-word; /* Mozilla, supported since 1999 */ width:170px;}
.specials-right{width:530px; float:right;}

/* Contact Styles
--------------------------------------------------------------------------------------- */

#map{width:500px; height:340px; margin:0 10px 0 0; border:#243316 2px solid; float:right; display:block;}

/* Experience
--------------------------------------------------------------------------------------- */
.exp-text{width:460px; float:left; padding:0 20px 8px 0;}
#exp-bios{width:631px; margin:0 auto;}
h1.exp-text{padding:0 20px 0 0;}
.img-border-exp{border:3px solid #243316;}

/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	font-size:			9px;
	padding:			10px 0px 0px 0px;
	width:				835px;
	margin:				0 auto 0 auto;
	position:			relative;
}

#footerContent {
	width:				694px;
	height:				38px;
	margin:				0 auto 0 auto;
	padding:            5px 70px 10px 70px;
	color:#3a372d;
	font-size:11px;
}

#footerContent a{
	color:#3a372d;
	font-size:11px;
	display:inline;
}
	
/* Copyright Structure
--------------------------------------------------------------------------------------- */
#copyright {

	font-size:			9px;
	width:				835px;
	margin:				0 auto;
	padding:            6px 0 0 0;
	display:block;
}

#copyright a{color:#868272;}