/*
Title:      Master styles for screen media
Author:     Paul Sivers, Keywave [http://www.keywave.com]
Created:	27/01/12
Updated:    27/01/12
*/

html { margin:0; padding:0; width:100% }
body { margin: 0; padding: 0 0 30px 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; min-width: 900px; color: #666; background: #eeeeee; }

/* ---[ links ]------------------------------- */

a { color: #330066; font-size:16px; }
#testimonials a { font-size: 11px; color: #333; }
a:link { color: #330066; }
a:visited { color: #330066; }
a:hover { color: #333; text-decoration:underline; }
a.button { display:block; color: #fff; font-size: 14px; text-align:center; text-decoration:none; margin:0; width:80px; padding: 6px 10px 6px 10px; background: url(/images/bgbutton.png) repeat-x; border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px; }
a.button:hover { background: #333; background-image:none; }
a.button2 { display:block; color: #fff; font-size: 14px; text-align:center; text-decoration:none; margin:0; width:100px; padding: 100px 10px 10px 10px; background: #582a88 url(/images/bgbutton.png) repeat-x; border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px; }
a.button2:hover { background-color: #333; }
a.hpbutton { display:block; color:#fff; height: 38px; width: 179px; padding: 18px 0 0 0; background: url(/images/bgbutton.png) repeat-x; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; text-align:center; }
a.hpbutton:hover { background: #333; background-image:none;}
#share > a { font-size: 12px !important; }

/* ---[ common elements ]--------------------- */

p { margin: 0 0 0 0; padding: 0 0 1.5em 0; font-size: 14px; color: #666; line-height:1.5em; }
p.larger { font-size: 16px; padding: 0 0 1em 0; }
h1, h1 a { font-size: 23px; font-weight: normal; color: #330066; margin: 0 0 1em 0; padding: 0; text-decoration:none;}
h2, h2 a { font-size: 19px; font-weight: normal; padding: 0; margin: 0 0 1em 0; color: #330066; text-decoration:none; }
h2 a { text-decoration: none; }
h3, h4, h5 { font-size: 90%; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
em { font-style: italic; }
strong { font-weight: bold; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.smaller { font-size: 11px; }
blockquote { margin:0; padding: 15px 15px 5px 15px; }
#share { font-size: 12px; }
#share p { font-size:12px; }
#share a { font-size:12px; }


/* ---[ structure ]------------------------------- */

#outer { width: 960px; margin: 0 auto; padding: 0 20px 20px 20px; text-align: left; background: #fff; border-width: 0 1px 1px 1px; border-color:#ccc; border-style:solid; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; }
#outercontent { margin: 20px 0 0 0; padding:0; background: #f5f5f5; border-radius: 3px; -moz-border-radius: 3px;  }
#outercontainer { margin: 0 0 0 0; padding: 30px 0 30px 0; }
#menu { float:left; width:240px; }
#content { float:left; width: 690px; padding: 0 10px 0 20px; }
#contentwide { padding: 0 20px 0 20px; }
#hpleft { width: 600px; margin:0; padding:0;   }
#hpright { float:right; margin: 0 0 0 0; width:290px; padding: 20px; }
#wide { padding:20px; }
#slideshow { width: 600px; height: 320px; overflow:hidden; }
#slideshow img { width:600px; height:320px; }
#lowercontent { margin: 0 0 0 0; padding: 40px 20px 20px 20px; background: #f5f5f5; border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px; }
#lowercontent p { font-size: 15px; }
#lowercontent li { font-size: 16px; color: #606060; }
.large li { font-size:15px; }
#mapcontainer { margin: 20px 0 20px 0; padding:5px; background: #fff; border-radius: 3px; -moz-border-radius: 3px; }
#map_canvas { width: 100%; height:360px; }
.box { margin: 15px 0 0 0; background: #fff; border: 1px solid #ededed; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadows: 2px 3px 20px #999; -webkit-box-shadows: 2px 3px 20px #999; box-shadows: 2px 3px 20px #999; }
.divider { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dotted #ccc; }


/* ---[ top ]------------------------------- */

#header { margin: 0; padding:0 0 10px 0; }
#logo { margin:0; padding: 26px 0 22px 0; }
#strapline p { text-align:right; padding: 45px 20px 0 0; font-size:20px; font-weight:normal; color: #5c2e8b; font-style:italic;  }
.tel { font-size: 23px; color:#330066; }
#contentfooter { margin: 0; padding: 0; height: 20px; background: #edede3 url(/images/endcurve.gif) no-repeat; }

.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}


/* navigation */

#nav { list-style: none; position:relative; z-index : 9999; text-align:left; padding: 0 0 0 0; margin: 0 0 0 0; background: #6e439c; height: 68px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#nav ul { padding: 10px 0 20px 0; margin:0; list-style:none; position:absolute; left:-9999px; z-index: 10000; background: #49246f; width: 260px; text-align:left; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; box-shadowx: 0px 1px 0px 0px #fff; }
#nav li { margin: 0; padding: 0; float: left;}
#nav li.litrg li {float:none; display:block; }
#nav a { display:block; margin: 0; color: #f5f5f5; font-size:18px; height: 45px; padding: 23px 17px 0 17px; text-decoration:none;  }
#nav a.marker { background: url(/images/navmarker.gif) no-repeat top center ; height: 65px; }
#nav a:hover { background: #49246f; text-decoration:none; height: 45px;}
#nav a.marker:hover { background: #49246f; text-decoration:none; height: 45px;}
#nav ul a { display: block; font-size: 14px; font-weight: normal; width:auto; height:auto; text-decoration: none; padding: 8px 10px 8px 16px; color: #f5f5f5; margin-right: 0; }
#nav ul a:hover { display: block; font-size: 14px; font-weight: normal; width:auto; height:auto; text-decoration: none; padding: 8px 10px 8px 16px; color: #f5f5f5; background: #6e439c; margin-right: 0; }
#nav li.litrg:hover { position:relative; color: #333; }
#nav li.litrg:hover > a { color: #f5f5f5; background: #49246f; }
#nav li.litrg:hover > a.marker { color: #f5f5f5; background: #49246f; height:45px; }
#navxx li.litrg:hover ul {margin-top: -10px;}
#nav :hover ul {left:0;}

#menu h1 { padding: 0 0 0 20px; }
#menu ul { padding:0; margin:0; list-style:none; }
#menu li { padding:0 0 10px 0; margin:0 0 0 0; }
#menu a { display:block; width: 190px; color: #333; text-decoration:none; font-size: 16px; padding: 10px 20px 10px 20px; background: #f5f5f5; border:1px solid #f5f5f5; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } 
#menu a:hover { background: #6e439c; color: #f5f5f5; }




/* ---[ footer ]----------------------------------- */

#footer { width: 980px; margin: 0 auto; text-align:left; padding:25px 0 0 10px; height:55px; }
#footerleft a { color: #666; font-size: 12px; }
#footerleft a:hover { color: #06476e; }
#footerleft p { font-size: 12px; color: #999; margin: 0; padding: 0; vertical-align:middle; }


/* ---[ forms ]------------------------------------ */

#enquiryform { padding: 0; margin: 0; font-size:12px; }
#enquiryform .input { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e0e0e0; background-color: #fff; padding: 6px 4px 6px 4px; width:290px; }
#enquiryform textarea { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; width: 300px; padding: 6px 4px 6px 4px; background-color: #fff; border: none; border: 1px solid #e0e0e0; }
#enquiryform .select { width: 260px; padding: 4px; background-color: #fff; border: none; border: 1px solid #e0e0e0; }
#enquiryform label { display:block; padding: 8px 0 4px 4px; font-size: 12px; }
#frmsubject34 { visibility:hidden; display:none; }
#enquiryform .button { border: none; color: #FFFFFF; cursor: pointer; margin: 0 0 0 0; padding: 8px 10px 10px 10px; width: auto; font-family: Arial; font-size: 14px; background: #8977a6; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
#enquiryform .button:hover { background: #333; }
.telno { font-size:21px; color:#333; }

/* lists */

ul { vertical-align:top; margin: 0 0 20px 20px; padding:0; list-style-image:url(/images/greenbullet.png); }
li { margin: 0 0 0 0; padding: 0 0 6px 4px; vertical-align:top; }


/* ---[ misc. ]---------------------------------------- */

hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; margin: 10px 0 10px 0; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }

.showit { display: block; }
.hideit { display: none; }

.largepurple { color: #5c2e8b; font-size: 18px; }