/* GLOBAL STYLES  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
* { margin: 0; padding: 0;}/* removes defaults from all elements */
html {background: black;}
body {border-top-color: #3d3d3d; font-size: 90%; text-align: center; background: #000000;padding-top:15px;border-top: solid 5px;}
p { font: 11px Geneva, Arial, Helvetica, sans-serif;color: #ffffff;padding:0;margin: 0 10px 10px 10px;line-height: 18px;}
.nomargin {padding:0;margin:0;}
strong {font-weight:bold;}
a {	color: #89bfed;	text-decoration: none;}
a:hover {color: #ffffff;text-decoration: underline;}
.fill {clear:both;}
.istocklogo {margin:8px 0 0 0;}


/* NAV  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||


*/

.fill {clear: both;} 

#dhnavbarcontainer {
width: 100%;
padding-left: auto;
padding-right: auto;
background: url("http://www.dalehogan.ca/images/menu_bg_off.jpg") repeat-x top;
}
#dhnavbar {
    width: 800px;
    height: 85px;
	margin-left: auto; 
	margin-right: auto;
	text-decoration: none; 
	text-transform: uppercase; 
	font-family: "Lucida Grande", Arial, Verdana, sans-serif; 
	font-weight: bold; 
	font-size: 10px;
	text-align: center;
	}
#dhnavbar ul {
    margin:0;
    padding:0;
    list-style:none;
	height: 85px;
	background:url("http://www.dalehogan.ca/images/menu_bg_off.jpg") repeat-x top; 
    }
#dhnavbar li {
	display: inline;
	display:inline-block;
	float: left;
	background: url("http://www.dalehogan.ca/images/menu_bg_off.jpg") repeat-x top; 
    margin: 0;
    padding: 0;
	width: auto;
	height: 85px;
    }
#dhnavbar li {
	display: inline-block;
	}
#dhnavbar a {
	float: left;
	display: block;
	padding: 34px 10px 4px 10px; 
	color: #ffffff; 
	height: 85px;
	text-decoration: none; 
	text-transform: uppercase; 
	}
#dhnavbar a:hover {
	background: url("http://www.dalehogan.ca/images/menu_bg_over.jpg") repeat-x top; 
	color: #89bfed;
	text-decoration:none; 
	text-transform: uppercase; 
	}
#dhnavbar #current {
	background: url("http://www.dalehogan.ca/images/menu_bg_over.jpg") repeat-x top; 
	}
#dhnavbar #current a {
	color: #ffffff;
	text-decoration:none; 
	text-transform: uppercase; 
	}
      
#dhnavbar #navlogo {
      }
#dhnavbar #navlogo a {
	width: 153px; 
	height: 85px;
	background: url("http://www.dalehogan.ca/images/dh_logo_off.jpg") no-repeat top;
	margin:0 0 0 65px;}
#dhnavbar #navlogo a:hover {
	width: 153px; 
	height: 65px;
	background: url("http://www.dalehogan.ca/images/dh_logo_over.jpg") no-repeat top;
	}
      


/* CONTENT BLOCK  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#container {margin: 0 auto; padding: 25px 0 0 0; height: 100%; width:100%; background:black;}
#content-block {text-align: left; margin: 0px auto; width: 740px;height: auto; color: #e7e7e7;}
#content-block p { margin: 0 0 25px 0; color: #e7e7e7; line-height: 18px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#content-block ul { margin: 10px 0 10px 20px; color: #e7e7e7; line-height: 18px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#content-block strong { font-weight: bold; margin: 0; color: #e7e7e7; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#content-block h2 { margin-bottom: 15px; font-family:  "Century Gothic", "Myriad Pro", Geneva, "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #999999; line-height: 28px; font-size: 26px;}
#content-block h3 { font-family: "Century Gothic", "Myriad Pro", Geneva, "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #c0e2ff; line-height: 18px; font-size: 16px;}
#content-block a, #content-block h3 a { color: #89bfed; text-decoration:none;}
#content-block h2 a { color: #89bfed; text-decoration: none;}
#content-block a:hover { color: #89bfed; text-decoration: underline;}
div.content-c1 {float: left;width: 500px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid;border-top-color: #1d232b;}
div.content-c2 {float: left;width: 175px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid;border-top-color: #1d232b;}



/* LOWER BLOCK - FOOTER  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#lower-container {margin: 0 auto; padding: 5px 0 0 0; height: 100%; width:100%; background: repeat-x top black;}
#lower-block {text-align: left; margin: 0px auto; width: 740px;height: auto; color: #e7e7e7;}
#lower-block p { margin: 0 0 20px 0; color: #e7e7e7; line-height: 18px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#lower-block p.nomargin { margin: 0; padding:0;}
#lower-block strong { font-weight: bold; margin: 0; color: #e7e7e7; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#lower-block h2 { margin-bottom: 15px; font-family:  "Century Gothic", "Myriad Pro", Geneva, "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #999999; line-height: 28px; font-size: 26px;}
#lower-block h3 { font-family:  "Century Gothic", "Myriad Pro", Geneva, "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #c0e2ff; line-height: 18px; font-size: 16px;}
#lower-block a, #lowerblock h3 a { color: #89bfed; text-decoration:none;}
#lower-block h2 a { color: #89bfed; text-decoration: none;}
#lower-block a:hover { color: white; text-decoration: underline;}
#bullets ul, li { color: #e7e7e7; padding: 0; margin: 3px 0 3px 25px; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
div.lower-c1 { float: left;width: 310px;margin: 0 0 0 10px;padding: 15px 10px 0 0;border-top: 3px solid;border-top-color: #1d232b}
div.lower-c2 { float: left;width: 180px;margin: 0 0 0 10px;padding: 15px 10px 0 0;border-top: 3px solid;border-top-color: #1d232b}
div.lower-c3 { position: relative; float: left;width: 175px;margin: 0 0 0 10px;padding: 15px 10px 0 0;border-top: 3px solid;border-top-color: #1d232b}
div.lower-all { float: left;width: 665px;margin: 0 0 0 10px;padding: 15px 10px 0 0}
div.lower-leftbox {border-top-color: #0f0f0f; float: left;width: 530px;margin: 0 0 0 10px;padding: 5px 10px 0 0;border-top: 3px solid;}

#nomargin {padding:0;margin:0;}


#footer {float: left;width: 700px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid;border-top-color: #1d232b;}
#footer p { margin: 0; color: #999999; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#footer a { color: #89bfed; text-decoration:none;}
#footer a:hover { color: #c0e2ff; text-decoration: underline;}


/* IMAGES  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
img {border: 0;}
.right {float: right;margin: 0 0 10px 10px;}
.left {float: left;	margin: 0 10px 10px 0;}
.center {position: relative;margin-left: auto;margin-right: auto;}
.rssicon { position: absolute; top:23px; right:-5px;} 
.more-link {font-style: italic;text-align: right;}


/* POPUP BOX */


