/* body stuff */

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-image:url('images/bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	}

body, th, td, p, li, ul {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #765639; 
	}

/* text stuff */

h5 {
	font-size: 11px; 
	color: #765639;
	}

h4 {
	font-size: 14px; 
	color: #765639;
	}
	
h3 { 
	margin: 10px 10px 0 10px; 
	color:#FFF; 
	font:12pt Arial, sans-serif; 
	letter-spacing:-1px; 
	font-weight: bold;  
	}
	
h1 {
	font-size: 12px;
	color: #765639;
	}
	
/* Links */

a:link {
	font-weight: normal; 
	text-decoration: underline; 
	color: #DF6000;
	} 	
a:visited {
	font-weight: normal; 
	text-decoration: underline; 
	color: #A8905D;
	}	
a:hover {
	font-weight: normal; 
	text-decoration: underline overline; 
	color: #A8905D; 
	}
	
a.white:link {
	font-weight: normal; 
	text-decoration: none; 
	color: #fff;
	padding-left: 10px;
	} 	
a.white:visited {
	font-weight: normal; 
	text-decoration: none; 
	color: #fff;
	padding-left: 10px;
	} 
		
a.white:hover {
	font-weight: normal; 
	text-decoration: underline; 
	color: #fff;
	padding-left: 10px; 
	}
	
/* home specidic divs */

#fresh {
	position: absolute;
	width: 180px;
	height: 312px;
	top: 160px;
	left: 0px;
	}
	
#creative {
	position: absolute;
	width: 601px;
	height: 115px;
	top: 160px;
	left: 180px;		
	background-image: url(images/hmbg1.jpg);
	background-repeat: no-repeat;
	} 

#featured {
	position: absolute;
	width: 601px;
	height: 197px;
	top: 275px;
	left: 180px;	
	background-image: url(images/hmbg2.jpg);
	background-repeat: no-repeat;
	}
	
#rockon {
	position: absolute;
	width: 601px;
	height: 312px;
	top: 160px;
	left: 180px;
	background: url(images/home_boxes.jpg) no-repeat;
	}

/* Here's where various page layout div stuff happens */

#container {
	position: absolute;
	width: 1000px;
	height: 700px;
	margin: 0 auto;
	text-align: left;	
	border: 0px;	
	}
	
#logo {
	position: absolute;
	width: 781px;
	height: 100px;
	top: 0px;
	left: 0px;
	background-image: url(images/headerbg.jpg);
	background-repeat: no-repeat;
	}
	
#tree {
	position: absolute;
	width: 219px;
	height: 700px;
	top: 0px;
	left: 781px;	
	}

#menu {
	position: absolute;
	width: 781px;
	height: 60px;	
	top: 100px;
	left: 0px;
	background-image: url(images/menubg.jpg);
	background-repeat: no-repeat;
	} 
	
#mainContent {
	position: absolute;
	width: 781px;
	height: 312px;
	top: 160px;
	left: 0px;
	background-image: url(images/contentbg.jpg);
	background-repeat: no-repeat;
	}
	
#teamContent {
	position: relative;
	width: 330px;
	height: 312px;	
	padding-left: 290px;
	background: url(images/newteam.jpg) left no-repeat;
	}
	
#workContent {
	position: absolute;
	width: 754px;
	height: 514px;
	top: 160px;
	left: 0px;
	padding-left: 27px;
	background-image: url(images/wkbg.jpg);
	background-repeat: no-repeat;
	}
	
#mainText {
	position: absolute;
	width: 445px;
	height: 202px;
	top: 472px;
	left: 0px;
	}
	
#boxBorder {	
	width: 372px;
	margin-left: 41px;	
	margin-right: 12px;
	border: 1px dashed #765639;	
	}
	
#orange {
	position: absolute;
	width: 336px;
	height: 202px;
	top: 0px;
	left: 445px;
	}
	
#orange2 {
	position: absolute;
	width: 336px;
	height: 202px;
	top: 472px;
	left: 445px;
	}
	
