@charset "utf-8";
/* CSS Document */
/***** Website design and development by Noah Kim ***/

body {
	background:#1a0e06 url('images/bg.gif') repeat-x top;
	margin:0;
	}

#main {
	width:1145px;
	min-height:750px;
	background:url('images/bg_main.png') no-repeat top;
	margin:0 auto;
	vertical-align:top;
	padding:10px 0 0 0;
	}

#header {
	margin:0 100px 0 100px;
	width:945px;
	height:115px;
	}

a img {
	border:none;
	}
	
h3 {
	color:#8ee069;
	margin:10px 0 0 0;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	}

h2 	{
	color:#8ee069;
	margin:0 0 0 0;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	}
	

/*** Header / Navigation ***/

#logo {
	width:325px;
	height:115px;
	margin:0 10px 0 0;
	float:left;
	}

#navigation {
	width: 610px;
	height:84px;
	float:left;
	vertical-align:top;
	margin:0 0 1px 0;
	}
	
#subnavigation {
	margin::0 0 0 0;
	width:610px;
	height:30px;
	float:left;
	}

.marginright {
	margin:0 1px 0 0;
	}

/**** Homepage main images****/

#homepagemain {
	margin:20px 100px 0 100px;
	height:250px;
	width:945px;
	float:left;
	}
	

/***** Homepage More info and Testimonial Row ****/

#row3 {	
	margin:0 100px 0 100px;
	height:250px;
	width:945px;
	float:left;
	}

#moreinfo {
	width:325px;
	height:260px;
	float:left;
	margin:0;
	vertical-align:top;
	}

.moreinfo1 {
	background:url('images/bg_moreinfo.png') no-repeat bottom;
	}	

#moreinfoform {
	margin:10px 0 0 0;
	}

#moreinfoform input {
	height:20px;
	}

#moreinfoform input, #moreinfoform textarea{
		border:0;
		background:transparent;
		color:#fff;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:0;
		margin:0 0 0 80px;
		overflow:auto;
		scrollbar-base-color: #1a0e06;
		scrollbar-3dlight-color:#361e0e;
		scrollbar-arrow-color:#1a0e06;
		scrollbar-base-color:#1a0e06;
		scrollbar-darkshadow-color:#361e0e;
		scrollbar-face-color:#361e0e;
		scrollbar-highlight-color:#361e0e;
		scrollbar-shadow-color:#361e0e;
		}
	
#moreinfoform .button {
	color:#8ee069;
	margin:13px 0 0 260px;
	}

#testimonial {
	width:530px;
	height:180px;
	float:left;
	background:url(images/bg_testimonial.png) no-repeat;
	margin:40px 0 0 10px;
	color:#99725b;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	padding:20px 40px 20px 40px;
	text-align:center;
	vertical-align:middle;
	}

#testimonial a {
	font-size:16px;
	text-decoration:none;
	color:#8ee069;
	}

.testimonialthingy {
	background:url('images/bg_testimonialthingy.gif') no-repeat right top;
	float:left;
	width:71px;
	height:39px;
	margin:0 0 0 500px;
	position:absolute;
	}

/*****  Homepage Clients ****/

#row4 {	
	margin:10px 100px 0 100px;
	height:150px;
	width:945px;
	float:left;
	}

#casestudy {
	width:325px;
	height:150px;
	background:url('images/bg_casestudy.png') no-repeat bottom;
	float:left;
	margin:0;
	}

#clientroll {
	width:610px;
	height:150px;
	background:url('images/bg_clients.png') no-repeat bottom;
	margin:0 0 0 10px;
	float:left;
	}

/*** Homepage disjointed rollovers **/

.whymsinav {
	width:325px;
	float:left;
	text-align:right;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	}

.whymsinav ul {
	margin:0 0 0 0;
	}

.whymsinav li {
	list-style:none;
	margin:10px 0 0 0;
	}

.whymsinav li a {
	color:#fff;
	text-decoration:none;
	}

.whymsinav li a:hover {
	color:#8ee069;
	padding:3px 0 2px 5px;
	}

.whymsipoint {
	float:left;
	width:610px;
	margin:0 0 0 10px;
	}

/*** Interior Page Styles ***/

#subpagemain {	
	margin:10px 100px 0 100px;
	width:945px;
	float:left;
	}

#leftcolumn {
	width:325px;
	float:left;
	}

#rightcolumn {
	width:610px;
	margin:0 0 0 10px;
	float:left;
	font-size:12px;
	color:#fff;
	/**color:#99725b;**/
	font-family:Arial, Helvetica, sans-serif;
	}

#rightcolumn a{
	color:#8ee069;
	text-decoration:none;
	}
	
#rightcolumn a:hover {
	color:#ffd34e;
	}

#rightcolumn li {
	line-height:18px;
	list-style-type:circle;
	}

#rightcolumn p {
	line-height:18px;
	margin:0 0 15px 0;
	}

#smalltestimonial {
	color:#99725b;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	width:325px;
	float:left;
	}

#smalltestimonial span {
	line-height:18px;
	}

#smallwhymsi {
	width:325px;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#99725b;
	}

#smallwhymsi img {
	margin:0 10px 0 0;
	}

#smallwhymsi strong {
	font-size:12px;
	}

#smallwhymsi span {
	line-height:18px;
	}

.moreinfo2 {
	background:url('images/bg_moreinfo2.png') no-repeat bottom;
	}	

/******* Contact form *******/

#contactform input, #contactform textarea, #contactform select {
	background:transparent;
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#2e180a;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#99725b;
	overflow:auto;
	scrollbar-base-color: #1a0e06;
	scrollbar-3dlight-color:#361e0e;
	scrollbar-arrow-color:#1a0e06;
	scrollbar-base-color:#1a0e06;
	scrollbar-darkshadow-color:#361e0e;
	scrollbar-face-color:#361e0e;
	scrollbar-highlight-color:#361e0e;
	scrollbar-shadow-color:#361e0e;
	margin:3px 0 0 0;
}

#contactform .button {
	border:1px solid #361e0e;
	}
	
/*** Footer ****/

#footer {
	width:945px;
	margin:20px 100px 20px 100px;
	border-width:1px 0 0 0;
	border-color:#2e180a;
	border-style:solid;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	color:#5c3d29;
	float:left;
	padding:10px 0 10px 0;
	line-height:18px;
	}

#footer a {
	color:#99725b;
	text-decoration:none;
	}

#footer a:hover {
	color:#fff;
	text-decoration:none;
	}

/** Our Team **/


.msg_list {
margin: 0px;
padding: 0px;
width: 300px;
float:left;
}

.msg_list2 {
margin: 0 0 0 10px;
padding: 0px;
width: 300px;
float:left;
}

.msg_head {
padding: 0;
cursor: pointer;
position: relative;
margin:0 0 10px 0;
height:130px;
}

.msg_close {
padding: 0;
cursor: pointer;
position: relative;
margin:0;
height:30px;
}


.msg_body {
padding:0 5px 15px 5px;
}

.msg_body img {
	border:none;
	}

.staffname {
	z-index:100;
	float:left;
	position:absolute;
	margin:97px 0 0 0;
	padding: 0 5px 0 5px;
	color:#fff;
	width:0 auto;
	background-color:#1a0e06;
	}

/** General Styles ***/

.floatright {
	float:right;
	}

.floatleft {
	float:left;
	}