/*  HTML5 Boilerplate  */

html, #Body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #e6e6e6; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


#Body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

#Body, select, input, textarea {   color: #444; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clearfix2 {
	clear:both;	
}


 /* Primary Styles
    Author: Michael - Hok Nik Creative Inc.
 */
 
 
#Body 
{
	background:#f2f2f2 url("images/bg.jpg") repeat;
	font-size: 13px;
	font-family: Helvetica, "Helvetica Neue", Arial, Sans-Serif;
	line-height:20px;
}

#center_content, #Form
{
	text-align:center; /*IE Hack*/
	width:100%;
}
#container-inner {
	/*margin:0 20px;	*/
}
#breadcrumb {
	font-size:10px;
	width:100%;
	border-top: 1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:10px;
}
#breadcrumb span {
	margin-left: 10px;	
}

#wrapper{
	width:1000px;
	margin:auto;
	text-align:left; 
	background:#ffffff;
}

#inner_wrapper{
	background:#ffffff;
	float:left;
}

#header_wrapper, #logo, #navigation, 
#content, #footer { float:left; width:auto; }

#header_wrapper {
	width:1000px;
	float:left;
}

/************top nav bar STYLES***************/
.top_nav{
	margin-top:2px;
	background: #f47323;
}

.top_nav ul{
	list-style-type:none;
	margin:0 20px;
	width:960px;
	text-align: right;
}

.top_nav ul li{
	margin:0 5px;
	color:#fff;
	list-style-type:none;
	font-size:11px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}

.top_nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:11px;
	line-height: 1.1em;
}
.top_nav ul li a:hover{
	text-decoration:underline;	
}


/************SUPERFISH STYLES***************/



#logo{
	width:184px;
	height:100px;
	margin: 20px 20px 0;
}

#navigation{
	background:#6a737b;
	width:1000px;
	float:left;
	margin-top:1px;
}

.banner_ticker {
	float: right;
	max-width: 750px;
	height: 100px;
	margin: 20px 20px 0px 0px;
}
#slideshow_wrapper{
	width:1000px;
	float:left;
	clear:both;
	position:relative;
	margin:0;
}

.SlideshowHolder {
	margin-top:20px;
}

#slideshow-holder {
	position:relative;
	height: 326px;
}
#slideshow {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#slideshowNavPane {
	width:228px;
	position:absolute;
	top:0;
	left:0;
	z-index: 11;
}

#main_content_wrapper{
	width:1000px;
	float:left;
	margin-top:20px;
}

#main_content{
	width:960px;
	margin:0 20px;
	min-height:480px;
}


/*********************** Footer ***************************/



#footer{
	width:100%;
	display:block;
	margin-top:20px;
	background: #6a737b;
}

#footer-inner {
	width:960px;
	margin:20px auto;
	text-align:left;
	font-size:10px;
	color:#ffffff;
}


.floatLeft 
{
	float:left;
	width:65%;
}

.floatRight 
{
	float:right;
	text-align:right;
	width:35%;
}
#footer p, #footer a {
	font-family: Helvetica, "Helvetica Neue", Arial, Sans-Serif;
	font-size:10px;
	color:#ffffff;
	line-height:18px;
	margin:0;
	margin-bottom:10px;
	text-decoration:none;
	font-style:normal;
}

#footer h3, #footer h3 a {
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	margin:0;
	font-style:bold;
}

#footer a {
	text-decoration:underline;	
}