div.box-footer { float: left;width: 400px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #000000;}


#box-content-block {text-align: left; margin: 0px auto; width: 430px;height: auto; color: #ffffff;}
#box-content-block p { margin: 0; color: #e7e7e7; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#box-content-block ul { margin: 10px 0 10px 20px; color: #e7e7e7; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#box-content-block strong { font-weight: bold; margin: 0; color: white; line-height: 16px; font-size: 11px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif;}
#box-content-block h2 { margin-bottom: 15px; font-family:  "Century Gothic", "Myriad Pro", Geneva, "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #e7e7e7; line-height: 28px; font-size: 26px;}
#box-content-block h3 { font-family:  "Century Gothic", "Myriad Pro", Geneva, "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #e7e7e7; line-height: 18px; font-size: 16px;}
#box-content-block a, #content-block h3 a { color: #c0e2ff; text-decoration:none;}
#box-content-block h2 a { color: #c0e2ff; text-decoration: none;}
#box-content-block a:hover { color: #89bfed; text-decoration: underline;}




/* forms */

/* General form styles
----------------------------------------*/
div.box-contact {float: left;width: 400px;margin: 0 0 0 10px;padding: 10px 10px 0 0;border-top: 3px solid #ffffff;}

fieldset {
    border: none;
    padding: 0;
    }

fieldset ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 !important;
    }
    
fieldset ul li {
    padding-bottom: 0;
    }
    
fieldset input, 
fieldset select,
fieldset textarea {
	border-bottom-style: solid;
	border-bottom-color: #2277dd;
	border-width: 0;
	font: 1.2em/1.6em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
	border-bottom: 1px;
	padding: 3px 3px 3px 0;
	margin: 2px 0 0 0;
	color: #175c92;
	background-color: #f7f7f7;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
/*	
	border-bottom-color: white;
	border-bottom: 1px solid;
*/
}
	
fieldset textarea {
    overflow: auto;
	font: 1.2em/1.6em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
}

fieldset select {
	padding: 1px;
	padding: 2px 1px 2px 0;
}

fieldset select option {
    padding: 0 1em 0 2px;
}

fieldset label {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font: 1.2em/1.6em; 
    color: #e7e7e7;
    display: block;
    margin: 1em 0 0.5em 0;
}

fieldset label.note {
	font: 1em/1.6em Georgia, "Times New Roman", serif; 
    font-weight: normal;
    color: #3e3e3e;
    margin: 0.2em 1em 0 0;
    font-style: italic;
}

.required {
    color: #237ff0 !important;
}

fieldset label.checkbox_note {
    font-weight: normal;
    display: inline;
    float: none;
}

fieldset label.full, fieldset input.full,
fieldset select.full, fieldset textarea.full { width: 98%; }

fieldset label.full {
    float: left;
}

fieldset p {
    margin-bottom: 0.5em !important;
}


/* Buttons */

.buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color: #c0e2ff;
    border:1px solid #151838;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color: #151838;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color: #151838;
    border:1px solid #2277dd;
    color: #89bfed;
}