/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg_top.gif) border:0; font:12px Arial, Helvetica, sans-serif; color:#666666; line-height:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; }


.body2{ background:#f9f9f9;}
.body3{ background:url(../images/bg.gif) bottom repeat;}
.body4{ background:#000}
.body5{ background:url(../images/bg_bot.jpg) bottom repeat-x}
.body6{ background: url(../images/bg_top.gif) top repeat-x #fff;  border:0; font:12px Arial, Helvetica, sans-serif; color:#666666; line-height:18px;}

/* ============================= main layout ====================== */

a{ color:#666666; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:11px 0 0 16px}
h2{ font-size:21px; line-height:28px; color:#464646; padding:34px 0 24px 0; text-transform:uppercase}
h3{ font-size:14px;color:#464646;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{}

#logo{ display:block; background:url(../images/ogi_logo.png) no-repeat; width:670px; height:87px; text-indent:-5000px;}

#search{  float:right; padding:49px 18px 0 0}
#search .bg{ background:url(../images/search.gif) no-repeat; width:196px; height:22px;}
#search .submit{ float:right; height:22px; width:26px; cursor:pointer; background:none}
#search .input{ float:right; background:none; height:14px; padding:4px 9px; width:152px; font:11px Arial, Helvetica, sans-serif; color:#666}

#menu { width:100%; overflow:hidden}
#menu li { float:left; padding-right:2px; background:url(../images/menu_line.gif) right 15px no-repeat}
#menu .bg_none{ padding:0; background:none}
#menu li a{ display:block; font-size:14px; color:#3d3c3c; text-transform:uppercase; text-decoration:none; line-height:36px; padding:0 24px; background:url(../images/spacer.gif) repeat}
#menu li a:hover, #menu #menu_active a{ background:#fff}

.pad{ padding:44px 14px 0 13px;}

.box1{ border:1px solid #ebeaea;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position: relative;}

.markers{ margin-left:8px; margin-top:153px; float:left;}
.img{ margin-left:10px; float:left;}

.list_img{ padding:50px 0 16px 0; width:100%; overflow:hidden}
.list_img li{ float:left;}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-bottom:40px; padding-top:8px;}
#content2{  font-size:12px; line-height:20px; color:#626262; padding-bottom:60px; width:100%; overflow:hidden}
#content2 h2{ color:#fff; padding:35px 0 16px 0 }
#content2 .font_size_11{ font-size:12px; line-height:18px;}

.pad_left1{ padding-left:20px;}
.pad_left2{ padding-left:60px;}
.pad_left3{ padding-left:70px;}
.marg_right1{ margin-right:60px;}
.pad_bot1{ padding-bottom:20px;}

.under{ padding-bottom:13px; margin-bottom:9px; background:url(../images/line_hor1.gif) bottom repeat-x;}

.list1{ margin:-5px 0;}
.list1 li{ line-height:28px;}
.list1 a{ padding-left:18px; background:url(../images/marker_1.gif) 0 4px no-repeat}

#content2 .list1 li a{background:url(../images/marker_2.gif) 0 4px no-repeat; color:#626262; font-size:11px;}

.price li{ width:100%; overflow:hidden}
.price a{ float:left; text-decoration:none}
.price a:hover{ text-decoration:underline}
.price span{ float:right;}
.price strong{ display:block; background:url(../images/bg_prices.gif) 0 13px repeat-x; overflow:hidden}

/* ============================= footer ====================== */

footer { color:#616161; padding:32px 0 30px 14px; line-height:18px; }
footer a{ color:#616161; text-decoration:none}
footer a:hover{ text-decoration:underline}

#footer_logo{ background:url(../images/footer_logo.png) no-repeat; height:16px; width:230px; float:left;}
/* ============================= forms ============================= */


#ContactForm .left{ padding-right:14px;}
#ContactForm p{ line-height:24px; padding-bottom:17px; font-size:11px;}
#ContactForm .bg{ background:#191919; margin-bottom:17px; border:1px solid #222222;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/PIE.htc); position: relative;}
#ContactForm a{ display:inline-block; width:81px; font-size:20px; color:#fff; line-height:36px; background:url(../images/button.jpg) no-repeat; text-decoration:none; text-align:center}
#ContactForm .input { background:none; width:264px; padding:4px 5px; font:11px Arial, Helvetica, sans-serif; height:14px; color:#626262;}
#ContactForm textarea { overflow: auto; background:none; width:353px; padding:4px 5px; font:11px Arial, Helvetica, sans-serif; height:93px; color:#626262;}