@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #666;
	background: url("../i/bg.gif") repeat;		/*---BACKGROUND IMAGE---*/
	line-height: 16px;							/*---LEADING---*/
	letter-spacing: 0px;						/*---KERNING---*/
}
#wrapper {	
	margin: auto;
	width: 911px;
}
#body {
	position: relative;
	margin-left: 4px;
}
a {
	color: #ff8b26;
	text-decoration: none;
}
a:hover {
	color: #ff8b26;
	text-decoration: underline;
}
a img {
	border: 0px;
}
.hdr1 {
	color: #4bb8bb;
	font-size: 24px;
	font-family: "Times New Roman", Times, Georgia, serif;
	padding-bottom: 5px;
}	
.hdr2 {
	color: #4bb8bb;
	font-size: 18px;
	font-family: "Times New Roman", Times, Georgia, serif;
	padding-bottom: 8px;
	letter-spacing: 1px;
}
.style1 {
	color: #9e5111;
	font-style: italic;
	font-size: 10px;
}
.style2 {
	color: #9e5111;
}
.style3 {
	color: #4f1f00;
}
.style4 {
	color: #4f1f00;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 1px;
	font-family: "Times New Roman", Times, Georgia, serif;
}


/*--------------------
SMALL ITALICIZED TXT
 --------------------*/	
.smtxt {
	font-size: 10px;
	font-style: italic;
}
/*--------------------
LOGO IMAGE
 --------------------*/

.hdr_gfx {
	position: relative;
	margin: 20px 0px 0px 25px;
	text-align: center;
	width: 911px;
	height: 120px;
	/*background: url("../i/logo.png") no-repeat;*/
}

.logo {
	position: relative;
	float: left;
}

/*--------------------
CONTENT AREA
 --------------------*/	
#content-top {
	position: relative;
	padding: 0px 25px 0px 0px;
	width: 911px;
	height: 20px;
	background-color: #fff;
	background: url("../i/top_content_bg.gif") no-repeat;	/*---WHITE BG W/BLUE EDGE---*/
}
#content {
	position: relative;
	margin-top: -2px;
	padding: 0px 25px 10px;
	background-color: #fff;
	background: url("../i/content_bg.gif") repeat-y;	/*---WHITE BG W/BLUE EDGE---*/
}	

/*--------------------
NAV
 --------------------*/

#nav {
	position: absolute;
	top: 45px;
	width: 625px;
	left: 250px;				/*---UPDATE THIS VALUE TO MOVE LEFT SIDE NAV LEFT OR RIGHT---*/
}
#nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
#nav li {
 	float: left;
	margin: 0;
	padding: 0;
	letter-spacing: 0.2px;
	font: 11px "Times New Roman", Times, serif;
	color: #4f1f00;
}
	
/*--------------------
SUB NAV
 --------------------*/
 
#subnav {
	position: absolute;
	top: 130px;
	width: 445px;
	left: 25px;
}
#subnav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
#subnav li {
 	float: left;
	margin: 0;
	padding: 0;
	letter-spacing: 0.2px;
	font: 11px "Times New Roman", Times, serif;
	color: #4f1f00;
}

/*--------------------
GLOBAL NAVIGATION 
 --------------------*/

#nav li a, #nav2 li a {
	height: 38px;
	float: left;
	padding: 9px 13px;
	text-decoration: none;
	color: #4f1f00;
	border: none;
}
#nav li a:hover, #nav2 li a:hover {
	color: #4f1f00;
	text-decoration: underline;
}
#nav li a.active, #nav2 li a.active {
	color: #4f1f00;
}

/*--------------------
BLUE RULES BTW NAV
 --------------------*/

.nav-spacer{
	width: 3px;
	height: 30px;
	background: url("../i/blue_vert_rule.gif") no-repeat;
}

/*--------------------
HOMEPAGE IMAGE + COPY
 --------------------*/

