/* CSS Document */

	body,
	html {
		margin:0;
		padding:0;
		background-color:#e2e2c6;
		color:#000;
		font-family:Tahoma, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
		font-size:small;
		font-stretch:condensed;
		font-weight:100; 
	}
	
	body {
		min-width:800px;
		background-image:url(images/body-bg.png);
		background-repeat:repeat-x;
	}
	
	a:link {
	color: #663300;
	text-decoration: none;
	}
	a:visited {
	text-decoration: none;
	color: #0066CC;
	}
	a:hover {
	text-decoration: none;
	color: #996600;
	}
	a:active {
	text-decoration: none;
	}
	
	
	h1{
	font-family:Garamond, Georgia serif;
	font-weight:100;
	font-size:28px;
	color:#006699;
	letter-spacing:-1px;

	}


/* Header */

	#nav-header {
		height:75px;
	}
	
	#header-logo{
	float:left;
	}
	
	#nav-wrapper{
	float:right;
	}
	
	img {
	border:none;
	}
	
	#nav-header-wrap {
		margin:0 auto;
		width:770px;
	}
	
	#top-bar{
	background-image:url(images/bg_01.jpg);
	background-repeat:no-repeat;
	height:25px;
	}
	
	#big-header-wrap {
		margin:0 auto;
	}
	
	#big-header{
	height:270px;
	margin-top:-15px;
	}
		#big-header h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	font-size:28px;
	color:#e2e2c6;
	}
	
/* Nav */

/* Main Container */
	#wrap {
		margin:0 auto;
		width:770px;
	}

	#main {
		float:right;
		width:520px;

	}
	
	.featured{
	line-height:0px;
	}

/* Sidebar Container */
	
	#sidebar {
		float:left;
		width:250px;
	}
	
	
	
/* Footer */

	#footer-wrap {
		margin:0 auto;
		width:800px;
		padding-top:10px;
		color:#999966;
	}
	#footer {
		background-image:url(images/footer-bg.png);
		background-color:#3f2d13;
		height:300px;
		clear:both;
	}
	
	#footer-left {
	float:left;
	width:390px;
	}
	
	#footer-left h3{
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	letter-spacing:-1px;
	text-transform:lowercase;
	}
	
	#footer-right {
	float:right;
	width:390px;
	background-image:url(images/footer-right-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	height:160px;
	}
	
	#social-footer{
	height:135px;
	padding:10px;
	font-size:14px;
	text-transform:lowercase;
	color:#333333;
	font-family:Lucida Grande, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
	}
	
	#social-footer a:link{
	color:#333333;
	}
	
	#social-footer a:visited{
	color:#333333;
	}
	
	#social-footer a:hover{
	color:#666666;
	border-bottom: 1px dotted #000;
	}
	
	
	
	#modx{
	width:193px;
	height:45px;
	float:right;
	margin-top:-30px;
	}
	
	#footer-center {
	margin-left:275px;
	margin-right:255px;
	padding-left:1px;
	padding-right:1px;
	}

	.heightfix:before {
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	}
	
	
	
	#footer p {
		font-size:10px;		
    }
	#footer h3 {
	font-weight:100;
	color:#e2e2c6;
	line-height:0px;
	font-size:12px;
	}
	
	#footer input{
	border: 1px solid #e2e2c6;
	}
	
/* Misc */
.bulletimagestyle{ /*Absolute position bullet image. No need to modify*/
position: absolute;
left: -200px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 530px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 530px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#mygallery{
margin-bottom:-60px;
}