/* @import "orange.css"; */

/* Body Styles 												  	*/
/* ---------------------------------------------------------- 	*/

body{  
	font-family: Arial, Helvetica, "MS Trebuchet", sans-serif; font-size: small; }
img { display: block; border: none; margin: 0px; padding: 0px; }

a{ color: #C68E17; font-weight: 700;}

a:hover{ color: #fd3; }

p { padding: 0px 20px 10px 10px; margin: 2px 0; }

h1, h2, h3, h4 { text-transform: uppercase; letter-spacing: -1px; }

ul,
ul li {
	list-style-type: square;
}

ul {
	padding: 0 15px;
	margin:  5px;
}


/* Layout Styles 												*/
/* ---------------------------------------------------------- 	*/
div#container { width: 700px; margin: 10px auto; }

/* Universal Styles 										  	*/
/* ---------------------------------------------------------- 	*/

.left { float: left; }
.right { float: right; }
.text_right { text-align: right; }
.clear { clear: both; }
.clear_right { clear: right; }
.clear_left { clear: left; }
.left, .right, .clear, .clear_right, .clear_left, .block { display: block; }

/* Menu Styles 												  	*/
/* ---------------------------------------------------------- 	*/

div#menu { margin: 0px; }
div#menu a{ width: 91px; height: 90px; display: block; float: right; margin: 0px 0px 0px 10px; }
div#menu a span { display: none; }

div#menu a#company:hover { background-position: 0px -90px; }
div#menu a#company.selected { background-position: 0px -180px; }

div#menu a#service { background-position: -100px 0px; }
div#menu a#service:hover { background-position: -100px -90px; }
div#menu a#service.selected { background-position: -100px -180px; }

div#menu a#project { background-position: -200px -0px; }
div#menu a#project:hover { background-position: -200px -90px; }
div#menu a#project.selected { background-position: -200px -180px; }

div#menu a#contact { background-position: -300px 0px; }
div#menu a#contact:hover { background-position: -300px -90px; }
div#menu a#contact.selected { background-position: -300px -180px; }

/* Splash Styles 												*/
/* ---------------------------------------------------------- 	*/

div#splash { margin: 10px 0; float: left;}
div#splash div#splash_content { width: 330px; float: right; padding: 10px; margin: 0px; }
h1#splash_title, h2#splash_sub { color: #fff; font-size: 40px; margin: 0; padding: 0; }
h2#splash_sub { color: #ccc; font-size: 18px; }
div#splash div#splash_content p { color: #fff; padding: 0 10px; }
div.padding { padding: 0 10px; }
div#flash { float: left; width: 331px; }
div#splash div#splash_content a#learn_more { margin: 8px 0px; font-weight: bold; }

/* Homepage Styles 												*/
/* ---------------------------------------------------------- 	*/

div#left_column, div#center_column, div#right_column { width: 191px; margin: 0; padding: 0; }
div#center_column { margin: 0 0 0 10px; }
div#right_column { width: 290px; }
div#content { margin: 10px 0; clear: both; }
img#form_cap { display: block; padding: 0; margin: 0; float: right !important; }
/* Interior Styles 												*/
/* ---------------------------------------------------------- 	*/

div#interior_content { margin: 10px 0; padding: 0; }
div#side_bar { width: 181px; float: left; }
div#panel { width: 509px; float: right; }

/* Sidebar Styles 												*/
/* ---------------------------------------------------------- 	*/

h1.section_title { font-size: 135%; color: #fff; margin: 0 0 10px 10px; }
h1.page_title { font-size: 150%; color: #fff; margin: 0 0 10px 10px; }
a.menu_item, div.sub_menu a { color: #ccc; font-size: 95%; display: block; margin: 0 0 10px 10px; text-transform: uppercase; text-decoration: none; width: 130px; padding: 0 20px 0 0; }
a.menu_item:hover { text-decoration: underline; color: #fc3; background: url(../_img/arrow_go.gif) no-repeat center right; }
a.menu_item.selected { background: url(../_img/arrow_down.gif) no-repeat center right; color: #fff; }
a.top_link, a.top_link:hover { color: #fc3; border-top: 1px solid #333; margin-top: 10px; padding-top: 10px; background: url(../_img/arrow_up.gif) no-repeat bottom right; clear: both; }
a.top_link:hover { text-decoration: underline; }
div.sub_menu { margin: 0; padding: 0; color: #fff; }
div.sub_menu a { display: block; padding: 0 0 5px 0; margin: 0 20px 5px 10px; border-bottom: 1px solid #999; color: #fff; font-size: 80%; }
div.sub_menu a:hover { text-decoration: underline; }
div.sub_menu a.last_item { border-bottom: none; }

/* Block Styles 												*/
/* ---------------------------------------------------------- 	*/

div.block { margin: 10px; padding: 0px; }
div.block img { display: block; margin: 0; padding: 0; clear: both; }
div.block img.case_thumb { display: block; border: 0; }

a.case_thumb { display: block; margin: 0 0 10px 10px; background: #000 url(../_img/case_button.jpg) no-repeat top right; width: 159px; }

div.narrow_black_column { width: 191px; font-size: 85%; line-height: 145%; color: #ccc; margin: 0; }
div.narrow_black_column strong { color: #fff; }

h1.column_title, h2.column_sub, h1.form_title, h2.form_sub { font-size: 135%; color: #fff; padding: 0 10px; margin: 0; }
h2.column_sub, h2.form_sub { font-size: 100%; color: #ccc; padding-bottom: 10px; }
h1.form_title { font-size: 200%; color: #000; line-height: 100%; font-weight: 700; }
h2.form_sub { color: #666; font-size: 135%; padding-bottom: 0px; }

div.white_column { width: 290px; margin: 0; padding: 0; }

div#content_panel { padding: 0 0 0 20px; width: 483px; float: left; }

div#content_panel p,
div#content_panel li { color: #666; font-size: 95%; line-height: 175%; margin: 10px 0; padding: 0; }

div#content_panel li { margin: 5px 0; }
div#content_panel h2 { color: #333; font-size: 115%; }

div.padded_content { width: 340px; padding: 0 5px 0 0px; border-right: 1px solid #ddd; }

div#support_content { float: right; width: 130px; }
div.gallery div.row { padding: 5px 0; margin: 0; border-top: 1px solid #f0f0f0;	clear: both; float: left; width: 100%; }
div.gallery img, div#support_content img { display: block; border: 4px solid #eee; margin: 5px 0; }
div.gallery img { float: left; margin: 5px; }
div.gallery br { clear: both; }
div#support_content p { margin: 4px 0; font-size: 85%; color: #666; }

/* Form Styles	 												*/
/* ---------------------------------------------------------- 	*/

form { display: block; padding: 0; border-top: 1px solid #ddd; margin: 10px 20px 0 10px; }
div.survey, div.survey form { margin: 0; float: right; width: 480px; !important }
input,select, textarea { display: block; border: 1px solid #999; background: #ddd; margin: 0; padding: 2px; width: 300px; }
textarea { width: 98%; height: 100px; }
div.survey textarea, div.survey input, div.survey select { width: 300px; float: right; }
div.survey textarea.short { height: 30px;}
label { display: block; font-weight: 700; color: #666; padding: 3px 3px 3px 0px; font-size: 80%; }
label.survey { width: 125px; float: left; }
input.submit { margin: 10px 0 0 0; }
form p { padding: 0; margin: 10px 0; float: left; clear: both; }
div.survey form p { margin: 0; }
.short, div.survey input.short { width: 50px; }
.radio, div.survey input.radio { width: 15px; margin: 0 auto; float: none;}
div.row { clear: both; margin: 0; padding: 5px 0; border-top: 1px dotted #f0f0f0; float: left; width: 460px; }
div.short { width: 350px; }
ul.option { float: right; display: block; margin: 0; padding: 0; width: 320px; }
ul.option li { float: right; display: block; list-style: none; width: 60px; text-align: center; }
ul.option li input { margin: 0 auto; }
fieldset { border: 0; float: left; margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #f0f0f0; clear: both; width: 470px; }
legend { font-size: 125%; font-weight: 700; color: #000; }

div#right_column form { padding: 10px 0; margin: 10px; width: 250px; }
div#right_column form label,
div#right_column form select,
div#right_column form input,
div#right_column form input.submit,
div#right_column form textarea {
	width: 250px !important;
	display: block !important;
	clear: both;
	margin: 0;
	padding: 0;
	
}

div#right_column form textarea {
	height: 150px;
}

div.date select {
	width: 100px !important;
	float: left;
}

/* Footer Styles 												*/
/* ---------------------------------------------------------- 	*/

div#footer { width: 618px; color: #fff; font-size: 85%; line-height: 110%; margin: 0; padding: 0; float: left; }
img#nari { float: right; margin-right: 10px; border: 0; padding: 0; margin: 0; width: 73px; }