.hp {
	float: left;
}
.enter {
	float: right;
	margin-top: 240px;
}	

/*--------------------
POSITIONS SAMPLE.HTML THUMBS
IN CONTENT AREA
 --------------------*/
	
.greybox1 {
	margin-left: 23px;
	padding: 40px 5px 0px;
	width: 850px;
	min-height: 450px;
}	

/*--------------------
FOR USE WHERE THERE'S LITTLE 
CONTENT TO ADJUST FOR LACK OF HEIGHT
 --------------------*/

.greybox3 {
	margin-left: 80px;
	padding: 40px 5px 0px;
	width: 700px;
	min-height: 450px;
}	

/*--------------------
FOR USE ON THANKS AND
ERROR PAGES
 --------------------*/

.greybox4 {
	margin-left: 80px;
	padding: 200px 0px 0px 240px;
	text-align: center;
	width: 250px;
	min-height: 290px;
}	

/*--------------------
POSITIONS ITEMS WITHIN
CONTENT AREA CONTAINER
 --------------------*/	

.greybox2 {
	padding: 25px 5px 0px;
	width: 850px;
}
.greybox3 .rightcopy {
	float: left;
	width: 300px;
}
.greybox2 .right {
	float: left;
	width: 385px;
}


/*--------------------
LARGE GALLERY IMAGE
 --------------------*/
 
.greybox2 .preview {
	float: left;
	margin: 0px 25px 0px 30px;
}
.greybox2 .preview img {
	width: 400px;
	height: 400px;
}

/*--------------------
THUMBNAILS ON GALLERY PAGES
 --------------------*/
 
.thumb {
	margin-top: 5px;
}
.thumb img {
	padding: 5px;
	margin: 2px;
}

/*--------------------
PROJECT GALLERY SCROLLER
ALSO SEE "GALLERY/THUMBSCROLLER.JS"
OR "GALLERY/GALLERY.HTML"
 --------------------*/
 
.projects {
	float: left;
	margin-left: -5px;
	width: 870px;
}	

.projects img {
	margin: 5px;
}
	
/*--------------------
ORANGE RULE ABOVE 
PROJECT SCROLLER
 --------------------*/

.horizRule {
	margin: 15px 0px 5px 34px;
	width: 795px;
	height: 13px;
	background: url("../i/oj_horiz_rule2.gif") no-repeat;
}

/*--------------------
ORANGE RULE ABOVE 
PRESS SCROLLER
 --------------------*/

.horizRule2 {
	margin: 15px 0px 5px 34px;
	width: 795px;
	height: 13px;
	background: url("../i/oj_horiz_rule_press.gif") no-repeat;
}

/*--------------------
CONTACT PAGE 
 --------------------*/
 
.oj_contact {
	margin-left: 35px;
}	
.form {
	margin-top: -355px;
	margin-left: 370px;
}		
textarea {
	overflow: auto;

}

/*--------------------
RIGHT SIDE COPY (ABOUT)
 --------------------*/
.right_txt {
	margin-top: -425px;
	margin-left: 350px;
}
.oj_rule {
	margin-left: 15px;
}

/*--------------------
ERROR MSG ON CONTACT FORM 
 --------------------*/
 
.error_strings { 
	font-family:Verdana; 
	font-size:10px; 
	color:#4f1f00;
}

	
/*--------------------
 FOOTER
 --------------------*/

.btm_gfx {
	width: 911px;
	height: 20px;
	background: url("../i/footer.gif") no-repeat; /*---BOTTOM ROUNDED CORNER---*/
}
.footer {
	position: relative;
	text-align: center;
	font: 9px "Times New Roman", Times, serif;
	color: #4f1f00;
	letter-spacing: 0.55px;
	padding: 10px;
}
.footer a {
	color: #4f1f00;
	text-decoration: none;
}
.footer a:hover {
	color: #4f1f00;
	text-decoration: underline;
}
.cleaner {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	clear: both;
}