﻿/* HTML */
* {margin:0;padding:0}
body {background:#549ed6;font-family:Verdana,sans-serif;font-size:12px;color:#333;}

/* LINKS */
a {text-decoration:underline;cursor:pointer;color:#56882f;font-weight:bold;} 
a:hover {color:#77ac44;text-decoration:none;}
.golink,.golink:hover {text-decoration:none;padding-left:18px;background:url(../_images/layout/golink.gif) no-repeat 0 3px;}
a.blue {color:#4466aa;}
a.blue:hover {color:#549ed6;}

/* GENERAL */
img {border:none} 
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear {height:1%;}
.clear {clear:both;}
.pclear {clear:both;margin:0 0 -10px 0;content:".";}
.caption {color:#666;font-style:italic}
.red {color:#ff0000}

/* TYPOGRAPHY */
p {margin:0 0 10px;text-align:left;line-height:18px;}
h1 {font-size:18px;margin:0 0 0 0;color:#4466aa;width:742px;padding:16px 0 20px 0;background:url(../_images/layout/contenttop.gif) no-repeat top right;}
h2 {font-size:16px;margin:15px 0 5px;color:#659c36;line-height:20px;}
h3 {font-size:12px;margin:5px 0 2px;color:#659c36;}
h4 {font-size:12px;margin:0 0 3px;color:#659c36;}
.highlight {color:#549ed6;font-weight:bold;}
.subdued {color:#999}
.caption {color:#333;}

/* WRAP */
.wrap {width:784px;position:relative;text-align:left;margin:0 auto;}
.top {height:20px;padding:8px 20px;background:url(../_images/layout/topbg.gif) no-repeat;width:744px;color:#fff;font-size:14px;text-align:right;font-weight:bold;}
.header {height:147px;background:url(../_images/layout/headerbg.jpg) no-repeat;position:relative;width:784px}

/* NAV */
#nav {width:766px;height:38px;padding:3px 6px 3px 10px;font-size:11px;background:url(../_images/layout/navbg.gif) no-repeat;}
#nav ul {list-style:none;margin:0;padding:0;}
#nav li {position:relative;float:left;width:auto;}
#nav a, #nav a:hover {display:block;width:auto;font-weight:bold;padding:12px 15px;height:14px;text-align:left;text-decoration:none;cursor:pointer;color:#fff;border-right:1px solid #77ac44;}
#nav a.active {background-image:url(../_images/layout/activenavbg.gif);background-repeat:repeat-x;}
#nav a:hover {color:#fff;background-color:#85b457;background-image:none;}

/* COLS */
.content {background:url(../_images/layout/contentbg.gif) repeat-y;width:754px;padding:0 0 20px 30px;min-height:397px;height:auto !important;height:390px;}
.contentpad {padding:0 40px 0 0}
.contentpad h1 {background:none;}
.left {float:left;width:490px;margin:0 20px 10px 0;padding:0;}
.right {width:230px;float:right;margin:0 0 20px 0}
.left ul, .contentpad ul {margin:0 0 10px 30px;padding:0;}
.left ul li, .contentpad ul li {padding:0 0 5px 0;line-height:16px;}
.pad10 {padding:10px;}

/* SUBNAV */	
.subnavtop {background:url(../_images/layout/subnavtop.gif) no-repeat;width:230px;height:7px}
.subnavbottom {background:url(../_images/layout/subnavbottom.gif) no-repeat;width:230px;height:7px}
.subnav h2 {text-align:right;color:#fff;margin-bottom:10px;}
.subnav {margin:0;background:#22365f url(../_images/layout/subnavbg.gif) repeat-x bottom left;padding:10px 10px 20px 10px;border-left:3px solid #22365f;border-right:3px solid #22365f;}
.subnav li {padding:7px 0 7px 25px;border-bottom:1px dotted #ddd;list-style:none;background:url(../_images/layout/subnav.gif) no-repeat 5px 10px;color:#fff;}
.subnav li a {text-decoration:none;color:#fff;}
.subnav li a:hover {color:#549ed6;}
.subnav li.active a {color:#88c7f7;}
.subnav li.active a:hover {color:#549ed6;}

/* FOOTER */
.footer {width:720px;margin:0 auto 20px auto;background:#4466aa url(../_images/layout/footerbg.gif) no-repeat 0 bottom;height:40px;padding:15px 20px 25px 20px;color:#fff;font-size:10px;font-weight:bold;line-height:16px;vertical-align:middle;line-height:20px;}
.footer a {color:#fff;}
.footer img {vertical-align:middle;}

/* IMAGES */	
.gallery {width:490px;margin-bottom:10px;float:left;}
.imgl, .imglb{float:left;margin:5px 15px 15px 0;}
.imgr, .imgrb{float:right;margin:5px 10px 15px 15px;}
.imglb, .imgrb {border:1px solid #666;}
.imgsl, .imgslf {float:left;margin:5px 10px 0 0;}
.imgslf {margin-top:16px;}
.thumb {float:left;border:3px solid #999;background:#fff;margin:0 15px 15px 0}
.thumb:hover {border:3px solid #549ed6;}

/* OTHER */
.banner {margin-bottom:10px;}
.section {padding:0 5px 0 5px;margin-bottom:10px;border-bottom:1px dotted #bebebe;}
.imglist {border-bottom:1px dotted #bebebe;padding:5px 0 5px 0;margin-bottom:10px;}
.imglist h2 {margin:3px 0 5px 0}
.contact-left {width:200px;float:left;margin:5px 15px 15px 0;padding:0 10px 0 0;border-right:1px solid #ccc;font-size:12px;line-height:16px;}
.contact-left h2 {font-size:14px;margin:4px 0 4px 0}
.contact-right {width:200px;float:left;margin:5px 0;font-size:12px;line-height:16px;}
.contact-clear {clear:both;border-top:1px solid #ccc;padding:20px 0 5px 0}

/* PANELS */
.optigolfcv {background:url(../_images/layout/optigolf-cvbg.gif) no-repeat;width:190px;height:200px;padding:60px 20px 20px 20px;margin:20px 0 0 0}
#home .optigolfcv {margin:0}
.optigolfcv ul {margin:10px 0 5px 15px}
.optigolfcv h3 {color:#ff0000;font-size:14px;}
.indoor-golf-business {background:url(../_images/layout/indoor-golf-business.gif) no-repeat;width:190px;height:128px;padding:90px 20px 20px 20px;margin:20px 0 0 0}
.indoor-golf-centre {background:url(../_images/layout/indoor-golf-centres.gif) no-repeat;width:190px;height:108px;padding:110px 20px 20px 20px;margin:20px 0 0 0}
.optigolf-camera {background:url(../_images/layout/optigolf-camera.gif) no-repeat;width:200px;height:200px;padding:15px 15px 80px 15px;margin:20px 0 0 0}
.optigolf-camera ul {margin:10px 0 5px 15px;font-size:11px;}

/*HOMEPANELS */
.homepanel {width:185px;padding:20px;height:403px;background:url(../_images/layout/homepanelbg.gif) no-repeat;float:left;margin:10px 20px 0 0;}
.homepanel h2 {color:#fff;margin:0 0 30px 0;text-align:center}
.homepanel img {margin:0 0 15px 0;border:3px solid #8f8e8e}
#news {color:#fff;}
#news h2 {margin:8px 0 15px 0;text-align:left;text-decoration:none;float:left;width:150px;}
#news .subscribe {width:15px;margin:10px 10px 0 0;float:left;}
#news h2 a {color:#fff;text-decoration:none;}
#news h3 {line-height:16px;margin:0 0 8px 0}
#news p {font-size:11px;line-height:16px;padding:0 0 10px 0;margin-bottom:10px;border-bottom:1px dotted #ddd;}
#news p a {text-decoration:none;padding-left:18px;background:url(../_images/layout/golink.gif) no-repeat 0 3px;color:#fff;}
#news p a:hover {text-decoration:underline;}

/* MISC */
.sitemap {font-weight:bold}
.sitemap ul {margin-top:5px;list-style-image:url(../_images/layout/sitemap.gif)}
#demovideo {margin:0 0 20px 0;}

/* LINKS */
#links h2 {margin:0 0 5px 0;}
#links p {padding:0 0 10px 0;margin-bottom:10px;border-bottom:1px dotted #bebebe;}

/* FORMS */
.fieldsettop {background:url(../_images/layout/fieldset-top.gif) no-repeat;width:490px;height:8px}
.fieldsetwrap {background:url(../_images/layout/fieldsetbg.gif) repeat-y;width:490px;}
fieldset {background:url(../_images/layout/fieldset-bottom.jpg) no-repeat bottom left;border:none;padding:10px 20px 10px 20px;display:block;width:450px;}
fieldset br {clear:left;}
fieldset label {display:block;width:150px;float:left;padding-right:20px;margin:1px 5px 11px 0;text-align:right;font-weight:bold;padding-top:3px;background:Transparent}
fieldset label.req {background:url(../_images/icons/required.gif) no-repeat 156px 6px;}
fieldset textarea {margin-bottom:3px;}
fieldset input {color:#333;font-size:11px;border:1px solid #666;padding:2px 4px;background:#fff;}
fieldset select {color:#333;font-size:11px;padding:1px 0;}
fieldset .tip {font-size:11px;color:#333;}
fieldset .radio {text-align:left;margin:8px 0 8px 175px;}
fieldset .radio input {border:none;background-color:Transparent;width:auto;}
.valsummary {border:1px solid #cc3300;color:#cc3300;padding:10px;margin:3px 0 10px 0;font-weight:bold;}
.valsummary ul {margin:5px 0 5px 15px;color:#cc3300;list-style-type:none;}
.valsummary ul li {padding:2px 0 2px 20px;background:url(../_images/icons/invalid.gif) no-repeat 2px 6px;border:none;}
fieldset .formbutton {padding:10px 0 10px 171px;}
fieldset .formbutton input {background:Transparent;border:none;}
.radiolist td {background-color:Transparent;}
.radiolist input {width:20px;float:left;margin:3px 7px 0 0;border:none;background-color:Transparent;}
.radiolist label {width:auto;font-weight:normal;}

/* RESPONSES */
.error, .success {padding:7px 10px 7px 32px;font-weight:bold;margin:0 0 15px 0;}
.error {color:#ff3232;border:1px solid #ff3232;background:#fff url(../_images/icons/error.gif) no-repeat 7px 5px;}
.success {color:#33e32d;border:1px solid #33e32d;background:#fff url(../_images/icons/success.gif) no-repeat 7px 5px;}
p.flasherror {display:block;padding:120px 20px 20px 20px;margin:15px 0;color:#000;border:1px solid #ddd;background:#f2f2f2 url(../_images/icons/flash.gif) no-repeat 50% 50px;height:80px;text-align:center;vertical-align:middle;}

/* TESTIMONIALS */
.testimonial {background:url(../_images/icons/quote.gif) no-repeat;padding:15px 20px 10px 100px;margin:20px 0 20px 0;border-bottom:1px dotted #ddd;}

.download {margin:8px 0 0 0;padding:10px 10px 10px 50px;background:#f3f3f3 url(../_images/icons/pdf.gif) no-repeat 10px 6px;border:1px solid #d3d4d6;font-size:16px;}