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

/**********   GLOBAL STYLING   ****************/
/**********************************************/
body, html {height: 100%; margin:0; padding:0;}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px; /*background:url(/images/template/bg-repeat.jpg) top left repeat-x #fff;*/ background-color: #999;}

.subtle {color:#666; font-size:10px; font-style:italic;}

/****************   PAGE LAYOUT   *************/
/**********************************************/

#container {width:950px; margin:auto; margin-top:25px; background-color:#fff; -moz-box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; box-shadow: 0px 0px 15px #000;}
#header {height:150px; border-bottom:1px solid #090;}
#content {padding:10px;}




/****************   LINKS   *******************/
/**********************************************/
a:link, a:visited {color: #06F;	text-decoration: none;}
a:hover, a:active {color: #06F; text-decoration: underline;}





/***********   BUTTON DEFINITIONS   ***********/
/**********************************************/
/* Default yellow Button Definitions */
#content_gbt input[type="submit"], #content_gbt input[type="button"], #content_gbt input[type="reset"]
{cursor: pointer; border:1px solid #F90; background-color:#FC0; -moz-border-radius: 5px; border-radius: 5px; color:#000; padding:5px; margin-right:3px; float:left; margin-right:10px; margin-top:5px;}
#content_gbt input[type="submit"]:hover, #content_gbt input[type="button"]:hover
{background-color:#FCE381;}


/* yellow Button Definitions */
.yellow_button {float: left;}
.yellow_button input, .yellow_button button, .yellow_button a {cursor: pointer; border:1px solid #F90; background-color:#FC0; -moz-border-radius: 5px; border-radius: 5px; color:#000; padding:5px; margin-right:10px; margin-top:5px;}
.yellow_button input:hover, .yellow_button a:hover{background-color:#FCE381; text-decoration:none;}





/**************   CSS LIGHTBOX   **************/
/**********************************************/
.black_overlay{display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index:10001;	-moz-opacity: 0.2;
 opacity:.2; filter: alpha(opacity=20);}
.white_content {display: none; position: fixed; top: 5%; left: 10%; width: 75%; height: 80%; padding: 16px; border: 5px solid  #000; background-color: #f5f5f5; z-index:10002; overflow: auto; line-height:150%;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;

	border-radius: 10px;
	border-radius: 10px;
	
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	/*shadow effect*/
	-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;
}
.white_content img {border:1px solid #000;}





/****************   INQUIRY FORM   ****************/
/*****************************************************/
form#inquiry {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*padding: 20px;*/
}

form#inquiry label{width:225px; margin-right:5px; text-align:right; display:inline-block; font-weight:bold;}

form#inquiry fieldset {
border: none;
margin-bottom: 10px;
}
form#inquiry fieldset:last-of-type {
margin-bottom: 0;
}

form#inquiry legend {
color: #000;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #eee;
}


form#inquiry ol li {
width:613px;
background: #f7f7f7;
border-color: #eee;
border-style: solid;
border-width: 1px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}
form#inquiry ol ol li {
background: none;
border: none;
float: left;
}

form#inquiry input:not([type=radio]),
form#inquiry input:not([type=checkbox]),
form#inquiry textarea {
background-color: #fff;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
outline: none;
padding: 5px;
}

form#inquiry input:not([type=submit]):focus,
form#inquiry textarea:focus {background: #ffc;}

form#inquiry input[type=radio],
form#inquiry input[type=checkbox], form#inquiry input[type=radio]:focus, form#inquiry input[type=checkbox]:focus {/*float: left;*/ margin-right: 3px; /*margin-top:0px;*/ cursor:pointer; background:none; border:none;}

form#inquiry input[type="submit"], form#inquiry input[type="button"]
{cursor: pointer; border:1px solid #F90; background-color:#FC0; -moz-border-radius: 5px; border-radius: 5px; color:#000; padding:5px; margin-right:3px;}
form#inquiry input[type="submit"]:hover, form#inquiry input[type="button"]:hover
{background-color:#FCE381;}


form#inquiry div.subtle{width:350px; /*border:1px solid #ccc;*/ margin-left:235px; line-height:normal;}

@media screen and (max-width: 1024px){

	#container, #header, #header a, #header img, #inquiry, #inquiry fieldset{
	    width: 100% !important;
	    max-width: 1024px;
	    height: auto;
	    min-width: auto;
	    padding: 0px;
	}
	form#inquiry label {
	    width: auto;
	    max-width: 136px;
	    text-align: left;
	}

	#inquiry fieldset ol{
		padding:5px;
	}

	#inquiry fieldset ol li{
		width:auto !important;
	}

	#inquiry .subtle{
		margin: auto !important;
		width:100% !important;
	}

	form#inquiry input:not([type=radio]), form#inquiry input:not([type=checkbox]), form#inquiry textarea {
	    float: right;
	}
	form#inquiry input[type=submit]{
		float: none !important;
	}



}