/* 

Theme Name: OGH Theme 

 

Theme URI: http://ontariogreenhome.ca/ 

 

Description: A custom theme for Ontario Green Home. 

 

Version: 1.0 

 

Author: Sparx Interactive Solutions Inc 

 

Author URI: http://www.sparxinc.com/ 

 

Tags: two columns, custom header, tabs

*/ 







/* RESET */



body{margin:0px; padding:0px; border:0px; outline: 0; font-family:tahoma,arial; font-size:12px; line-height:15px;vertical-align: baseline;}

 

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } 

ol, ul { list-style: none; } 

blockquote, q { quotes: none; } 

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } 

ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } 

form label{cursor:pointer} input, select, textarea{font-size:11px; font-family:arial} 



/* MAIN CSS */



body{margin-left:auto;margin-right:auto;text-align:center;color:#4b3900;background:#78a22f url('images/back_big.jpg') repeat top left;}

a{color:#78a22f;text-decoration:none;}

a:hover{color:#78a22f;text-decoration:underline;}

a:visited{color:#78a22f;text-decoration:none;}

a:visited:hover{color:#78a22f;text-decoration:underline;}

#container{width:1024px;margin:0 auto;position: relative;}

#container_w{width:924px;margin-right:auto;margin-left:auto;text-align:center;position: relative;float:center;padding:0px;}



#cont_holder{position:relative;float:left;width:924px;}

#cont_holder #up{position:relative;float:left;width:921px;background:transparent url('images/up.gif') no-repeat top left;height:26px;}

#cont_holder #bottom{position:relative;float:left;width:921px;background:transparent url('images/bottom.gif') no-repeat -3px top;height:62px;}

#cont_holder #middle{position:relative;float:left;width:921px;background:transparent url('images/midle.gif') repeat-y -4px top;}



/* header */

#head{position:relative;float:left;width:900px;}

#head #head_up{position:relative;float:left;width:887px;}

#head #head_up #logo{left:26px;position:absolute;top:0px;}

#head #head_up #moto{background:url("images/moto.gif") no-repeat scroll right 11px transparent;

float:right;

height:52px;

text-indent:-9999px;

width:554px;}





/* content */



#content{float:left;margin-left:6px;position:relative;width:900px;padding:4px;min-height:496px;}

#content #menu{position:relative;float:left;width:900px;height:23px;overflow:hidden;background:#4b3900 url("images/menu_back.gif") no-repeat scroll right bottom;margin-top:20px;}

#content #menu ul{margin-right:84px;margin-top:3px;}

#content #menu li{float:right;color:#fff;}

#content #menu li a{color:#fff;margin-right:6px;margin-left:6px;}

#content #bigpart{position:relative;float:left;width:900px;background:#fff url("images/header_back.jpg") repeat-x left top;text-align:left;}

#content #bigpart.inner{background:#fff url("images/header_back2.jpg") repeat-x left top;}

#content #bigpart #image{position:relative;float:left;}

#content #bigpart #big_right{position:relative;float:right;width:386px;}



#content #bigpart #big_right h2{text-indent:-9999px;background:url("images/h2.gif") no-repeat scroll right 0px transparent;width:348px;height:67px;margin-top:37px;}

#content #bigpart #big_right #text{position:relative;float:left;background:url("images/text.gif") no-repeat left 0px transparent;width:348px;height:119px;margin-top:10px;}

#content #bigpart #text2{clear:both;float:right;background:url("images/text2.gif") no-repeat left 0px transparent;width:442px;height:75px;margin-top:24px;margin-right:80px;}

#content #bigpart #big_right #bttn{width:348px;position:relative;float:left;margin-top:15px;}

#content #bigpart #big_right #bttn a{display:block;background:url("images/more_about.gif") no-repeat left 0px transparent;width:284pc;height:32px;text-align:center;vertical-align:middle;color:#4b3905;font-size:13px;font-weight:bold; line-height:30px; width:284px; text-decoration:none;}

#content #menu2{position:relative;float:left;width:900px;background:#fff url("images/menu2_back.gif") repeat-x left top;text-align:left;height:64px;}

#content #menu2 ul{margin-top:14px;margin-left:20px;}

#content #menu2 ul.drop{display:none;position:absolute;width:167px;background-color:#4b3900;top:32px;left:0px;z-index:999;padding-bottom:9px;}

#content #menu2 li{float:left;margin-right:6px;}



#content #menu2 li a{display:table-cell;vertical-align:middle;color:#4b3905;font-size:13px;font-weight:bold;width:167px;height:46px;text-align:center;background:transparent url("images/button_menu.jpg") no-repeat left top;}

#content #menu2 li.roll a{height:28px;}

#content #menu2 li a:hover{text-decoration:none;background:transparent url("images/button_menu_h.jpg") no-repeat left top;color:#fff;}

#content #menu2 li a.active{background:transparent url("images/button_menu_h.jpg") no-repeat left top;color:#fff;}

#content #menu2 li.roll a{background-image:none;line-height:28px;display:block;background-color:#4b3900;}



#content #menu2 li.roll .kapa{position:relative;float:left;width:100%;background:transparent url("images/kapa_a.jpg") no-repeat left top;color:#fff;height:10px;}

#content #menu2 li.roll .carapa{position:relative;float:left;width:100%;background:transparent url("images/carapa.jpg") no-repeat left top;color:#fff;height:10px;}

#content #menu2 li.roll .okoul{padding-bottom:10px;background:transparent url("images/carapa.jpg") no-repeat left bottom;}

#content #menu2 li.roll a{position:relative;float:left;background:transparent url("images/midcarapa.jpg") repeat-y left top;}

#content #menu2 li.roll ul.drop{background:transparent url("images/carapa.jpg") no-repeat left bottom;}



#content #menu2 li.yoyo .kapa{position:relative;float:left;width:100%;background:transparent url("images/kapa.jpg") no-repeat left top;color:#fff;height:10px;}

#content #menu2 li.yoyo .carapa{position:relative;float:left;width:100%;background:transparent url("images/carapa.gif") no-repeat left top;color:#fff;height:10px;}

#content #menu2 li.yoyo ul.drop{background:transparent url("images/carapa.gif") no-repeat left bottom;}

#content #menu2 li.yoyo a{position:relative;float:left;background-color:#4B3905;background-image:none;color:#fff;}



#content #menu2 li.active .kapa{position:relative;float:left;width:100%;background:transparent url("images/kapa.jpg") no-repeat left top;color:#fff;height:10px;}

#content #menu2 li.active .carapa{position:relative;float:left;width:100%;background:transparent url("images/carapa.gif") no-repeat left top;color:#fff;height:10px;}

#content #menu2 li.activeul .drop{background:transparent url("images/carapa.gif") no-repeat left bottom;}

#content #menu2 li.active a{position:relative;float:left;background-color:#4B3905;background-image:none;color:#fff;}







#content #mainthing{position:relative;float:left;width:860px;margin-top:20px;padding:0 20px 0 20px;color:#231f20;font-size:13px;}

#content #mainthing #main_left{float:left;

margin-right:31px;

padding-left:20px;

position:relative;

text-align:left;

width:565px;}

#content #mainthing #main_right{position:relative;float:left;width:243px;text-align:left;}

#content #mainthing #main_right #green{position:relative;float:left;width:243px;background-color:#78a22f;height:23px;color:#fff;text-align:center;font-weight:bold;line-height:21px;margin-bottom:10px;}

#content #mainthing #main_left p{margin-bottom:10px;}

#content #mainthing #main_left span.time{display:block;font-size:10px;color:#999;margin-top:-9px;margin-bottom:10px;}

#content #mainthing #main_right #brown{position:relative;float:left;width:243px;background-color:#4b3900;height:23px;color:#fff;text-align:center;font-weight:bold;line-height:21px;margin-bottom:10px;}

#content #mainthing #main_left h4{color:#78a22f;margin-bottom:5px;}

#content #mainthing #main_left ul{ list-style-position:outside;list-style:circle; margin-left:15px;margin-bottom:15px;}

#content #menu2 ul.drop a{height:22px;}

#content #menu2 ul.drop a:hover{color:#78a22f;}