/* =Plyvine CSS 15/03/2011 by Lee Owen EC-Plus Ltd. All Rights Reserved. */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img, a img, a {border:none;outline:none;}

/* common styling */
:focus{outline:0;}
address,form,hr,table,ul,ol,dl,pre{margin-bottom:1.5em;}
abbr,acronym{font-size:85%;letter-spacing:.1em;text-transform:uppercase;}
abbr[title],acronym[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
blockquote{color:#666;font-style:italic;margin:1.5em;}
ins{border-bottom:1px dotted #000;text-decoration:none;}
del{text-decoration:line-through;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
pre{white-space:pre;}
cite,em,dfn{font-style:italic;}
code{font-family:mono-space, monospace;font-size:100%;}
strong,th,thead td,dt{font-weight:bold;}
hr{background:#ddd;border:none;clear:both;color:#ddd;float:none;height:.1em;margin:0 0 1.45em;width:100%;}
hr.space{background:#fff;color:#fff;}
table{margin:0 0 1.4em;width:100%;}
th{font-weight:bold;}
thead th{border-bottom:0;font-weight:bold;}
tbody th{border-bottom:0;}
th,td,caption{padding:4px 10px 4px 5px;vertical-align:middle;}
tfoot{font-style:italic;}
label{font-weight:normal;}
fieldset{margin:0 0 1.5em;padding:1.4em;}
legend{font-size:1em;font-weight:normal;}
input,textarea,select{margin:0.5em 0;}
input[type=submit]{padding:0 2px;}
input[type=text],input[type=password]{background:#fff;border:1px solid #ccc;margin:8px 0;padding:2px;}
input[type=checkbox],input[type=radio],input.checkbox,input.radio{position:relative;top:.15em;}

div { background:none; padding:0; margin:0; text-align:left }


/* =General styles */
html { background:url(images/v2/bg.png) 0 0 repeat-x; }
body 				{ width:984px; margin:0 auto; font: 12px "Trebuchet", Helvetica, Arial, sans-serif; letter-spacing:1px; position:relative }
h1,h2,h3,h4,h5,h6 	{ color:#900; font-weight:800; margin-bottom:1em }
h1					{ font-size:1.5em }
h2					{ font-size:1.2em }
h3					{ font-size:1.1em }
h4					{ font-size:1em }
a:link				{ color:#900; text-decoration:none }
a:hover, a:focus		{ text-decoration:underline }
a:visited			{ color:#222 }
p 					{ margin:0 0 1em 0; color:#333 }



/* =wrapper page */
#page 				{ padding:30px 0 40px 0; margin:0; position:relative }
/* =header */
#header				{ position:relative; height:272px; overflow:hidden; z-index:1 }
#header-bg-img		{ position:absolute; top:-100px; left:0; z-index:-1}
/* =logo */
#logo-frame			{ background:url(images/v2/header-frame-bg.png) bottom left no-repeat; height:272px; z-index:9 }
#logo-frame img		{ position:absolute; bottom:11px; left:29px }
#logo-frame h2		{ position:absolute; bottom:10px; left:300px; font-size:24px; color:#fff; font-family:Times New Roman, serif; margin:0; padding:0; text-shadow:-1px -1px 1px #222 }
#social-media		{ position:absolute; bottom:2px; right:10px; }


/* =Navigation */
#nav 				{ background:url(images/v2/nav-top-bg.png) 0 0 repeat-x; height:33px; position:absolute; top:14px; left:56px; width:886px; z-index:10; border-bottom:4px solid #fff  }
#nav P 				{  }
#nav ul 			{ max-width:800px } 
#nav li 			{ float:left; display:inline; margin:2px 0 0 10px; position:relative}
#nav a 				{ line-height:29px; color:#fff; text-decoration:none; padding:0 5px; font-weight:800; text-shadow:-1px -1px 1px #600 }
#nav a:hover		{}
#nav li:hover,#nav li.selected	{ background:#fff; border:1px solid #900; border-bottom:1px solid #fff;-moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0 }
#nav li:hover a, #nav li.selected a	{ color:#900; padding:0 4px; text-shadow:none }
#nav .selected 		{  }
#nav ul.submenu		{ display:none; background:#fff; position:absolute; top:29px; left:-1px; width:180px; padding:0 0 10px 0; border:1px solid #900; border-top:none; -moz-border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; border-radius:0 0 10px 0; -webkit-box-shadow:0 8px 8px #666; -moz-box-shadow:0 8px 8px #666; box-shadow:0 8px 8px #666 }
#nav ul.submenu li	{ float:none; padding:0; margin:0}
#nav ul.submenu li a { display:block; color:#900; line-height:2em; height:2em; padding:0 1em 0 1em; font-weight:100; text-shadow:none }
#nav li:hover ul 	{ display:block }
#nav li ul li:hover { border:none }
#nav li ul li a:hover { background:#900; color:#fff }
/* Telephone number from footer moved to top right [out of doc flow] */
#contact-details span#tel { position:absolute; top:24px; right:60px; font-size:18px; font-weight:800; color:#fff; z-index:20; text-shadow:-1px -1px 1px #600 }

/* =Main */
#main	{ overflow:hidden }

/* =Panels */
#panels { margin:5px 0 0 0 }
#panels a { display:block; float:left; margin: 0 10px 0 0 }
#panels a img.panel {}
#panels a:last-child { margin:0 }
/* IE overrides below */
#panels a[href="./contact/"] { margin:0 }
#panels a[href="../contact/"] { margin:0 }
#panels a[href="../../contact/"] { margin:0 }


/* =content */
#content			{ width:570px; float:left; display:inline; margin:0 20px 0 0; padding:0 0 0 10px; background:#fff }
#content p			{ color:#333 }
#content > p:first-child { font-weight:600 }
#content img		{ float:left; margin:0 10px 10px 0 }
#content img:first-child	{ float:right; margin:0 0 10px 10px }
#content img:nth-child(2n+1) { float:left; clear:left; margin:0 10px 10px 0 }
#content a:link			{ color:#900; text-decoration:none }
#content a:hover		{ text-decoration:underline }
#content a:visited		{ color:#222 }
#content ul				{ margin:1em 1em 1em 5em; clear:left }
#content .lists	ul		{ width:40%; float:left; display:inline; clear:none; margin:1em 0.5em 2em 1em; margin-left:5% }
#content .lists li		{ color:#900 }

#sub-content			{ list-style-type:none; display:none }
#switch:focus ~div#sub-content  { display:block}
/*#sub-content div		{ display:none; height:1px }
#sub-content button:focus ~div { display:block; height:auto }*/

#pdf { padding-left:50px }
#pdf a { display:block; overflow:hidden; line-height:37px }
#pdf a img { margin-right:10px }

/* =aside */
#aside					{ width:383px; float:right; display:inline; margin:10px 0 0 0 }

#latest-news			{ background:url(images/v2/latestnews-bg.png) 0 0 no-repeat; max-height:160px; margin:20px 0; padding:10px 0 10px 10px; border-bottom:1px solid #e00; overflow:hidden }
#latest-news #latest-news-left { width:80px; float:left; display:inline }
#latest-news #latest-news-left p { margin-top:50px }
#latest-news #latest-news-right { width:280px; max-height:140px; float:right; display:inline; overflow-y:scroll; margin-right:2px }
#latest-news #latest-news-right ul  { padding:0; margin:0 }
#latest-news #latest-news-right li  { padding:6px 0; margin:0 }
#latest-news h2			{ color:#fff }
#latest-news p a		{ color:#fff }
#latest-news ul			{ padding:0 5px 0 90px; list-style-type:none }
#latest-news li			{  }
#latest-news p			{ margin:0 }
#latest-news li p a     { color:#900 }

#testimonial blockquote	{ background:#EDE7C4; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 8px 8px #666; -moz-box-shadow:inset 0 8px 8px #666; box-shadow:0 4px 4px #ccc; padding:10px; text-align:center }
#testimonial blockquote p { color:#333; font-size:1.1em; text-shadow:1px 1px 1px #fff; margin:1em 0 1em 0 }
#testimonial blockquote p:before,#testimonial blockquote p:after { content:'"' }
#testimonial blockquote img { float:none; width:170px !important; }

#crossads				{ padding-left:20px; margin-top:10px }

#social-media-icons		{ list-style-type:none; width:383px; overflow:hidden }
#social-media-icons li	{ float:left; display:inline; width:60px; margin:10px 0 10px 15px }

/* =Contact form */
#contact-form { clear:left; width:570px; overflow:hidden }
#contact-form > form { background:#eaeaea; border:1px solid #ccc; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; padding-top:20px }
#contact-form input[type="checkbox"] { float:left; display:inline; clear:left }
#contact-form input[type="checkbox"] ~ label { float:left; display:inline; padding:0 0 0 10px; line-height:30px }
#contact-form input[type="text"] { padding:5px; border:1px solid #ccc; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px }
#contact-form textarea { padding:5px; border:1px solid #ccc; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px }
#contact-form input:focus, #contact-form textarea:focus { border-color:#900 }

#contact-form tr:nth-child(2n+1)  { background:#eaeaea }
#contact-form tr:last-child  { background:#eaeaea }
#contact-form tr  { background:#ddd }

/* =recommendations */
#content .recommendation { margin:2em 0; overflow:hidden }
#content .recommendation p { padding-left: 140px }

/* =Footer */
#footer				{ background:url(images/v2/footer-bg.png) bottom left no-repeat; height:125px; padding:5px }
#footer ul			{ list-style-type:none }
#footer a, #footer a:visited { color:#fff; text-decoration:none }
#footer a:hover { text-decoration:underline }
#contact-details	{ float:left; display:inline }
#contact-details h1	{ text-indent:-9999px; background:url(images/v2/logo.png) 0 0 no-repeat; width:138px; height:54px; margin:0 }
#contact-details p 	{ width:170px; line-height:10px; letter-spacing:0; padding:8px; color:#fff; text-shadow:2px 2px 2px #333  }
#contact-details p span	{ font-size:10px;}
#contact-details p a, #contact-details p a:visited	{ color:#fff; display:block; padding:5px}

#sitemap ul			{ float:left; display:inline; margin:10px 0 0 30px }
#sitemap a			{ font-size:11px }
#seo				{ overflow:hidden }
#seo a				{ font-size:11px }
#seo .seo1			{ float:left; display:inline; margin:10px 0 0 30px; border-left:1px solid #b00; padding-left:30px  }
#seo .seo2			{ float:left; display:inline; margin:10px 0 0 30px  }
#seo .seo3			{ float:left; display:inline; margin:10px 0 0 30px  }
#smallprint			{ clear:both; color:#333; text-align:center; font-size:0.8em }
#smallprint	a		{ color:#900 }
#smallprint	a:visited { color:#333 }

/* =Gallery overrides */
#gallery #page		{  } 
#gallery #header	{ position:relative; overflow:hidden; z-index:0; height:auto; background:#ffefef url(images/v2/gallery-bg-top-left.png) 0 0 no-repeat }
#gallery #header #gallery-box {  background:url(images/v2/gallery-bg-fill.png) 0 0 repeat-y; z-index:-1; position:relative; margin-top:23px }
#gallery #header h1	{ text-align:center; display:block; padding-top:5px }
#gallery #header .mainImgBox { float:left; display:inline; position:relative; z-index:1; margin-left:60px; width:590px; overflow:hidden  }
#gallery #header .mainImgBox p { text-align:center }
#gallery #header .mainImgBox img { clear:both; float:left }
#gallery #header .thumbs	{ float:right; display:inline; width:300px; margin-top:25px; position:relative; z-index:1; margin-right:20px }
#gallery #header #logo-frame { min-height:540px; background:url(images/v2/gallery-frame-bg.png) bottom left no-repeat }

/* =Office */
#office #main, #office #content { width:100%; margin:10px 0 0 0 }
#office th { background:#666; color:#fff }
#office tr:nth-child(2n+1)  { background:#eaeaea }
#office tr:last-child  { background:#eaeaea }
#office tr  { background:#ddd }
#office tr:hover { background:#b00; color:#fff }
#office #content img { clear:none }
#office table#piText_tbl tr { background:inherit }
#office table#piText_tbl tr:hover { background:inherit }

#office > form { background:#eaeaea; border:1px solid #ccc; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; padding-top:20px }
#office input[type="checkbox"] { float:left; display:inline; clear:left }
#office input[type="checkbox"] ~ label { float:left; display:inline; padding:0 0 0 10px; line-height:30px }
#office input[type="text"] { padding:5px; border:1px solid #ccc; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px; width:400px }
#office textarea { padding:5px; border:1px solid #ccc; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px }
#office input:focus, #contact-form textarea:focus { border-color:#900 }

#office dl {float:left}
#office dt {float:left; clear:left; display:inline; padding:0.5em; width:40%; line-height:2em}
#office dd {float:left; display:inline; padding:0.5em}

#office #content ul { list-style-type:none }
#office #content ul li { line-height:30px }
#office #content ul li img { float:none; margin:0; padding:0; vertical-aign:middle }

/* =Miscellaneous */
.seo-text			{ text-indent:-9999px }

.large				{  }
.image				{ float:left; clear:left; margin:5px }


.left 				{ float:left; display:inline; margin:0 10px 10px 0 !important; }
#content .menu 				{ text-align:center; font:16px Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; clear:left; padding:40px; }
#content .menu p				{ color:#900  }


.fleft				{ float:left; display:inline }
.fright				{ float:right; display:inline }