@charset "UTF-8";
/* CSS Document */

body { margin:30px; padding:0px; font-size:13px; font-family:Arial; color:#333; }

a:link { color:#F79D23; text-decoration: none; /*border-bottom:1px dotted #F79D23;*/ }
a:visited, a:hover { color:#E08E21; }

h1 { color:#333; font-size:28px; letter-spacing: -1px; font-weight:normal; margin:0px; padding:0px; }
h2 { color:#FFF; font-size:20px; }
h3 {  }
h4 {  }
h5 {  }

hr { color:#FF0000; border:1px dotted #FF0000; }

#Shell { margin:0px auto; }
#Row1 { position:relative; width:1003px; min-height:650px; margin:0px auto; background-image:url("../images/banner.jpg"); background-repeat: no-repeat; border:1px solid #FFF; }
#Navbar { float:right; width:500px; padding-top:50px; }
#Logo { width:368px; height:366px; position:absolute; top:160px; left:60px; }
#ContentSection { margin-top:300px; margin-left:370px; width:620px; }
#LHS { width:290px; padding:20px; line-height:18px; margin-top:80px; }
#RHS { width:200px; padding:20px 20px 20px 50px; }
#Footer { width:920px; height:38px; padding:0px 10px; line-height:38px; margin:0px auto; font-size:11px; color:#FFF; background-color:#000; }
.FloatLeft { float:left; }
.FloatRight { float:right; }
.Clearer { clear:both; }

.Event { padding:8px 0px; line-height:12px; border-bottom:1px dotted #CCC; }

/* MENU STYLES */
ul.topnav {z-index:99988;list-style: none;padding: 0 0px;margin: 0;float: left;width: 500px;height:43px;font-size: 1.2em;}
ul.topnav li { float: left; margin: 0;padding: 0 10px 0 0;position: relative; /*--Declare X and Y axis base for sub navigation--*/}
ul.topnav li a { font-size:16px; font-weight:normal; letter-spacing:-1px; padding: 10px 5px;color: #fff;display: block;text-decoration: none;float: left; text-transform:uppercase; }
ul.topnav li a:hover { color:#000; }
ul.topnav li a.selected { color:#000; }
ul.topnav li span { /*--Drop down trigger styles--*/
/*width: 27px;height: 43px;float: left;background: url(http://www.xeno.co.nz/images/2010/subnav_btn.png) no-repeat center center;*/}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {list-style: none;position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 43px;margin: 0; padding: 0;display: none;float: left;width: 230px;height:241px;background-image:url(http://www.xeno.co.nz/images/2010/drop-down-bg.png);background-position:left bottom;background-repeat:no-repeat;background-color:#282828;/*-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-box-shadow:0 5px 5px #333;*/}
ul.topnav li ul.subnav li{margin: 0; padding: 0;clear: both;width: 230px;height:60px;}
html ul.topnav li ul.subnav li a {float: left;width: 200px;padding-left: 20px;}
html ul.topnav li ul.subnav li a:hover { }

/* CONTACT STYLES */
#contactForm { width:500px; padding-top:15px; font-size:14px; line-height:24px; margin-left:80px; }
#contactForm input[type=text] { width:400px; height:28px; padding:4px; font-size:12px; border:1px solid #CCC; }
#contactForm textarea { width:400px; height:150px; padding:4px; border:1px solid #CCC; }
#contactForm .contact-left { padding:20px; }
#contactForm #ContactSubmit { padding:6px 12px; color:#FFF; font-size:14px; background-color:#BE001C; border:1px solid #FFF; cursor:pointer; }
#contactForm #ContactSubmit:hover { color:#FFF; background-color:#000; }
#errorHolder { margin-left:80px;margin-top:30px;margin-bottom:20px; }
#errorMessage { width:360px; margin-left:0px;margin-right:0px;border:1px solid #F5B41C; padding:20px 16px 0px 120px; background:url(http://www.latindancetauranga.co.nz/images/warning.gif) no-repeat 16px 16px #FFF; line-height:18px; font-size:14px; height:80px;}
#errorMessage h3 { margin:0px; color:black; font-size:16px;padding:0px;}
#contactForm input.fieldError, #contactForm textarea.fieldError { border:2px solid orange;}
#contactForm label em { color:#FF0000; }

#contactForm fieldset { border: 1px solid #DDDDDD; margin-bottom: 2em; padding: 0px; background-color:#FFF; }
#contactForm legend { font-size:18px; padding:8px 20px 3px 20px; font-weight:bold; border: 1px solid #DDDDDD; background-color:#FFF; }
#contactForm fieldset { position: relative; margin-top:1em; padding-top:.75em; }
#contactForm legend { position:absolute; top: -30px; left: 10px; }

/* PORTFOLIO STYLES */
/*#gallery { width:600px; margin-left:20px;margin-top:15px; background-color:#FFF; }*/

#gallery { width:550px; padding-top:15px; font-size:14px; line-height:24px; margin-left:50px; }
#gallery fieldset { border: 1px solid #DDDDDD; margin-bottom: 2em; padding: 0px; background-color:#FFF; }
#gallery legend { font-size:18px; padding:8px 20px 3px 20px; font-weight:bold; border: 1px solid #DDDDDD; background-color:#FFF; }
#gallery fieldset { position: relative; margin-top:1em; padding-top:.75em; }
#gallery legend { position:absolute; top: -30px; left: 10px; }

ul.items { display:block; width:530px; margin:0px; padding:20px 0px 0px 10px; }
ul.items li { float: left; display:block; width: 154px; height:110px; overflow:hidden; background-color:#F2F2F2; margin: 8px;padding: 0px;list-style: none; text-align:center;border:2px solid #333; }
ul.items li:hover { border:2px solid #F79D23; }
ul.items li a { display:block; border-bottom:none; color: #000; text-decoration: none; }
ul.items li a img { padding: 0px; margin: 0px; border:none; }

/* TIMETABLE  */
#Timetable { width:500px; padding-top:15px; font-size:14px; line-height:24px; margin-left:80px; }
#Timetable fieldset { border: 1px solid #DDDDDD; margin-bottom: 2em; padding: 0px; background-color:#FFF; }
#Timetable legend { font-size:18px; padding:8px 20px 3px 20px; font-weight:bold; border: 1px solid #DDDDDD; background-color:#FFF; }
#Timetable fieldset { position: relative; margin-top:1em; padding-top:.75em; }
#Timetable legend { position:absolute; top: -30px; left: 10px; }