@charset "utf-8";
/* CSS Document */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1; background:url(../img/bg.jpg) no-repeat;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

p{color:#FFF; font-family:Helvetica, Arial, sans-serif; font-style:italic; font-size:0.8em; line-height:1.5em;}
img{border:0;}
#title{width:374px; float:left; display:inline; margin:0;}
#title p {color:#fff; font-family:Helvetica, Arial,  sans-serif;}
#wrapper{width:1000px; position:relative; margin:auto; overflow:hidden;}
#content{width:1000px; height:735px; float:left; display:inline; overflow:hidden;}
#arrow_wrap{top: 100px; left: 236px; width: 960px; position: absolute; display: inline; background: transparent;}
#photo_wrap{right: 170px; width: 960px; height: 610px; position: absolute; display: inline; border: none; margin:15px 0 0 0; overflow: hidden;}
#thumbs{position:absolute; z-index:10; left:0; list-style-type:none;  display:inline;}
#thumbs li{ float:left; display:inline;}
#close_msg{background:#000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px; width:300px; text-align:center; position:absolute; z-index:14; top:45%; left:31%;}

#large_images{position:absolute; z-index:13;}
#large_images img{border:none; width:auto; height:468px;}
#next{width:60px; float:left; display:inline;margin:5px 0;}
#prev{width:60px; float:left; display:inline;margin:5px 0;}
#prev a, #next a {display:none;}

 
.group{position:relative; float:left; display:inline; width:855px;}
.group li{margin:7px;}
.thumb_img{border:none;}
.group li, .thumb_img{float:left; display:inline; width:188px; float:left; position:relative; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);-ms-filter: progid:DXImageTransform.Microsoft.Shadow( Strength=5, Direction=145, Color='#999999' );filter: progid:DXImageTransform.Microsoft.Shadow( Strength=5, Direction=145, Color='#999999' );}
.group .hide{position:absolute; background:#000; padding:10px; bottom:0; left:0; width:168px; float:left;  z-index:11; margin:0; }
.hide{display:none;}
.loading{display:none; position:absolute; top:40%; left:48%; z-index:15;}
.loading img{border:0 !important;}
#socialIcons {height:40px; width:868px;}
#socialIcons li {display:inline-block;float:right;}
#footer {background-image:url(../img/footer_bg.png); background-repeat:no-repeat; width:800px; height:62px; float:left; margin: 20px 0 0 70px;}
#footer li {display:inline-block;float:left; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:12px; letter-spacing:1px; color:#a7a7a7; margin:25px 0 0 35px;}
#footer li a {text-decoration:none; color: #a7a7a7;}
#about {z-index:10000; position:absolute; top: 232px; left: 3px; padding: 25px 25px 25px 0; width: 800px; height:190px; float:left; margin:40px 0 0 70px; background-image:url(../img/about_bg.png); background-repeat:repeat;}
#about ul {margin:0;}
#about li {width: 365px; display: inline-block; float: right; font-family: Helvetica, Arial, sans-serif;
font-weight: normal; font-size: 12px; letter-spacing: 1px; color: #fff; margin: 25px 0 0 35px; line-height:14px;}
#about p {display: inline-block; float: left; font-family: Helvetica, Arial, sans-serif;
font-weight: bold; font-size: 14px; font-style:normal; letter-spacing: 1px; color: #fff; margin:-3px 0 0 15px;}
#about img {float:left; margin:0 0 0 32px;}

/******************** form styles ******************/
#contact p, label, legend {font-family: Helvetica, Arial, sans-serif; font-size:14px; width:285px;}

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 650px; margin: 50px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -webkit-border-radius:5px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font-family: Helvetica, Arial, sans-serif; webkit-border-radius:5px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 205px; margin: 0 0 0 97px; padding: 5px 8px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }