body {
	background:#666666 url(/images/body_bkg.gif) repeat-x center top;
	padding: 0px;
	text-align:center;
	margin: 0;
	font-family:Arial, Verdana, sans-serif;
	font-size:10px;
	line-height:14px;
}

a {
 	text-decoration:none;
}

#container {
	text-align:left;
	height: 650px;
	width: 980px;
	margin: 0 auto;
	background-color: #3F3D3D;
	border: 1px solid #7a7878;
	border-top: none;
}
#container.in_admin {
 height:auto;
}

/*------------------------------------
Header Rules */

#header {
	position:relative;
	height: 100px;
	border-bottom: 1px solid #666666;
}
#header h1 { padding:0; margin:0; float:left; }


	/*------------------------------------
	Top Menu Rules */
	
	ul#topmenu {
		padding:0;
		margin:0;
		width:784px;
		height: 100px;
		list-style:none;
		float:left; 
	}
	ul#topmenu li {
		background:url(/images/topmenu_01.gif) no-repeat 0 top; /*put a second copy of the image in the li tag for IE flickering bug*/
		padding:0;
		margin:0;
		width:196px;
		height:100px;
		float:left;
	}
	ul#topmenu li a {
		background:url(/images/topmenu_01.gif) no-repeat 0 top;
		width:196px;
		height:100px;
		display:block;
		overflow:hidden;
		text-indent:-5000px;
	}

	ul#topmenu li#item02 a, ul#topmenu li#item02 { background-image:url(/images/topmenu_02.gif);}
	ul#topmenu li#item03 a, ul#topmenu li#item03 { background-image:url(/images/topmenu_03.gif);}
	ul#topmenu li#item04 a, ul#topmenu li#item04 { background-image:url(/images/topmenu_04.gif);}
	
	/* if you want to use the mouseovers for the currently selected page as well, you can use the following code. Otherwise please delete it!*/
	#profile ul#topmenu li#item01 a,  #profile ul#topmenu li#item01  { background-image:url(/images/topmenu_01_o.gif);}
	#projects ul#topmenu li#item02 a, #projects ul#topmenu li#item02 { background-image:url(/images/topmenu_02_o.gif);}
	#products ul#topmenu li#item03 a, #products ul#topmenu li#item03 { background-image:url(/images/topmenu_03_o.gif);}
	#contact ul#topmenu li#item04 a,  #contact ul#topmenu li#item04  { background-image:url(/images/topmenu_04_o.gif);}



/*------------------------------------
Rules for Content */