.careers, .enews, .user, .login, #links, a.search,
.terms, .privacy, .copyright, .hoknik
{ font-size:10px;color:#ffffff;}
.terms, .privacy, .login, .careers, .enews, .user, .copyright, .hoknik 
{ text-decoration:underline;font-weight:bold;}
.enews, .terms, .user, .login, .hoknik, .privacy, .careers
{ padding-left: 4px;}
.careers, .enews, .terms, .user, .login, .copyrightHold, .hoknik
{ padding-right: 4px;}
.user 
{ border-left:1px solid #ddd;}


a.search {
    background:#ffffff;
    padding: 3px 6px;
    border:1px solid #999;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/*
.vertical-text {
	text-align:left;
	font-size:12px;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.vertical-text span {
	width: 30px;
	height:150px;
	white-space:nowrap;
}*/

/*****************************************************************/


h1,h2,h3,h4,h5,h6 {
	font-family: Helvetica, "Helvetica Neue", Arial, Sans-Serif;
	text-transform:none;
	line-height:1.4em;
	margin-bottom:0;
	color:#444444;
	font-weight:normal;
}
/*  
See: http://developer.yahoo.com/yui/3/cssfonts/
*/
h1 { font-size:28px; font-weight:bold; color:#6a737b; line-height:30px; margin-bottom:5px;}
h2 { font-size:16px; font-weight:bold; color:#00bce2; line-height:18px; margin-bottom:10px; margin-top:-2px;} 
h3 { font-size:15px; font-weight:bold; color:#f47323; line-height:17px; margin-top:0px;}
h4 { font-size:15px; font-weight:bold; color:#1eb53a;  line-height:17px;}
h5 { font-size:14px; font-weight:bold; color:#00bce2;  line-height:16px;}

p, ol, ul,.globalForm .check label {
	font-size:108%; /* 14px */
	line-height:20px;	
	margin-bottom:20px;
	color:#807976;
}

a:link, a:visited, a:active, a:hover { color:#807976; text-decoration:underline;}
a:hover { color:#666666;}

ul ul, ul ul ul, ol ol, ol ol ol { margin-bottom:0; font-size:inherit;}

.two_column {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-moz-column-rule: 1px solid #aaa;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-webkit-column-rule: 1px solid #aaa;
	column-count: 2;
	column-gap: 2em;
	column-rule: 1px solid #aaa;
}

::-moz-selection{ background: #0053A3; color:#fff; text-shadow: none; }
::selection { background:#0053A3; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #0053A3; } 

/* style for module titles */
.Head { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
/* style of item titles on edit and admin pages */
.SubHead { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: inherit; font-size: inherit;  font-weight: inherit; color: inherit; }
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled { font-family: inherit; font-size: inherit; font-weight: inherit; }
/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: Silver; }
/* text style used for rendered text which requires emphasis */
.NormalBold { font-family: inherit; font-size: inherit; font-weight: bold; }
/* text style used for error messages */
.NormalRed { font-family: inherit; font-size: inherit; font-weight: bold; color: #B2263A; }
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { font-family: inherit; font-size: inherit; font-weight: inherit; }




/* ********** Pane Style ************** */


.extra_nav_pane div {
	display:inline !important;
}


.TopPane, .ContentPane, .BottomPane,
#fifty_fifty_top, #fifty_fifty_bottom, #sixty_thirty, #thirty_top, #thirty_sixty, #thirty_bottom, #quarter_top, #quarter_bottom
{
	float:left; 
	width:100%;
}
.sixty_thirty_left
{
	float:left;	
	width: 65%;
}
.sixty_thirty_right 
{
	float:right;	
	width: 30%;
}
.thirty_sixty_left 
{
	float:left;		
	width: 30%;
}
.thirty_sixty_right 
{
	float:right;	
	width: 65%;
}
.quarter_one {
	float:left;
	width: 22%;
}
.quarter_two, 
.quarter_three, 
.quarter_four {
	float:left;
	margin-left:4%;
	width: 22%;
}
.thirty_left 
{
	float:left;	
	width: 30%;
	display:block;
}
.thirty_center 
{	
	float:left;
	margin-left:5%;
	width: 30%;
}
.thirty_right
{
	float:right;	
	width: 30%;
}
.fifty_fifty_left
{
	float:left;	
	width: 48%;
}
.fifty_fifty_right
{
	float:right;	
	width: 48%;
	margin-left:4%;
}
.FullPane
{
	float:left;
	padding:0px;
}
.PaneInner 
{
	float:left;	
	margin:10px 0;
}
.No_Padd 
{
	margin:0;
	padding:0;
}


.TopPane, .ContentPane, .BottomPane,
.fifty_fifty_left, .fifty_fifty_right,
.sixty_thirty_left, .sixty_thirty_right, .thirty_sixty_left, .thirty_sixty_right, 
.quarter_one, .quarter_two, .quarter_three, .quarter_four,
.thirty_left, .thirty_center, .thirty_right {
	margin-bottom:20px;	
}

.DNNEmptyPane {
	margin:0 !important;
	padding:0 !important;
	height:0 !important;
	width:0 !important;
}


/********** SEARCH ****************/
#links span.search {
display:none;
}


.questionset {
	width:95%;
	margin:0 0 20px;
	padding:10px;
	background:#fff;
	border:1px dotted #DDDDFF;
}
.questionset h4 {
	color:#00BCE4;
	font-size:100%;
}
.questionset a {
	width:30%;
	display:inline-block;
	text-align:center;
	border-color: #ccc #999 #999 #DDDDDD;
	border-style: solid;
	border-width: 1px;
	text-decoration:none;
}
.questionset a:hover {
	background:#efefef;
}

.contact input[type="text"], .newsletter input[type="text"] { 
	border:1px solid #ccc;
}

.contact tr:last-child td {
	display:none;
}

.construction_questionaire .radio input, .construction_questionaire .check input {
	float:left;
}
.construction_questionaire .radio label, .construction_questionaire .check label {
	display: block;
    float: left;
    margin-top: -3px;
    padding-left: 5px;
    width: 125px;
	position:static;
	left:0;
	top:0;
}

.construction_questionaire td {
	padding: 10px 0 7px 5px;
}

.construction_questionaire table.radio tr{
	border:1px dashed #ccc;
}

#footer .sitemap a {
	text-decoration:none;
}
#footer .sitemap a:hover{
	color:#ccc;
	text-decoration:underline;
}

.videoContainer {
	width: 300px; 
	height: 205px; 
	float: left; 
	color: #cccccc; 
	font-size: 10px; 
	margin-right: 10px; 
	margin-bottom: 30px; 
	text-align: center;
}


/* Active Forum Styling */

.ModActiveForumsC {
	font-family:inherit !important;
	color:inherit !important;
	font-size: inherit !important;
}
.aftoolbarpanel {
	font-size:11px;
}
.afpostbody, .afsubrow {   
	padding: 10px 20px;
}
.aftopicrow {
	padding:10px;
}
.aftitlelg {
	font-weight:bold;
	color:#333;
}
.ambtnwrap {
	width:100px;
}
#aflink {
	display:none;
}
.afprmidback {
	padding-top:20px;
}

/************CUSTOM**********/



.floatlist {
float:left; clear:both;
}

.floatlist li {
float:left;
width:310px;
margin-bottom:20px;
}





/********** SLIDESHOW ****************/
/*

#slideshow {position:relative;height:300px;display:block;width:900px;}
#slideshow a img {position:absolute;top:0;left:0;z-index:8;width:900px;height:300px;}
#slideshow a img.active {z-index:10;}

*/

#mySlideshow {
	position:relative;
    height: auto;
    width: auto;
	display:block;
	margin:0 auto;
}
#mySlideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#mySlideshow IMG.active {
    z-index:10;
}

#mySlideshow IMG.last-active {
    z-index:9;
}


/****************************************************************************************/


/*************** Global (General) Form Styling ***************/
.globalForm td {
	text-align:left;
}
.globalForm .cal a img {
	position:relative;
	top:3px;
	left:4px;
}
.globalForm .radio label,
.globalForm .check label  {
	position:relative;
	top:2px;
	left:4px;
}
.globalForm .check label {
	top:4px;
    padding-right: 40px;
	margin-bottom:0;
}
.globalForm .check label {
}
.globalForm .label, .globalForm .labelreq {
	font-weight:bold;
}
.globalForm .labelreq {
	/*color: #B2263A;*/ /*REDish*/
	color: #00bce4;
}
.globalForm .SubHead label{
	position:relative;
	top:4px;
	left:4px;
	color: #00bce4;
	font-weight:bold;
}
.globalForm tbody > tr > td > div span.Normal { /*Allowable File Types Display*/
	font-size:10px !important;
}

.globalForm textarea {
	min-height:80px;
}

.globalForm .submit{
	float:right;
	padding-top:0;
}

/****************************************************************************************/

/**************** Newsletter Form Styling *****************/

.newsletter {
	width:100%;
}

.newsletter span.NormalTextBox { /* Label holders */
	height:18px !important;
	width: 120px !important;
}

.newsletter span.NormalTextBox p { /* Actual labels */
	text-align:right;
}

.newsletter .NormalTextBox[type="text"] { 
	height:18px !important;
	padding: 2px 0 !important;
	width: 150px !important;
	margin-bottom:.5em;
	border: 0 none;
}

.newsletter .NormalTextBox[type="submit"] {
	padding: 2px 0 !important;
	width: 80px !important;
	border: 0 none;
		background:#4D6E75; /* STYLE THIS */
		color:#ffffff;
}



.errortext {
	color:#B2263A;
	font-size:11px;
}


.informationsession > tbody > tr > td > div, 
.contact > tbody > tr > td > div  {
	padding:10px 20px 10px 0;
}
.informationsession.radio td, 
.contact .radio td {
	width:25%;
}

.informationsession h2, 
.contact h2 {
	color: #222222;
	font-size: 146.5%;
	line-height: 20px;
}
.informationsession .cal,
.contact .cal {
	width:180px;
	border:1px solid #ccc;
	padding:3px;
}
.informationsession .text[type="text"], 
.contact .text[type="text"] {
	width:180px;
	border:1px solid #ccc;
	padding:3px;
}
.informationsession .textsmall[type="text"], 
.contact .textsmall[type="text"] {
	width:100px;
	border:1px solid #ccc;
	padding:3px;
}
.informationsession textarea.textbox, 
.contact textarea.textbox {
    border: 1px solid #CCCCCC;
    padding: 3px;
    width: 552px;
}
.informationsession textarea.textboxmed,
.contact textarea.textboxmed {
	width:280px;
	border:1px solid #ccc;
	padding:3px;
}
.informationsession select.drop, 
.contact select.drop {
	min-width:188px;
	width:auto;
	border:1px solid #ccc;
	padding:3px 3px 2px;
}
.informationsession input.file, 
.contact input.file {
	width:240px;
	border:1px solid #ccc;
	padding:3px;
}




/*

@media all and (orientation:portrait) {}

@media all and (orientation:landscape) {}

@media screen and (max-device-width: 480px) {}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
*/