#footer {
	position: absolute;
	width: 781px;
	height: 70px;
	top: 674px;
	left: 0px;
	background-image: url(images/footerbg3.jpg);
	background-repeat: no-repeat;
	}
	
#footer2 {
	position: absolute;
	width: 781px;
	height: 70px;
	top: 674px;
	left: 0px;
	background-image: url(images/footerbg4.jpg);
	background-repeat: no-repeat;
	}
	
#quote {
	position: absolute;
	width: 445px;
	height: 514px;
	top: 160px;
	left: 0px;
	}
	
#biggerTitleSpace {
	position: absolute;
	width: 445px;
	height: 50px;
	top: 160px;
	left: 0px;
	}
	
#biggerPageSpace2 {
	z-index: 1;
	position: absolute;
	width: 336px;
	height: 312px;
	top: 160px;
	left: 445px;
	background-image: url(images/smbg.jpg);
	background-repeat: no-repeat;
	}
	
#biggerPageSpace3 {
	z-index: 1;
	position: absolute;
	width: 336px;
	height: 312px;
	top: 160px;
	left: 445px;
	background-image: url(images/quote2.jpg);
	background-repeat: no-repeat;
	}
	
#biggerTextSpace {
	position: absolute;
	width: 400px;
	height: 442px;
	top: 210px;
	left: 12px;
	right: 12px;
	padding: 10px;
	border: 1px dashed #765639;
	overflow: auto;
	}
	
#someLinks {
	z-index: 2;
	position: absolute;
	width: 130px;
	height: 77px;
	top: 375px;
	left: 606px;
	}	
	
#flashcontent {	
	width: 219px;
	height: 700px;		
	}

#flashcontent2 {	
	width: 250px;
	height: 312px;		
	}
	
#flashcontent3 {	
	width: 228px;
	height: 155px;		
	}
	
#flashcontent4 {
	width: 620px;
	height: 312px;
	}
	
#flashcontent5 {
	width: 370px;
	height: 312px;
	}

/* A whole bunch of classes */

.main {
	width: 499px;
	height: 397px;
	background: url(images/wkbg2.jpg) top no-repeat;	
	}
	
.text {
	width: 499px;
	height: 94px;
	}
	
.botNav {
	width: 499px;
	height: 23px;
	text-align: right;
	}

.topMenu {
	margin-left: 205px;
	}

.textPadding {
	padding: 10px;
	}
	
.copyright {
	padding-left: 15px;
	}
	
.border {
	border: 1px dashed #765639;	
	}
	
.contactInput {
	font-size: 10px;
	border: 1px solid #765639;
	}
.contactButton {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #765639;
	border: 1px solid #765639;
	}
	
.siteMap {
	position: absolute;
	top: 5px;
	padding-left: 445px;
	}

.largerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.textPadding2 {
	width: 170px;
	padding-left: 10px;
	margin-top: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dashed #765639;	
	}

.imageFloat {
	float: left;
	padding-right: 15px;
	}
	
.imageFloat2 {
	float: left;
	padding-right: 0px;
	}

.bg {
	background-image: url(images/orangebg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.style1 {
	color: #FF0000;
	}
	
.orange {
	color: #df6000;
	font-weight: bold;
	font-size: 12px;
	}
	
/***************************************************/
/*                     HOME BOXES                  */
/***************************************************/

.boxgrid { 
	width: 200px; 
	height: 160px; 
	margin: 112px 10px 10px 32px;	
	float:left; 
	background:#fff;
	border: solid 2px #765639; 
	overflow: hidden; 
	position: relative; 
	}
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
.boxgrid p { 
	padding: 0 10px; 
	color:#fff; 
	font-weight:bold; 
	font: 12px Arial, Helvetica, sans-serif; 
	}
				
.boxcaption { 
	float: left; 
	position: absolute; 
	background: #59402a; 
	height: 100px; 
	width: 100%; 
	opacity: .9; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 	}
.captionfull .boxcaption {
 	top: 260px;
 	left: 0;
 	}
 .caption .boxcaption {
 	top: 120px;
 	left: 0;
 	}