/* ---------- | =reset |---------- */
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; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus, a:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
hr.light { border:none; border-top:1px solid #e0e0e0; }
/* ---------- | /reset |---------- */
html { height: 100%; margin-bottom: 1px; }
body { background-color: #4c4c4c; color: #e0e0e0; width:960px; height:100%; font-size: 12px; line-height:1.9em; margin: 0 auto; font-family: Arial, Verdana, Helvetica, sans-serif; }
/* ------ | =elements | -------- */
a { color: #fff; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; }
h2 { padding: 0; }
p { text-align:justify; }
p a { font-weight:bold; }
img { margin:0; }
table.cfdump_query { color:#000; }
/* ------ | =endElements | -------- */
/* ------------------------------------------- =TEXT ----------------------------------------------- */
a:focus { outline:none; }
hr { border:1px solid #000; border-top-width:1px; clear:both; height:0; }
h1, h2, h3, h4, h5, h6 { text-align:left; padding:5px 0 0 0; }
h1 { font-size:21px; }
h2 { font-size:19px; }
h3 { font-size:15px; }
h4 { font-size:13px; }
h5 { font-size:12px; margin: 0 5px; }
h6 { font-size:10px; }
ol { list-style:decimal; }
ul { list-style:square; }
ul { margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { margin:0; padding:0; }
li { margin-left:30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:5px; }
p { margin: 5px; }
/* ------------------------------------------- =TEXT ----------------------------------------------- */
/* ---------- | =960grid |---------- */
.container_12 { margin-left:auto; margin-right:auto; width:960px; margin-top:0; overflow:hidden; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_4quarter, .grid_4half, .grid_4threeQuarter, .grid_5, .grid_6, .grid_7, .grid_7quarter, .grid_7half, .grid_7threeQuarter, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float:left; margin-left:10px; margin-right:10px; }
.container_12 .grid_3 { width:220px }
.container_12 .grid_6 { width:460px }
.container_12 .grid_9 { width:700px; }
.container_12 .grid_12 { width:940px }
.alpha { margin-left:0 }
.omega { margin-right:0 }
.container_12 .grid_1 { width:60px }
.container_12 .grid_2 { width:140px }
.container_12 .grid_4 { width:300px; }
.container_12 .grid_4quarter { width:320px; }
.container_12 .grid_4half { width:340px; }
.container_12 .grid_4threeQuarter { width:360px; }
.container_12 .grid_5 { width:380px }
.container_12 .grid_7 { width:540px }
.container_12 .grid_7quarter { width:560px }
.container_12 .grid_7half { width:580px }
.container_12 .grid_7threeQuarter { width:600px }
.container_12 .grid_8 { width:620px; }
.container_12 .grid_10 { width:780px }
.container_12 .grid_11 { width:860px }
.container_12 .prefix_3 { padding-left:240px }
.container_12 .prefix_6 { padding-left:480px }
.container_12 .prefix_9 { padding-left:720px }
.container_12 .prefix_1 { padding-left:80px }
.container_12 .prefix_2 { padding-left:160px }
.container_12 .prefix_4 { padding-left:320px }
.container_12 .prefix_5 { padding-left:400px }
.container_12 .prefix_7 { padding-left:560px }
.container_12 .prefix_8 { padding-left:640px }
.container_12 .prefix_10 { padding-left:800px }
.container_12 .prefix_11 { padding-left:880px }
.container_12 .suffix_3 { padding-right:240px }
.container_12 .suffix_6 { padding-right:480px }
.container_12 .suffix_9 { padding-right:720px }
.container_12 .suffix_1 { padding-right:80px }
.container_12 .suffix_2 { padding-right:160px }
.container_12 .suffix_4 { padding-right:320px }
.container_12 .suffix_5 { padding-right:400px }
.container_12 .suffix_7 { padding-right:560px }
.container_12 .suffix_8 { padding-right:640px }
.container_12 .suffix_10 { padding-right:800px }
.container_12 .suffix_11 { padding-right:880px }
.clear { clear:both; display:block; overflow:hidden; width:0; height:0 }
.clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0 }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block }
/* ---------- | /960grid |---------- */
/* ---------- | =webDesignBy |---------- */
ul.webDesignBy { clear:left; list-style:none; margin:0 0 50px 0; }
ul.webDesignBy li { list-style:none; text-align:right; color:#666; margin: 10px 0 0 0; }
ul.webDesignBy li { vertical-align:middle; }
ul.webDesignBy li a { border-bottom:none; display:block; height:32px; width:100%; background: transparent url(../images/css/logoSolo.png) no-repeat center top; }
ul.webDesignBy li a span { display:none; }
ul.webDesignByHome li a span { display:none; }
/* ------------------------------------------- =FORMS ----------------------------------------------- */
textarea { width:350px; margin:4px 0 0 0; border:1px solid #aaa; color:#fff; background:#000; height:250px; }
input, select, textarea { padding:.5em; }
input.textInput { width: 350px; margin:4px 0 0 0; border:1px solid #aaa; color:#ccc; background:#000; }
input.error, textarea.error { background: #000; border:1px solid #fff }
label { font-weight:bold; color:#aaa; }
label.error { color: #fff; }
input.sendMsgBtn { width:165px; height:34px; border:none; margin: 5px 0; background: transparent url(../images/css/contactus/sendMessage.png) no-repeat left top; cursor:pointer; }
input:hover.sendMsgBtn { outline:none; background: transparent url(../images/css/contactus/sendMessage.png) no-repeat left bottom; }
input.hiddenMsgBtn { display:none; }
form p { text-indent: 0; }
.inputBox label { font-size: 12px; color:#FFC; }
.inputBox { margin: 5px 0; }
/* ------------------------------------------- =MY STYLES ----------------------------------------------- */
table { color: #000; }
/* ------ | =cursorClasses | -------- */
.toggleNextDiv { cursor:pointer; }
/* ------ | =utilityClasses | -------- */
.center { text-align:center; }
/* --- colors --- */
.redFlag { color:#f00; }
.yellowFlag { color:#FF6; }
/* --- bgs --- */
.blackBg { background:#000; }
/* --- pageTitles --- */
.pageTitle { padding-bottom: 5px; }
.buttonify { padding: 5px; border: 1px solid #333; background: #eee; color:#333; text-decoration:none; margin: 0 0 5px 0; }
.buttonify:hover { padding: 5px; border: 1px solid #000; background: #ccc; color:#000; }
.block, .displayBlock { display:block; }
.displayNone { display:none; }
.floatLeft { float: left; }
.clearLeft { clear: left; }
.margin5px { margin: 5px; }
.marginTop5px { margin-top: 5px; }
.marginRight5px { margin-right: 5px; }
.marginLeft5px { margin-left: 5px; }
.marginBtm5px { margin-bottom: 5px; }
.marginTopMinus5px { margin-top: -5px; }
.padding5px { padding:5px; }
.paddingLeft5px { padding-left:5px; }
.paddingRight5px { padding-right:5px; }
.vertAlignMiddle { vertical-align:middle; }
p ul { margin: 0 0 0 30px; }
p img { border: 2px solid #e0e0e0; margin: 0 5px; }
ul.simple { margin: 0 0 0 30px; list-style-type:none; }
ul { margin: 0 0 0 30px; list-style-type:square; }
/* ---- | =msgBoxes | ---------------------------------------- */
.genMsg { background:transparent url(../images/css/icons/info.gif) 5px center no-repeat; color: #ccc; padding:0 0 0 25px; }
.infoMsg { border: 2px solid #ccc; background:#eee url(../images/css/icons/info.gif) 5px center no-repeat; color: #000; padding:0 0 0 25px; }
/* ---- | =homeLayout | ---------------------------------------- */
#header { }
/* =homeLogo */
#logo { }
#logo h3 a span { display:none; }
#logo h3 a { display:block; width: 325px; height: 55px; background:url(../images/css/layout/logo.png) no-repeat left center; }
/* =tabNav */
#tabNav { display:block; height:32px; margin: -32px 0 0 335px; }
#tabNav ul { list-style:none; margin:0; }
#tabNav ul li { float:left; color:#000; }
#tabNav ul li { vertical-align:middle; }
#tabNav ul li a { color:#ccc; text-align:center; font-size:1.1em; line-height:1.1em; vertical-align:middle; display:block; margin: 0 11px 2px 0; padding: 8px 15px 9px 15px; text-decoration:none; }
#tabNav ul li a:hover, #tabNav ul li a.active { color:#000; background:#95968f url(../images/css/buttons/tabGradient.png) left bottom repeat-x; }
/* =pageTopNav */
#pageTopNav { overflow:auto; margin:0px 0 10px 0; background:#95968f url(../images/css/buttons/tabGradient.png) left bottom repeat-x; }
#pageTopNav ul { list-style:none; margin:0; }
#pageTopNav ul li { display:inline; color:#000; }
#pageTopNav ul li { vertical-align:middle; }
#pageTopNav ul li h3 { margin: 0 10px 5px 10px; }
#pageTopNav ul li a { padding:3px 15px; display:block; float:left; margin:0 3px 0 0; color:#000; text-decoration:none; }
#pageTopNav ul li a.active, #pageTopNav ul li a:hover { color:#fff; background:#292929 url(../images/css/buttons/tabGradientBlack.png) left top repeat-x; }
/* =utilityNav */
#utilityNav { overflow:auto; margin:0 0 10px 0; float:right; font-size: .9em; }
#utilityNav ul { list-style:none; margin:0; }
#utilityNav ul li { display:inline; color:#000; }
#utilityNav ul li { vertical-align:middle; }
#utilityNav ul li a { padding:0 7px; display:block; float:left; margin:0; color:#fff; border-left:1px solid #95968f; text-decoration:none; }
#utilityNav ul li a:hover { color:#ccc; }
#utilityNav ul li a.last { border-left: none; }
/* ---- | =sideMenu | ---------------------------------------- */
div.sideMenu { background:#95968f; color: #4c4c4c; }
div.sideMenu h4 { display:block; color:#fff; margin:0; padding:5px 10px; background: #000 url(../images/css/titles/blackGloss.png) 50% 50% repeat-x; }
div.sideMenu ul.basic { margin: 0; list-style-type:none; }
div.sideMenu ul.basic li a { padding: 5px 10px; display:block; height:1%; color:#000; text-decoration:none; }
div.sideMenu ul.basic li a:hover, div.sideMenu ul.basic li a.current:hover { background: #ccc; }
div.sideMenu ul.basic li a.current { background: #e0e0e0; }
div.sideMenu ul.basic ul { margin: 0; list-style-type:none; }
div.sideMenu ul.basic ul { margin: 0; list-style-type:none; background: #e0e0e0; }
div.sideMenu ul.basic ul li a { padding: 0 0 0 20px; text-decoration:underline; }
div.sideMenu ul.basic ul li a.current { background: #ccc; text-decoration:none; }
div.sideMenu ul.basic li a:hover, div.sideMenu ul.basic li a.current:hover { text-decoration:none; }
/* ---- | =galleryList | ---------------------------------------- */
ul.galleryList { list-style:none; }
ul.galleryList li { float:left; width:50%; margin: 5px 0; }
ul.galleryList li a { text-decoration:none; font-weight:normal; overflow:auto; display:block; padding:5px; color:#e0e0e0; border:2px solid #4c4c4c; }
ul.galleryList li a:hover { border:2px solid #000; background:#fefefe; color:#000; }
ul.galleryList li a img { border: 3px solid #e0e0e0; float:left; margin: 0 5px 0 0; }
ul.galleryList li a:hover img { border: 3px solid #000; }
ul.galleryList li a span.title { font-size: 13px; font-weight:bold; }
ul.galleryList li a span.edition { }
ul.galleryList li a span.edition em { }
ul.galleryList li a span.size { font-size:10px; }
/* ---- | =galleryCoverList | ---------------------------------------- */
ul.galleryCoverList { list-style:none; }
ul.galleryCoverList li { float:left; width:49%; margin: 5px 5px 5px 0; }
ul.galleryCoverList li a { text-decoration:none; font-weight:normal; display:block; padding:5px; color:#fff; overflow:auto; background:#333; border-left:20px solid #666; }
ul.galleryCoverList li a:hover { color: #ccc; background:#000; border-left:20px solid #e0e0e0; }
ul.galleryCoverList li a img { border: 2px solid #e0e0e0; float:left; margin: 0 5px 0 0; }
ul.galleryCoverList li a:hover img { border: 2px solid #fff; }
ul.galleryCoverList li a span.title { font-size: 1.2em; font-weight:bold; }
ul.galleryCoverList li a span.count { border-bottom: 1px dotted #eee; padding:0 0 2px 0; }
ul.galleryCoverList li a:hover span.count { border-bottom: 1px dotted transparent; padding:0 0 2px 0; }
/* -------= | =homeNewFeature | ---------------- */
.link { padding: 5px; }
.link a { border-bottom:1px dotted #fff; text-decoration:none; }
.link a:hover { border-bottom:1px dotted transparent; }
.link span { font-size:11px; }
.altLink { background: #202020; }
/* -------= | =homeNewFeature | ---------------- */
.homeSlide { position:relative; background:#000; text-align:center; }
ul.homeSlideMenu { position:absolute; list-style:none; top:10px; right:0; text-align:right; }
ul.homeSlideMenu li { margin:0 0 5px 0; text-align:right; }
ul.homeSlideMenu li a { display:block; float:right; clear:right; margin:0 0 5px 0; border:1px solid #666; border-left:10px solid #666; border-right:none; padding: 2px 5px; text-decoration:none; background:#333; }
ul.homeSlideMenu li a.short { width:100px; }
ul.homeSlideMenu li a:hover { border:1px solid #fff; border-left:10px solid #fff; border-right:none; color:#fff; background:#000 }
ul.homeSlideMenu li a.imgDetails { display:block; border:2px solid #666; border-left:10px solid #666; border-right:none; padding: 5px 15px; text-decoration:none; background:#ccc; color:#000; font-size:14px; font-weight:bold; }
ul.homeSlideMenu li a.imgDetails:hover { border:2px solid #fff; border-left:10px solid #fff; border-right:none; color:#fff; background:#000 }
ul.homeSlideMenu li a.imgDetails span.galleryTitle { font-size:10px; font-weight:bold; }
.homeEventLeaderBox { min-height:180px; position:relative; }
.homeEventLeaderBox div { border-bottom: 1px solid #fff; margin-bottom: 5px; padding:2px 2px 2px 5px; }
.homeEventLeaderBox div span.date { font-size:11px; font-weight:bold; color:#fff; }
.homeEventLeaderBox div a.title { font-weight:normal; text-decoration: none; font-size:11px; color:#fff; }
.homeEventLeaderBox div a:hover.title { font-weight:normal; border-bottom:1px dotted #eee; color:#eee; }
.homeEventLeaderBox div.last { border-bottom: none; }
a.viewAll { text-align:right; float:right; font-size:11px; border-bottom: 1px dotted #fff; display:block; line-height:1.5em; }
/* ---- | =homeFooterMenu | ---------------------------------------- */
ul.homeFooterMenu { list-style:none; margin:5px 0; }
ul.homeFooterMenu li { display:inline; margin: 0 0 0; }
ul.homeFooterMenu li { vertical-align:middle; }
ul.homeFooterMenu li a { color:#95968f; padding:5px 10px; border-right: 1px solid #95968f; text-decoration:none; }
ul.homeFooterMenu li a:hover { text-decoration:underline; }
ul.homeFooterMenu li a.last { border-right:none; }
/* ------------------------------------------- =MY STYLES ----------------------------------------------- */
/* ------------------------------------------- =JQUERY TOOLS OVERLAY----------------------------------------------- */
/* the overlayed element */
.overlay { display:none; z-index:10000; background-color:#333; padding: 10px; width:675px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
/* close button positioned on upper right corner */
.overlay .close { background: transparent url(../images/jquerytools/apple-close.png) no-repeat right top; position:absolute; right:-10px; top:-10px; cursor:pointer; height:35px; width:35px; }
/* -------------------------------------- OVERLAY GALLERY --------------------------------- */
/* the large image. we use a gray border around it */
#img { }
/* "next image" and "prev image" links */
.next, .prev { /* absolute positioning relative to the overlay */
position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; /* upcoming CSS3 features */
-moz-border-radius:5px; -webkit-border-radius:5px; }
.prev { left:0; border-left:0; text-decoration:none; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; }
.next { right:0; border-right:0; text-decoration:none; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; }
.next:hover, .prev:hover { text-decoration:underline; background-color:#000; }
/* when there is no next or previous link available this class is added */
.disabled { visibility:hidden; }
/* the "information box" */
.info { position:absolute; bottom:0; left:9px; padding:10px 15px; margin: 0 2px; color:#fff; font-size:11px; border-top:1px solid #666; }
.info h5, .info h6 { margin: 0; padding:0; }
.info h5 span.edition, .info h5 span.price, .info h5 span.size { font-size: 12px; font-weight:normal; }
/* progress indicator (animated gif). should be initially hidden */
.progress { position:absolute; top:45%; left:50%; display:none; }
/* everybody should know about RGBA colors. */
.next, .prev, .info { background:#333 !important; background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x; }