#content {
	background:#686868 url(/images/content_bkg.gif) no-repeat 0 0;
	position:relative;
	height:529px;
}
.in_admin #content {
 height:auto;
}
p,h1,h2,h3 {padding:0; margin:6px 0 0;}
p {color:#3f3d3d}
h1 {color:#3f3d3d; font-size:17px; margin:0 0 2px;}
h2 {color:#000000; font-size:13px;}
h3 {color:#656565; font-size:10px; margin:0; text-transform:uppercase;}
h4 {color:#000000; font-size:10px; margin:0; text-transform:uppercase;}
a:link, a:visited{color:#000000;}



	/*------------------------------------
	Drop Down Menu Rules */
	
	ul.dropdown {
		z-index:20;
		position:absolute;
		top:0;
		left:196px;
		color:#ffffff;
		list-style-type:none;
		margin:0;
		padding:0;
		width:196px;
		display:block;
	}
	ul.dropdown li {
		/* background:transparent url(/images/dropdown_bkg.png); */
 		background:#EA1C24;
 		background:#C80008;
		margin:0;
		padding:0;
		width:196px;
		border-bottom:1px solid #d9d9d9;
	}
	ul.dropdown li a:link, ul.dropdown li a:visited {
		display:block;
		padding:4px 0 2px 8px;
		width:188px;
		height:17px;
		text-transform:uppercase;
		text-decoration:none;
		font-family:Arial, Verdana, Sans;
		font-size:10px;
		color:#ffffff;
	}
	ul.dropdown#menu02 {left:392px;}
	ul.dropdown#menu03 {left:588px;}
	ul.dropdown#menu04 {left:784px;}
	ul.dropdown li a:hover, ul.dropdown li.on a {background-color:#3b3b3b;}


/*------------------------------------
Little Box at bottom of text area */

.productbox {margin-top:24px;}
.productbox ul {list-style-type:none; margin:0; padding:0;}
.productbox li {
	background:transparent url(/images/arrow_blk.gif) no-repeat 0 3px;
	font-weight:bold; font-size:10px; color:#3b3b3b;
	padding:0px 0px 2px 10px; 
        margin:0px 0px 0px 0px;
	text-transform:uppercase;
}
.productbox a:link, .productbox a:visited {text-decoration:none; color:#EA1C24;}
.productbox h4 a:hover {color:#3B3B3B;}


/*------------------------------------
Generic Arrow Nav rules
(specific rules in submenu and textbox IDs) */

.arrownav   { position:absolute;}
.arrownav a { 
 display:block;
 width:15px;
}
.arrownav .l_arr {
 float:left;
}
.arrownav .r_arr {
 float:right;
}


	/*------------------------------------
	Rules for Content Boxes */
	
	#photobox {
		position:absolute;
		top:0px;
		left:0px;
		width:980px;
		height: 225px;
		border-bottom: 1px solid #666666;
	}
		
		#photos {
			position:absolute;
			top:0px;
			left:197px;
			width:783px;
			height:225px;
			z-index: 1;
			overflow:hidden;
		}
                        #ortho1, #ortho2 {
                                position:absolute;
                                top:0px;
                                height:225px;
                                width:196px;
                                overflow:hidden;
                        }
                        #ortho1 {left:0px;}
                        #ortho2 {left:196px;}
                        #gallery {
                                position:absolute;
                                width:391px;
                                height:225px;
                                right:0px;
                                top:0px;
                                z-index: 2;
                                overflow:hidden;
                        }
                        #swf {
                                display:none;
                                position:absolute;
                                width:391px;
                                height:225px;
                                right:0px;
                                top:0px;
                                z-index:5;
                        }
                #photobox #submenu_background {
			position:absolute;
			top:0px;
			left:197px;
			width:783px;
			height:225px;
			z-index:3;
                }
		#submenu {
			position:absolute;
			top:0px;
			left:197px;
			width:783px;
			height:225px;
			z-index:4;
		}
		#submenu ul {
			position:absolute;
			top:200px;
			left:0px;
			color:#ffffff;
			list-style-type:none;
			margin:0px;
			padding:0px;
			width:700px;
			height:25px;
			display:block;
		}
		#submenu li {
			margin:0px;
			padding:0px;
			width:196px;
			height:25px;
			float:left;
		}
		#submenu li a:link, #submenu li a:visited {
			background:transparent url(/images/arrow.gif) no-repeat 5px 7px;
			margin:0px;
			padding:6px 0px 0px 20px;
			width:176px;
			height:19px;
			display:block;
			color:#ffffff;
			text-decoration:none;
		}
		#submenu li a:hover {
			color:#4E4E4C;
		}
		#submenu li #slideTitle {
			margin:0px;
			padding:6px 0px 0px 20px;
			width:176px;
			height:19px;
			display:block;
			color:#ffffff;
			text-decoration:none;
		}

		#submenu .arrownav {
			width:34px;
			height:18px;
			bottom:2px;
			right:7px;
		}
	#projectbox {
		background-color:#3f3d3d;
		position:absolute;
		top:0px;
		left:0px;
		width:588px;
		height: 502px;
		padding-top:27px;
		text-align:center;
		border-bottom: 1px solid #666666;
		border-right:1px solid #7a7878;
	}
	#catchbox {
		background:url(/images/catch_bkg.gif) no-repeat 0 0;
		position:absolute;
		top:226px;
		left:0px;
		background-color:#3f3d3d;
		width:534px;
		height:263px;
		border-right:1px solid #7a7878;
		font-size:13px;
		line-height:20px;
		padding:28px 31px 12px 23px;
	}
	#catchbox p {
		color:#cbc8c8;
		margin:0px 0px 18px;
	}
	#catchbox h1 {
		font-size:17px;
		font-weight:bold;
		color:#cbc8c8;
		margin:0px 0px 7px;
	}
	#catchbox a:link, a:visited {
		color:#EA1C24;
	}
	#catchbox a:hover {
		color:#cbc8c8;
	}
	#textbox {
		position:absolute;
		top:226px;
		left:589px;
		background-color:#e5e4de;
		width:320px;
		height:275px;
		padding:12px 51px 16px 20px;
		font-family:Arial, Verdana, sans-serif;
		font-size:12px;
		line-height:1.5;

		/*overflow:hidden; uncomment later */
	}
		#textbox .arrownav {
			width:35px;
			height:17px;
			top:45px;
			right:6px;
		}

	/*------------------------------------
	Individual Page Rules
	(can be broken into multiple css files) */
		
		/* SPLASH PAGE */
		body#splash { background-image:url(/images/splash_body_bkg.gif); }
		#splash #catchbox h1 {margin:-28px -31px 12px -23px;}
		#splash #content { background-image:none; background-color:#3f3d3d; }
		#splash #photobox { background:url(/images/splash_photo_bkg.gif) no-repeat;}
		#splash #catchbox { background-image:none; border:none; font-size:15px;}
		#splash #textbox { height:324px; }
		#splash #footer { display:none; }
                #splash #catchbox p {color:#3F3D3D;}

		/* MAIN PAGE */
		
		#profile  #photobox img{
			padding:0px 0px 0px 197px;
		}
		/* This is needed due to the line above */
                #profile #photobox #submenu_background img {
			padding:0px;
		}

		#contact  #photobox img{
			padding:0px 0px 0px 197px;
		}
		/* This is needed due to the line above */
                #contact #photobox #submenu_background img {
			padding:0px;
		}

		/* PRODUCTS PAGE */

		#products #catchbox .searchTable {
		 margin:0px 0px 0px 20px;
		 background-color:#3f3d3d;
		 color:#FFFFFF;
		 top:60px;
		}
		#products #catchbox .searchTable tr td {
		 margin:0px 0px 0px 0px;
		 padding:0px 0px 5px 0px;
		 height:20px;
		}
		#products #catchbox .searchTable td {
		 border:none;
		}

		#products #catchbox {
			padding:0px 0px 0px 0px;
			height:303px;
			width:588px;
		}
		#products #catchbox table {
			background-color:#b21829;
			position:absolute;
			top:84px;
			border-collapse:collapse;
		}
		#products #catchbox td {
			padding:1px;
			width:71px;
			height:71px;
			border-left:1px solid #ffffff;
			border-top:1px solid #ffffff;
		}
		#products #catchbox td.firstcol {width:72px; border-left:none;}
		#products #catchbox td.lastcol {width:71px;}
		#products #photobox #page_image {padding:0px 0px 0px 197px;}		
		/* PROJECTS PAGE */
		
		#projects #content {background:#AAAAA2 url(/images/projects_content_bkg.gif) repeat-x right top;}
		#projects #textbox {
			position:absolute;
			top:25px;
			left:589px;
			background-color:#e5e4de;
			width:320px;
			height:480px;
			padding:12px 51px 16px 20px;
       	        	 /*overflow:hidden; uncomment later */
		}
		#projects #content .arrownav {
			width:35px;
			height:17px;
			top:05px;
			right:335px;
		}
		
		

