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

html, body {background: url(../images/bg.jpg) top left no-repeat #000; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; padding: 0px; margin: 0px;}

/* GENERIC TEXT FORMATING */
h1 {font-weight: bold; font-size:20px; color: #cc0066; margin-bottom: 10px;}
h2 {font-weight: bold; font-size:16px; color: #cc0066; margin-bottom: 10px;}
h3 {font-weight: bold; font-size:12px; color: #FFFFFF; margin-bottom: 10px;}
a {color: #cc0066;}
a:hover {color: #FFFFFF; text-decoration:underline;}
.ten {font-size: 10px; color: #cc0066; text-decoration:none; border: none;}
.fb {background: url(../images/fb.png) top left no-repeat; padding: 4px 0px 0px 25px; height: 17px; width: 150px; display:block; margin: 5px 0px 0px 0px;}

/* USEFUL CLASSES */
.post {border-bottom: 1px dotted #333333; padding: 0px 0px 10px 0px;}
.clear {clear:both;}
.hide{display:none; visibility:hidden;}

#gallery {float: right; width: 135px; height: auto; display: block;}
a.thumb  {border: 5px solid #666; height: auto; width: auto; display: block; float: right; margin: 0px 0px 20px 0px; padding: 5px; text-align: centre; text-decoration:none;}
a.thumb:hover {text-decoration: none; color: #FFFFFF;}
a.thumb span { display : block; height: 10px; width: auto; padding: 5px 0px;}
a.thumb:hover span {color: #FFFFFF;}

table {margin-top: 20px;}
th {background: #cc0066; text-align:left; padding: 3px;}
td {text-align:left; padding: 3px;}
ul {padding: 0px;}
li.white {height: 30px; display:block; width: auto; background : url(../images/heart-white.jpg) 2px 3px no-repeat; padding-left: 20px;}
li.pink {height: 30px; display:block; width: auto; background : url(../images/heart-pink.jpg) 2px 3px no-repeat; padding-left: 20px;}

#noerrors {width: auto; height: auto; background: #85d17b; border: 3px solid #009966; padding: 10px;}
#noerrors p {padding: 0px; color:#000000; margin-bottom: 5px;}

#confirmation {width: auto; height: auto; background: #b8f9b0; border: 3px solid #85D17B; padding: 10px;}
#confirmation p {padding: 0px; color:#000000; margin-bottom: 5px;}

#errors {width: auto; height: auto; background:#FF9999; border: 3px solid #FF6666; padding: 10px;}
#errors p {padding: 0px; color:#000000; margin-bottom: 5px;}


#container {width: 960px; margin: 0px auto; height:auto;}

#header {height: 176px; width:auto; display:block;}
#header #logo {float: left; margin: 26px 0px 0px 18px; background:url(../images/logo-new.gif) top left no-repeat; height: 150px; width: 375px; display:block;}
#header #logo a {height: 150px; width: 375px; display:block; border:none;}

/*#header #logo {float: left; margin: 26px 0px 0px 18px; background:url(../images/logo.png) top left no-repeat; height: 137px; width: 268px; display:block;}
#header #logo a {height: 137px; width: 268px; display:block; border:none;}*/

#header #contact-numbers {float: right; margin: 76px 18px 0px 0px; background:url(../images/numbers.png) top left no-repeat; height: 48px; width: 213px; display:block;}

#menu {background: #000; width: auto; height: 35px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#menu ul {list-style-type: none; display:inline;}
#menu ul li {float: left; margin: 0px 5px;}
#menu ul li a {color:#FFFFFF; height: 21px; width:auto; padding: 10px 10px 4px 10px; display:block; text-decoration:none;}
#menu ul li a:hover {background: #333;}
.spacer {background: url(../images/menu-seperator.jpg) top left no-repeat #FFF; width:1px; height: 23px; margin-top: 5px; display: block; }

#content {width: auto; height: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#content #top {margin: 10px 0px 0px 0px; background: url(../images/top-bg.png) top left repeat; width: auto; height: 200px; display:block;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#content #top #topleft {height: 200px; width:500px; display:block; float:left; background:url(../images/home-image.jpg) top left no-repeat;}
#content #top #topright {height: 160px; width:420px; float:right; display:block; padding: 20px;}

#content #bottom {margin: 10px 0px 0px 0px; background: #090909; width: auto; min-height: 400px; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#content #bottom #bottom-full {height: auto; width:auto; display:block; padding: 20px;}
#content #bottom #bottomleft {height: auto; width:420px; display:block; float:left; padding: 0px 0px 20px 20px;}
#content #bottom #bottomright {height: auto; width:460px; float:right; display:block; padding: 0px 20px 20px 20px;}
#content #bottom #bottomright #services {float: left; width: 230px; height: auto; padding: 0px 0px;}
#content #bottom #bottomright #promotion {float: right; width: 230px; height: auto; padding: 0px 0px;}
#content #bottom #bottomright #tabs {height: 108px; width:auto; margin-top: 0px; border-top: 1px dotted #333333; padding-top: 20px;}
#content #bottom #bottomright #tabs .tabs {height: 108px; width: 108px; margin-right: 7px; float:left; display:block;}

#contactmap {width: 390px; height: 350px; border: 5px solid #cccccc; margin-top: 40px;}

#footer {width: auto; height: 100px; margin-top: 10px; font-size:10px; color:#333333;}
#footer #smallprint {width: 400px; height: 100px; float:left; text-align:left;}
#footer #smallprint a {text-decoration: none; color: #333333;}
#footer #smallprint a:hover {text-decoration: none; color: #cc0066;}
#footer #credits {width: 300px; height: 100px; float:right; text-align:right;}
#footer #credits a {text-decoration: none; color: #333333;}
#footer #credits a:hover {text-decoration: none; color: #cc0066;}