/*  -Reset | html5doctor.com  v1.6.1 | Last Updated: 2010-09-17 | Author: Richard Clark - http://richclarkdesign.com | Katrin: removed unnecessary styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
a 						{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #F30; text-decoration: none; outline: 0; }
table					{ border-collapse:collapse;border-spacing:0;}
input, select			{ vertical-align:middle;}
a img					{ border: 0; }

html					{ overflow: hidden; }
body					{ margin: 0; padding: 0; -ms-interpolation-mode: bicubic; overflow: hidden; background: #000; color: #FFF; font-family: "Arial", "Helvetica", Calibri, "Trebuchet MS", sans-serif; position: relative; min-height: 600px; min-width: 700px; }

.wrapper	{ width: 600px; height: 560px; position: relative; }
.circleBig	{ position: absolute; top: 0px; left: 0px; width: 418px; height: 418px; background: transparent url('../img/circle-jps.png') no-repeat top left; z-index: 999; }
.menu		{ position: absolute; width: 112px; height: 90px; top: 221px; left: 287px; background: url("../img/menuback.png") no-repeat top left; padding: 12px 0px 0px 8px; }
a.about, a.success, a.contact { float: left; clear: both; height: 19px; width: 103px; margin-bottom: 10px; display: block; background-image: url('../img/menutext.png'); display:block; text-indent:-90000px; text-align:left; line-height:0; }
a.about			{ background-position: 0 0; }
a.success		{ background-position: 0 -19px; }
a.contact		{ background-position: 0 -39px; }

a.about:hover	{ background-position: 0 -59px; }
a.success:hover	{ background-position: 0 -78px; }
a.contact:hover { background-position: 0 -98px; }

.circle { margin-top: -88px; margin-left: -88px; width: 176px; height: 176px; position: absolute; left: 0; top: 0; background: transparent url("../img/circle.png") no-repeat top left; z-index: 1000; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

.description			{ width: 120px; margin: 40px auto; text-align: center; }
.description ul			{ list-style: none; text-align: center; }
.description ul a		{ line-height: 30px; font-weight: bold; color: white; text-decoration: none; font-size: 18px; font-weight: normal; text-shadow: 0px 0px 8px #000; }
.description ul a:hover	{ color: red; }
.thumbs a img 			{ height: 32px; width: 32px; }
.thumbs a img:hover		{ opacity: 0.6; }

ul#navigation					{ position: fixed; margin: 0px; padding: 0px; top: 35px; right: -65px; list-style: none; z-index: 9999; }
ul#navigation li 				{ width: 100px; }
ul#navigation li a 				{ display: block; margin-right: -2px; width: 100px; height: 70px; background-color: white; background-repeat: no-repeat; background-position: center center; border: 1px solid black; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; 	-moz-box-shadow: 0px 4px 3px #000; -webkit-box-shadow: 0px 4px 3px #000; opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); }
ul#navigation .testimonials a	{ background-image: url(../img/testimonials.png); }
ul#navigation .diary a			{ background-image: url(../img/diarysm.png); }
ul#navigation .facebook a		{ background-image: url(../img/facebook.png); }
ul#navigation .twitter a		{ background-image: url(../img/twitter.png); }
ul#navigation .flickr a			{ background-image: url(../img/flickr.png); }
ul#navigation .youtube a		{ background-image: url(../img/youtube.png); }
ul#navigation .dropbox a		{ background-image: url('../img/dropboxsm.png'); }

#title		{ background: #000; background: rgba(0, 0, 0, 0.8); bottom: 0px; font: 13px; margin:0; padding: 8px 20px; position: fixed; right: 0px; left: 0px; text-align: center; width: 100%; }
#title h1	{ font-size: 26px; margin: 0; padding: 0; font-weight: normal; letter-spacing: 0.1em; }

#flash		{ background: #FFF; display: none; height: 100%; position: fixed; width: 100%; }
#shadow		{ background: #000; background: rgba(0, 0, 0, 0.8); height: 100%; position: fixed; width: 100%; z-index: 19999; display: none; }


.expander		{ position: absolute; padding: 0px; top: 50%; left: 50%; width: 700px; height: 400px; margin-left: -350px; margin-top: -200px; overflow: hidden; z-index: 20000; display: none; }
.expcont		{ margin: 8px; width: 422px; height: 376px; padding: 4px 256px 4px 4px; box-shadow: 0px 0px 2px 2px #ffffff; border: 1px black solid; background-color: #606060; position: relative; }
.expcont h1		{ font-size: 36px; line-height: 39px; margin: 4px auto 12px auto; text-align: left; letter-spacing: 0.25em; font-style: italic; font-weight: bold; text-shadow: 2px 2px 4px #000000; }
.expcont h2		{ font-size: 24px; line-height: 27px; margin: 0px auto 8px auto; text-shadow: 1px 1px 2px #a0a0a0; text-align: left; }
.expcont p		{ margin: 4px 0px 8px 0px; font-size: 16px; font-weight: normal; text-align: justify; line-height: 1em; text-shadow: 0; }

.close			{ position: absolute; right: 12px; bottom: 6px; width: 200px; height: 52px; background: url('../img/close.png') right top; 	display:block; text-indent:-90000px; text-align:left; line-height:0; }
.close:hover	{ background-position: 0 -52px; }

.edtestimonials	{ background: url('../img/testimonials-lg.png') right top no-repeat #606060; }
.edfacebook	{ background: url('../img/facebook-lg.png') right top no-repeat #606060; }
.edtwitter	{ background: url('../img/twitter-lg.png') right top no-repeat #606060; text-shadow: 0 0 0 0; }
.edflickr	{ background: url('../img/flickr-lg.png') right top no-repeat #606060; }
.edyoutube	{ background: url('../img/youtube-lg.png') right top no-repeat #606060; }
.edcalculator	{ background: url('../img/calc-lg.png') right top no-repeat #606060; }
.edwhoweare	{ background: url('../img/info.png') right top no-repeat #606060; }
.edwhatwedo	{ background: url('../img/whatwedo.png') right top no-repeat #606060; }
.edhowwedoit	{ background: url('../img/howwedoit.png') right top no-repeat #606060; }
.edtelnos	{ background: url('../img/telnos.png') right top no-repeat #606060; }
.edsliding	{ background-color: #606060; }
.edpost		{ background: url('../img/edmail.png') right top no-repeat #606060; }
.edemail	{ background: url('../img/edemail.png') right top no-repeat #606060; }
.eddropbox	{ background: url('../img/dropboxlg.png') right top no-repeat #606060; }
.edmedal1	{ background: url('../img/medal1.jpg') right top no-repeat #606060; }
.edmedal2	{ background: url('../img/medal2.jpg') right top no-repeat #606060; }
.edmedal3	{ background: url('../img/medal3.jpg') right top no-repeat #606060; }
.edmedal4	{ background: url('../img/medal4.jpg') right top no-repeat #606060; }
.edmedal5	{ background: url('../img/medal5.jpg') right top no-repeat #606060; }
.edmedal6	{ background: url('../img/medal6.jpg') right top no-repeat #606060; }
.edmedal7	{ background: url('../img/medal7.jpg') right top no-repeat #606060; }
.edmedal8	{ background: url('../img/medal8.jpg') right top no-repeat #606060; }
.edmedal9	{ background: url('../img/medal9.jpg') right top no-repeat #606060; }
.eddiary	{ background: url('../img/diarylg.png') right top no-repeat #606060; }
.diarycont	{ width: 676px; height: 376px; margin: 8px; padding: 4px; box-shadow: 0px 0px 2px 2px #ffffff; border: 1px black solid; background-color: #606060; position: relative; }

#exemail form { width: 406px; height: 300px; padding: 10px; background-color: #f4f4f4; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; }
#exemail form p { float: left; clear: both; margin: 5px 0px; font-size: 14px; }
#exemail form p label { width: 100px; float: left; text-align: right; margin-right: 15px; line-height: 26px; vertical-align: middle; color: #666; text-shadow: 1px 1px 1px #fff; font-weight: bold; }
#exemail form input:not([type=radio]), #exemail form textarea, #exemail form select { background: #ffffff; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline: none; padding: 5px; width: 270px; float:left; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; line-height: 17px; vertical-align: middle; font-weight: normal; font-style: italic; }
#exemail form input:focus { -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; background-color: #FFFEEF; }

.next		{ border: none; outline: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #ffffff; display: block; cursor: pointer; margin: 0px auto; clear: both; padding: 3px 12px; width: 80px; text-align: center; text-shadow: 0 1px 1px #777; font-size: 18px; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; background: #4797ED; }
.next:hover { background: #d8d8d8; color: #666; text-shadow: 1px 1px 1px #fff; }

.details	{ font-size:36px; line-height: 100px; vertical-align: middle; text-shadow: 0px 4px 4px #000000; }

.butt 			{ font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; border: none; outline: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #ffffff; display: block; cursor: pointer; margin: 10px auto; clear: both; padding: 3px 12px; text-shadow: 0 1px 1px #777; font-weight: bold; font-size: 22px; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; background: #4797ED; width: 180px; }
.butt:disabled	{ cursor: not-allowed; background: #a8a8a8; }
.butt:hover		{ background: #a8a8a8; }

.vegas-loading		{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #000 url('../img/loading.gif') no-repeat center center; background: rgba(0, 0, 0, 0.7) url('../img/loading.gif') no-repeat center; height: 32px; left: 20px; position: fixed; top: 20px; width: 32px; z-index: 0; }
.vegas-overlay		{ background: url('../img/overlay01.png'); opacity: 0.5; z-index: -1; }
.vegas-background	{ image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; z-index: -2; }

ul.slideshow 			{ list-style: none; width: 418px; height: 316px; overflow: hidden; position: relative; margin: auto; padding: 0; box-shadow: 0px 0px 3px 3px gray; }
ul.slideshow li			{ position:absolute; left:0; right:0; }
ul.slideshow li.show	{ z-index:500;	}
#slideshow-caption		{ width:418px; height:80px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500; }
#slideshow-caption .slideshow-caption-container { padding:5px 10px;	z-index:1000; }
#slideshow-caption h3	{ margin:0; padding:0; font-size:13px; line-height: 1em; font-weight: normal; text-align: justify; }
#slideshow-caption p	{ margin:5px 0 0 0; padding:0 0px 0 0; font-size: 13px; line-height:1em; font-weight: normal; text-align: right; 	text-shadow: 0; color: red; }