/*------------------------------------
Footer Rules */

#footer {
	position:relative;
	background-color:#7A7878;
	padding:4px 8px;
	width:964px;
	height:13px;
	text-align:right;
	clear:both;
}
#footer p { margin:0; } 
#footer a:link, #footer a:visited { color:#ffffff; font-size:10px; text-decoration:none;}
#footer a:hover { color:#000000; }

/*------------------------------------
 Admin Forms
 */

.field {
 padding:5px 0px 5px 0px;
}

/*------------------------------------
 Contact Forms
 */

.form_title {
 padding:20px 0px 0px 0px;
}

.checkbox_table tr td {
 vertical-align:top;
}

.sb_checkbox{
 margin:3px 0px 0px 0px;
}

.login {
 color:#ffffff;
}

.login .submit a {
 text-decoration:none;
}

#products #catchbox .searchTable .field div {
 width:200px;
}

#products #catchbox .resultDiv {
 padding:0px 0px 0px 20px;
}

#products #catchbox .searchResultTable .headRow {
 height:25px;
 background:#6B6B6B; 
 color:#FFFFFF;
}

#products #catchbox .searchResultTable td {
 padding:0px 0px 0px 10px!important;
 background:#E7E6DE;
 border:1px solid #7B7B7B;
}

#products #catchbox .searchResultTable .col1 {
 width:180px;
 height:25px;
 color:black;
}

#products #catchbox .searchResultTable .col2 {
 width:340px; 
 height:25px;
}

#products #catchbox .searchResultTable a:link, .searchTable a:visited {
 text-decoration:none;
 color:#EC1821;
}

#products #catchbox .searchResultTable a:hover {
 color:black;
}

.header {
	color:#FFFFFF;
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
}

/* IE7 fixaroo */
#main {
 font-size:0;
 line-height:0;
}
#main #edit_form {
 font-size:11px;
 line-height:13px;
}