/* CSS 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: #1F1F1F; font-family: "Century Gothic",Century Gothic,Verdana,Sans-Serif; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Main layout */
body { background: #1F1F1F url(/Images/page_bg.png); }
#wrapper { background: url(/Images/wrapper_bg.png) no-repeat center top; min-height: 700px; padding-top: 119px; }
#header { width: 356px; height: 22px; float: left; margin: -28px 0px 0px -2px; }
#frame { margin: 0 auto; width: 1000px; height: 540px; background: #000; color: #fff; }
#leftcol { float: left; width: 190px; height: 540px; background: url(/Images/leftcol_bg.jpg) no-repeat left top; overflow: hidden; position: relative; text-transform: lowercase; z-index: 5; }
#rightcol { float: left; width: 810px; height: 540px; }
.breaker { clear: both; height: 1px; font-size: 1px; }
/* Left menu */
#menu { height: 540px; left:0; overflow:hidden; position:absolute; width:570px; font-size: 15px; color: black; }
#menu .menupage { width: 190px; height: 400px; float: left; }
#menu .menupage ul.menu { padding: 10px 0px 0px 0px; }
#menu .menupage ul.menu li { line-height: 12px; }
#menu .menupage ul.menu li h3 { font-weight: bold; color: #000; width: 160px; padding: 5px 0px 5px 16px; margin-bottom: 5px; }
#menu .menupage ul.menu li a { color: #333; text-decoration: none; display: block; width: 160px; padding: 5px 0px 5px 16px; margin-bottom: 5px; }
#menu .menupage ul.menu li a.sel { font-weight: bold; color: #000; }
#menu .menupage ul.menu li a:hover { color: #000; }
#menu .menupage ul.menu li ul.submenu { }
#menu .menupage ul.menu li ul.submenu li a { padding: 1px 0px 6px 30px; margin-bottom: 2px; font-size: 13px; }
#menu .backLink { background:url(/Images/icon_back.png) no-repeat left 11px; border-top:1px solid #999; color:#333333; display:block; font-size:14px; height:17px; margin:16px 0 0 16px; opacity:0.5; padding:6px 0 0 17px; text-decoration:none; width:148px; }
#menu .backLink:hover { opacity: 1.0; }
#menu a#galleryLink { color:#000000; display:inline; margin:0; padding:0; position:relative; }
#menu a#subMenuLink { margin-bottom: -8px; }
.portfolioPage #menu { left: -380px; }
div.subpage { height: 540px; max-height: 540px; font-size:13px; line-height:16px; color: #ddd; }
p.comingSoon { color:#CCCCCC; margin:0px 10px 0; padding-top: 250px; text-align:center; }
div.subpage h3 { font-size: 13px; font-weight: bold; padding: 0px 0px 5px 0px; border-bottom: 1px solid #333; margin: 0px 0px 4px 0px; }
/* About Page */
div.aboutPage { background: url(/Images/vitaly_bg.jpg) no-repeat left top; font-size: 12px; }
div.aboutPage #aboutText { padding:25px 415px 0 30px; }
div.aboutPage #aboutText p { margin:0 0 14px; }
/* Contact Page */
div.contactPage { background: url(/Images/contact_bg.jpg) no-repeat left top; font-size: 11px; }
.contactPage .column { float: left; height:480px; margin:20px 0 0 25px; width:359px; /*border: 1px solid #2d2d2d; background: #1d1d1d;*/ }
.contactPage #contactInfo { width: 365px; }
.contactPage #contactInfo p { margin: 0px 0px 10px 0px; }
.contactPage #contactInfo ul { margin-bottom: 15px; }
.contactPage #contactInfo ul li { list-style-type: disc; margin: 0 0 0 25px; }
.contactPage #contactInfo ul li a { color: #fff; text-decoration: none; }
.contactPage #contactInfo ul li a: hover { text-decoration: underline; }
.contactPage #contactInfo ul li strong { font-weight: bold; }
.contactPage .wufooForm { margin-top: 8px; }
/* Packages Page */
/* About Page */
div.packagesPage { background: url(/Images/packages_bg.jpg) no-repeat left top; font-size: 12px; color: #fff; padding-top: 28px; }
div.packagesPage div.package { padding: 28px 0px 0px 37px; }
div.packagesPage div.package ul { margin: 0px 0px 0px 20px; }
/* Splash Page */
body.splashPage { background: #fff url(/Images/splash_bg.png); color: #000; }
body.splashPage div#splashWrapper { background: #fff; width: 920px; min-height: 400px; margin: 70px auto 20px auto; padding: 12px; border: 1px solid #f5f5f5; }
body.splashPage div#splashHeader { width: 460px; height: 22px; background: url(/images/splash_logo.png) no-repeat left top; margin: 50px 0px 10px 0px; }
body.splashPage div#splashPhoto { background: url(/images/splash_photo.jpg) no-repeat; width: 731px; height: 462px; float: left; }
body.splashPage div#splashMenu { float: left; width: 177px; margin: 0px 0px 0px 12px; }
body.splashPage div#splashMenu ul { width: 100%; list-style-type: none; }
body.splashPage div#splashMenu ul li { width: 100%; background-position: 1px 10px; background-repeat: no-repeat; }
body.splashPage div#splashMenu ul li.blogLink { background-image: url(/images/splash_menu_blog.png); }
body.splashPage div#splashMenu ul li.portfolioLink { background-image: url(/images/splash_menu_portfolio.png); }
body.splashPage div#splashMenu ul li a { display: block; border-top: 1px solid #e0e0e0; height: 36px; margin-bottom: 10px; }
body.splashPage div#splashMenu ul li a:hover { border-top: 1px solid #333; }
body.splashPage div#splashMenu ul li span { display: none; }