@charset "UTF-8";

/* CSS Document */

* { margin: 0px; padding: 0px; }

body { background: url(images/bg.jpg) repeat-x; background-color: #ebebe7; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #303030; }

img { border: none; }

#wrap { width: 900px; margin: 0 auto; }

/*fonts*/
p { font-size: 1.2em; line-height: 22px; padding: 3px 0 10px 0; }

h1 { font-size: 2.0em; color: #8a00ff; font-weight: lighter; padding: 10px 0 12px 0; }

h2 { font-size: 1.8em; color: #8a00ff; font-weight: lighter; padding-bottom: 12px; }

.headtwo { font-size: 1.8em; color: #8a00ff; font-weight: lighter; padding-bottom: 12px; }

.small { font-size: 0.75em; }

.caps { text-transform: uppercase; }

/*flash*/

#logo { float: left; width: 253px; height: 138px; }

#mflash { float: left; width: 629px; height: 248px; padding: 10px 0px; }

/*classes*/

.black { color: #303030; }

.images { float: right; margin-left: 10px; }

.style4 { font-size: 1.2em; }

/*header*/

#header { height: 138px }

#number { height: 47px; float: right; /*width: 470px;*/ width: 646px; /*background: url(images/number1.jpg) no-repeat;*/ display: inline; line-height: 47px; text-align: right; }

.mob { font-style: italic; font-size: 1.2em; color: #fff; }

.mobnum { font-size: 2.4em; color: #fff; padding-left: 10px; }

.freep { font-style: italic; font-size: 1.2em; color: #fff; padding-left: 20px; }

.freenum { font-size: 2.4em; color: #fff; padding-left: 10px; }

/*nav*/

#nav { height: 36px; float: right; padding: 20px 0px; }

#nav ul { line-height: 36px; font-size: 1.2em; }

#nav li { list-style-type: none; display: inline; }

#nav li a { display: block; text-decoration: none; height: 36px; outline: none; color: #000; float: left; padding: 0px 20px; text-align: center; }

#nav li a:hover { color: #fff; display: block; height: 36px; background: url(images/nav-hover.jpg) repeat-x; }

/*middle*/

#middle { height: 266px; width: 900px; }

/*nava*/

#nava { height: 266px; width: 261px; float: right; }

#nava ul { width: 261px; height: 133px; }

#nava li { display: inline; }

#nava a { background-position: top left; display: block; outline: none; text-decoration:none; height: 133px; outline: none; }

#nava a:hover { background-position: bottom left; }

.nav_glass { background: url(images/glass-button.jpg) no-repeat; width: 261px; }

.nav_van { background: url(images/van-button.jpg) no-repeat; width: 261px; }

/*leftcol*/

#leftcol { width: 	619px; float: left; padding: 0 20px 10px 0; }

#leftcol ul { font-size: 1.2em; line-height: 20px; padding: 0 0 10px 10px; }

#leftcol li { line-height: 22px; }

#leftcol a { text-decoration: underline; outline: none; color: #303030; }

#leftcol a:hover { text-decoration: underline; color: #005d7b; }

/*rightcol*/

#rightcol { width: 261px; float: left; padding-top: 10px; }

#contact { margin: 0 auto; background: url(images/contacttop.jpg) no-repeat top; width: 238px; height: 160px; padding-top: 50px; }

#contact p { text-align: center; }

.bibformstyle { margin-bottom: 6px; border: 1px solid #666; font-weight: normal; color: #000; padding: 2px; margin-left: 40px; }

.button { margin-left: 45px; }

#linkbox { border: thin dotted #005d7b; margin-left: 5px; }

#linkbox p { margin-left: 5px; }

/*contact form*/

.mainformstyle { margin-bottom: 5px; border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000; padding: 2px; margin-left: 10px; }

#rightform { padding: 5px; margin: 0 auto; border: thin dotted #005d7b; width: 180px; }

#form a { color: #303030; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }

.formp { margin: 0px; padding-top: 10px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; }

#gmap { height: 500px; width: 610px; margin: 0 auto; border: 1px solid #303030; margin-top: 20px; padding-bottom: 10px; }

#form { width: 560px; margin: 0 auto; margin-bottom: 20px; }

#contactleft { float: left; width: 280px; }

#contactright { float: right; width: 280px; }

#contactright a { color: #303030; font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin-left: 0px; }

/*footer*/

#footer { background: url(images/footer-bg.jpg) repeat-x; margin: 0 auto; clear: both; height: 100px; padding-top: 10px; }

#footer ul { font-size: 1.1em; text-align: center; display: block; margin: 0 auto; }

#footer li { display: inline; margin-left: 0px; color: #fff; margin-left: 10px; }

#footer p { color: #303030; text-align: center; font-size: 1.1em; padding-top: 10px 0 0 0; }

#footer a { color: #fff; outline: none; }

#footer a:hover { text-decoration: underline; color: #e09400; }

#crearelinks { clear: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #000; padding-top: 10px; text-align: center; }

#crearelinks ul { width: 700px; text-align: center; }

#crearelinks li { width: 33%; }

#crearelinks li a, #crearelinks a { color: #000; text-align: center; width: 33%; }

/*gallery*/

.gallery { border: 1px solid #333; margin: 0 10px 10px 0; }

/*lightbox*/

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }