/* 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-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;
	}
	
	img{
	border:none;
	}
	
	
	h1{
	font-family:Garamond, Georgia serif;
	font-weight:100;
	font-size:28px;
	color:#006699;
	line-height:3px;
	letter-spacing:-1px;

	}
	
	h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	font-size:20px;
	color:#006699;
	line-height:3px;

	}
	
	h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	font-size:16px;
	color:#006699;
	line-height:3px;
	}
	
	h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	font-size:14px;
	color:#006699;
	}


/* Header */

	#nav-header {
		height:75px;
	}
	
	#nav-header img{
	border:0;
	}
	
	#header-logo{
	float:left;
	}
	
	#nav-wrapper{
	float:right;
	}
	
	#nav-header-wrap {
		margin:0 auto;
		width:790px;
	}
	
	#top-bar{
	background-image:url(images/bg_01.jpg);
	background-repeat:no-repeat;
	height:25px;
	}
	
	#big-header-wrap {
		margin:0 auto;
		width:800px;
	}
	
	#big-header{
	height:250px;
	}
		#big-header h1{
		font-family:Garamond, Georgia serif;
	font-weight:100;
	font-size:28px;
	color:#e2e2c6;
	line-height:40px;
	}
	
	
	
	#big-header-img{
	float:left;
	width: 400px;
	}
	#big-header-text{
	float:right;
	width: 380px;
	}
	
	
/* Nav */

/* Main Container */
	#wrap {
		margin:0 auto;
		width:800px;
		min-height:400px;
	}

#main-header{
width: 570px;
height: 75px;
float:left;
background-image:url(../IMG/main-header.png);
}

#main-header h1{
	padding:17px 0 0 35px;
	background-image:url(../IMG/featured-h1.png);
	height:75px;
	width:570px;
	background-repeat:no-repeat;
	color:#f4f1eb;
	font-size:36px;
	}


	#main {
		float:left;
		width:550px;
		min-height:350px;
		padding-bottom: 100px;
		background-image:url(../IMG/main-bg.png);
		background-repeat:repeat-y;
		border-left: 1px solid #bfc5bd;
		border-right: 1px solid #bfc5bd;
		margin-left:9px;
		

	}
	#main h1, #main h2, #main h3, #main h4, #main p {
		padding:0 15px 0 15px;
    }
	
	#main img{
	margin-left: 15px;
	}


/* Sidebar Container */
	
	#sidebar {
		float:right;
		width:200px;
	}
	
	#sidebar p, #sidebar tr{
	font-size:10px;
	}
	
	#sidebar img{
	border: none;
	}
	
	#sidebar h3 {
	line-height: 0px;
	color:#333300;
	}
	
	#sidebar ul {
	list-style:none;
	}
	

	
/* 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:hover{
	color:#666666;
	border-bottom: 1px dotted #000;
	}
	
	#modx{
	width:193px;
	height:45px;
	float:right;
	margin-top:-30px;
	}
	
	#footer-center {
	margin-left:33%;
	margin-right:266px;
	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;
	}
	
/*Porfolio */

#portfolio-outer{
width:530px;
min-height:200px;
background-image:url(../IMG/port-bg.png);
background-position:bottom;
background-repeat:no-repeat;
clear:both;
overflow:hidden;
display:block;
margin: 0 auto;
}

#portfolio-img{
width:530px;
height:132px;
}

#portfolio-wrapper{
background-image:url(../IMG/port-desc.png);
height:28px;
width:530px;
background-repeat:no-repeat;
background-position:center;
margin-top:4px;
}
#portfolio-outer img {
border:none;
padding:0;
margin:0;
}


#portfolio-right{
float:right;
width: 210px;
padding-top:10px;
padding-right:20px;
text-align:right;
clear:right;
font-size:9px;

}

#portfolio-left a{
color:#f1eee4;
text-decoration:underline;
text-transform:uppercase;
}

#portfolio-right a{
color:#000;
}

#portfolio-left{
float:left;
width: 300px;
font-size:9px;
}


#port-social-left{
float:left;
width: 200px;
font-size:10px;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:bold;
clear:left;
margin-left:25px;
}

#port-social-left a{
color:#000000;
text-transform:uppercase;
}

#port-social-right a{
color:#000;
}


.title{
font-size:9px;
text-transform:uppercase;
color:#e2dfd4;
}

.body{
color:#fff;
}
	
#sn-outer{
background-image:url(../IMG/social-net-bg.png);
height: 27px;
width:280px;
background-repeat:no-repeat;
font-size:9px;
text-transform:uppercase;
float:right;
padding-right:15px;
}

#sn-facebook{
float:left;
width:160px;
}
#sn-twitter{
float:right;
width:120px;
}
	
/* Misc */
.bulletimagestyle{ /*Absolute position bullet image. No need to modify*/
position: absolute;
left: -200px;
}

.servicedesc{
margin-left: 220px;
}

.servicepic{
float:left;
padding:5px;
margin-top:-6px;
border: 1px solid #cccc99;
}


#services h2{
line-height:1px;
color: #415029;
font-family: trebuchet ms, Helvetica, Arial, sans-serif;
letter-spacing:-1px;
text-transform:lowercase;
font-weight:bolder;
}

#line{
border-bottom:1px dotted #999966;
clear:right;
}

#services h1{
background-image:url(../IMG/features-bg.png);
background-repeat:no-repeat;
height:55px;
color:#FFFFFF;
padding-top:25px;
}

#overview{
min-height:140px;
}

.services-alt{
background-image:url(../IMG/services-alt.png);
}

/*Contact Page */
#contact{
}

/*#contact form {
padding-left:15px;
border: 1px solid #ccc;
background-color:#684c24;
margin-left:20px;
margin-right: 20px;
}*/

/*#contact input{
padding: 5px;
color:#333333;
border:none;
background-image:url(images/input-bg.png);
background-repeat:no-repeat;
width:336px;
height: 25px;
background-color:none;
background-color:#f4f1eb;
}*/

#field{
padding: 5px;
color:#333333;
border:none;
background-image:url(images/input-bg.png);
background-repeat:no-repeat;
width:336px;
height: 25px;
background-color:#f4f1eb;
}
#submit-button{
background-color:#CCCCCC;
background-image:none;
color:#000000;
padding: 5px;
font-size:14px;
border: 1px solid #999999;
}

#contact textarea{
padding: 5px;
color:#333333;
border:none;
background-image:url(images/textarea.png);
background-repeat:no-repeat;
width:336px;
height: 75px;
background-color:#f4f1eb;
}

#contact h3{
color:#ede8d8;
font-family: trebuchet ms, Helvetica, Arial, sans-serif;
letter-spacing:-1px;
font-weight:bold;
}

#contact p{
color:#333333;
}

li{
list-style-image:url(../IMG/bullet.png);
list-style-position:inside;
padding-top:5px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 550px; /*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: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}