/* Source File: base.css */

/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Perform Global reset to remove browser defaults
- Style default (X)HTML elements
----------------------------------------------------------------------------------------------------------------------*/

/* == Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: inherit;
    font-family: inherit;
    font-size: 100%;
}

ol, ul {
}

/* == Base Element Styling
------------------------------------------------- */

h1, h2, h3, h4, h5, h6{font-size: 150%; font-family: Georgia; font-weight:normal;}
h1{text-align:center; width:100%; margin-top:2px;}
h1.full{margin-bottom:22px;}
h2{font-size: 150%; text-align:center; width:100%;}
h3{font-size: 130%;}
h4{font-size: 120%;}
h5{font-size: 90%; font-family:arial; text-transform:uppercase; font-weight:bold;}
h6{font-size: 100%;}

body{
   line-height: 1.5;
   font-size: 75%;
   text-align: center;
   margin:0;
   padding:0;
}

p{margin: 10px 0;}

ul{margin: 15px 0 15px 20px; list-style-type: none;}
ul li{margin: 3px 0;}
ol{margin: 15px 0 15px 25px; list-style-type: decimal;}
ol li{margin: 3px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #666;padding: 3px;}
tr{}
td{border: solid 1px #ccc;padding: 3px;}

th.center,td.center{text-align: center;}
th.right,td.right{text-align: right;}
th.left,td.left{text-align: left;}

/** Set default styles for form elements **/
#wrap form{margin: 10px 0;}
fieldset{border: solid 1px #ccc;}
legend{font-weight: bold;}
label{float: left; width:30%; text-align: left; margin: 0px 5px 0 0; color:#fff; padding: 3px 0;}
input, textarea{margin:1px 0 1px 0; font-family: Arial, Sans-Serif; font-size: 100%; border: solid 1px #231F20; padding: 2px; color: #333;}
input.check{border:0;}
select{font-size: 95%;font-family: Arial;color: #333; margin: 1px 0 1px 0; padding:1px 0 1px 0;border: solid 1px #ccc;}
.btn{background: #ccc;border: 1px #333 solid;color: #333;width: auto;cursor: pointer;font-weight: bold;font-size: 95%;padding: 3px 5px;}


/** provide width classes to stack onto elements **/
.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}


/* The below provides a default hr style along with a cross browser method with consideration for disabled styles */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px solid #ccc;clear:both;}
div.hr hr{display:none;}

a{color:#d0d3d2;}
a:hover{text-decoration:none; color:#fff}

/** To remove dotted outline on links **/
a{-moz-outline-style:none;}
a:active, a:focus, input:focus {outline: 0 !important;}

img{vertical-align: bottom;}
.vMiddle{vertical-align: middle;}


/* = Independent Global Styles
------------------------------------------------- */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
.hide{display: none;}

/** clearing **/
.clr{clear: both;}
.clrSml{clear: both;line-height:1px;height:1px;}

/** presentation **/
.standoutText{}
.sml{font-size: 90%;}
.big{font-size: 110%;}
.lrg{font-size: 120%; line-height: 26px;}

/** javascript error styles **/
div#error{background:#CF3636;border-bottom:1px solid #6C1010;border-top:1px solid #6C1010;margin-bottom:5px;}
div#error ul{margin:0; padding:5px;}
div#error li {font-weight:bold;margin:0;padding:0 10px; color:#fff;}
div#error li a{color:#fff;}



/* Source File: threads.css */

/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Defines the site-wide layout for core structure
- Defines reusable widget code
- Defines page specific layout
- Overrides base HTML elements where required
----------------------------------------------------------------------------------------------------------------------*/

/* == CONTENTS
------------------------------------------------------------------------------------------------------------------------
- ....
----------------------------------------------------------------------------------------------------------------------*/

body{
   color: #ebebeb;
   font-family: Arial, Sans-Serif;
   background: #cec2c4;
}
body#forHer{background: #e2b6b3;}
body#forHim{background: #d1e9d1;}
body#bridal{background: #d7bdae;}
body#groups{background: #f6f2c3;}
body#corporate{background: #004976;}
body#parties{background: #8bc0c8;}
body#trips{background: #de1f26;}


/* == Main Layout
----------------------------------------------------------------------------------------------------------------------*/
#wrap{width: 990px; margin: 30px auto; background:#fff; text-align:left;}
#container{float:left; width: 930px; background:#fff; padding:40px 30px 60px 30px;}


/* == Templates
----------------------------------------------------------------------------------------------------------------------*/
.templateOne{float:left; width:100%;}
.zone{border:solid 1px #231f20; background:#231f20; min-height: 460px; height: auto !important; height: 460px; padding:30px 0 20px 0;  margin:0 15px 0 0;}
body#contactUs .zone{min-height: 540px; height: auto !important; height: 540px;}
.templateOne{float:left; width:100%;background:url('/img/bg/templateOne.gif') top left repeat-y;}
.templateOne .zoneOne{float:left; width:260px;}
.templateOne .zoneTwo{float:left; width:475px;}
.templateOne .zoneThree{float:left; width:155px; text-align:center; margin-right:0;}

.templateTwo{float:left; width:100%;background:url('/img/bg/templateTwo.gif') top left repeat-y;}
.templateTwo .zoneOne{float:left; width:260px;}
.templateTwo .zoneTwo{float:right; width:650px; margin-right:1px;}


/* == Header
----------------------------------------------------------------------------------------------------------------------*/
.head{float:left; width:100%; margin:0 0 15px 0; text-align:center;}
.head .nav{float:left; width:100%; height:31px; margin:45px 0 0 0; border:solid 1px #545152; border-left-width:0; border-right-width:0; background:#231f20;}
.head .nav ul,
.head .nav ul li{float:left; margin:0; padding:0;}
.head .nav ul{padding-left:7px}
.head .nav ul li a{float:left; letter-spacing:-10000px; overflow:hidden; font-size:0; height:17px; width:51px; margin:4px 16px 0 14px; background-image:url('/img/ico/nav-sprite.gif?v=1'); color:#231f20; background-position: 0 -2px;}
.head .nav ul li.about a{background-position: 0 -22px; width:78px;}
.head .nav ul li.contact a{background-position: 0 -42px; width:90px;}
.head .nav ul li.services a{background-position: 0 -62px; width:68px;}
.head .nav ul li.blog a{background-position: 0 -82px; height:21px; width:48px;}
.head .nav ul li.news a{background-position: 0 -112px; width:47px;}
.head .nav ul li.galleries a{background-position: 0 -142px; width:72px;}
.head .nav ul li.galleries li a{width:110px;}
.head .nav ul li.signUp a{background-position: 0 -163px; height:21px; width:64px;}
.head .nav ul li.basket a{background-position: 0 -188px; width:55px;}
.head .nav ul li.links a{background-position: 0 -210px; width:50px;}
.head .nav ul li a:hover{opacity:0.8;filter:alpha(opacity=80)}
.head .nav ul li.services ul{display:none;}

.head .nav ul li.hover, 
.head .nav ul li:hover {position:relative; z-index: 599; cursor:default;}
.head .nav ul ul{visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width:120px; margin:0 0 0 15px;padding:0;background-image:none;background-color:#231f20; padding-bottom: 5px;}
.head .nav ul ul li {text-align:left; background-image:none; background-color:#231f20;clear:both;display:block;margin:0;padding:0;height:auto;border:solid 0 #fff; width:100%;}
.head .nav ul ul li a{display:block; width:auto; background-image:none; font-weight:bold; padding:8px 25px 2px 8px; letter-spacing:0em; height:auto; margin:0; color:#D0D3D2; font-size:100%; text-decoration:none;}
.head .nav ul li.blog ul li a{width:auto; height:auto;}
.head .nav ul ul li a:hover{color:#D0D3D2; opacity:1.0; filter:alpha(opacity=100); text-decoration:underline;}
.head .nav ul ul ul {top:0;left: 100%;}
.head .nav ul li:hover > ul {visibility:  visible;}


/* == Footer
----------------------------------------------------------------------------------------------------------------------*/
.footer{float:left; width:100%; background:#231f20; color:#fff; font-size:90%; text-align:center;}
.footer a{color:#fff; font-size:100%; font-weight:bold;}
.footer ul{margin:10px 0 0 0;}
.footer ul li{display:inline; padding:0 6px 0 4px; background: url('/img/bg/ftr-li-divide.gif') no-repeat top right;}
.footer ul li.end{background-image:none;}
.footer p{margin:4px 0 10px 0;}


/* == Services
----------------------------------------------------------------------------------------------------------------------*/
h2.services{float:left; width:100%; margin:2px 0 0 0;}
h2.services span{color: #ebebeb;}
.servicesNav{float:left; text-transform:uppercase; font-family:Arial; margin:18px 5px 0 10px; width:205px; display:inline;}
.servicesNav ul{width:165px;}
.servicesNav ul, 
.servicesNav ul li{float:left; display:inline;}
.servicesNav ul li{border-bottom: solid 1px #d0d3d2; padding:0 0 2px 4px; font-size:90%;}
.servicesNav ul li a{float:left; width:160px;}
.servicesNav ul li a.on{color: #fff;}
.servicesNav ul li.big a{width:200px;}
.servicesNav ul li a{text-decoration:none;}
.servicesNav ul li ul{margin:0 0 0 20px; padding:8px 0; width:140px;}
.servicesNav ul li ul li{border-bottom: solid 0 transparent;}
.servicesNav ul li ul li.liOn a{color: #fff;}
.servicesNav ul li ul li a{width:135px;}


/* == Standard Page
----------------------------------------------------------------------------------------------------------------------*/
.pageImg, .pageTxt{display:inline;}
.pageImg{float:right; margin:33px 40px 0 0;}
.pageTxt{float:left; width:360px; margin:22px 15px 10px 40px; text-align:left; overflow:hidden;}
.pageTxt ul{list-style:disc;}
.pageTxt ul li{list-style:disc;}
.pageTextHolder{float:left; width:800px;}
.pageTextOne,
.pageTextTwo{float:left; width:360px;}
.pageTxtContent{font-size:90%;}


/* == Full Page
----------------------------------------------------------------------------------------------------------------------*/
.fullTxt{float:left; width:570px; margin:0 15px 10px 40px; display:inline;}
.fullTxt ul{font-size:90%; list-style:disc;}
.fullTxt ul li{list-style:disc;}


/* == Lead Blog
----------------------------------------------------------------------------------------------------------------------*/
.leadBlog{float:left; width:475px; overflow:hidden; text-align:center; padding:1px 0 0 0; position: relative}
.leadBlog ul, 
.leadBlog ul li{float:left; margin:0; list-style:none; padding:0; text-align:center;}
.leadBlog ul{width:2500px;}
.leadBlog ul li{width:475px;}
.leadBlog h2{margin:0 0 18px 0; padding:0;}
.leadBlog h2 a{text-decoration:none;}
.leadBlog .blog{float:left; width:465px; margin-left:5px; display:inline; min-height:390px; height:auto !important; height:390px;}
.leadBlog p{margin:10px 50px;}
.leadBlog .scan0, 
.leadBlog .scan1{display:none;}


/* == Main Blogs
----------------------------------------------------------------------------------------------------------------------*/
.mainBlogs{float:left; width:100%;}
.mainBlogs ul.listing, .mainBlogs ul li{float:left; width:100%; margin:0; padding:0; text-align:center; list-style:none; list-style-type:image; font-size:100%;}
.mainBlogs ul.listing li{padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:solid 1px #3c393a;}
.mainBlogs ul.listing li h2{margin:2px 0 18px 0; padding:0;}
.mainBlogs ul.listing li h2 a{text-decoration:none;}
.mainBlogs .paging,
.mainBlogs .pagingClr{display:none;}
.mainBlogs .divPgBase .paging,
.mainBlogs .divPgBase .pagingClr{display:block;}
.mainBlogs .paging .text{display:none;}
.mainBlogs .paging .pgItems{width:50%;}
.mainBlogs .paging .pgItems ul,
.mainBlogs .paging .pgItems ul li{float:left; margin:0; padding:0; list-style:none;font-size:100%;}  
.mainBlogs .paging .pgItems,
.mainBlogs .paging .pgItems ul{float:right; width:100%;}
.mainBlogs .paging .pgItems ul li{width:auto;}
.mainBlogs .paging .pgItems ul li.det{margin:1px 15px 0 0;}
.mainBlogs .paging .pgItems ul li a{float:left; padding: 0 4px; margin:0 3px 0 0; background:#6c6c6c; text-decoration:none;}
.mainBlogs .paging .pgItems ul li a.on{background:#fff; color:#231f20;}
.mainBlogs .paging .pgItems ul li a:hover{background:#d7d7d7; color:#231f20;}


/* == Blog View
----------------------------------------------------------------------------------------------------------------------*/
.blog .images{float:left; width:100%; text-align:center; margin:0 0 5px 0;}

  
/* == Feature Column
----------------------------------------------------------------------------------------------------------------------*/
.signUpBtn img{}


/* == Buy Area
----------------------------------------------------------------------------------------------------------------------*/
.buyPara{float:left; width:360px; margin-bottom:0;}
.buyPara b{float:left; width:80%; margin:4px 0 0 0; text-transform:uppercase; font-family:Arial; font-weight:normal;}
.buyPara a.buy{float:right; width:68px; height:18px; margin-top:0; padding-top:0;}


/* == Page Text form
----------------------------------------------------------------------------------------------------------------------*/
.pageTxt label{width:70px; font-family:georgia; letter-spacing:-0.5px}
.pageTxt label.lblLarge{width:165px;}
.pageTxt .lblGender{display:none;}
.pageTxt .lblAddress2{visibility:hidden;}
.pageTxt .input{background: url('/img/bg/input.gif') no-repeat top left; height:21px; width:184px; border:solid 1px #231F20; outline: none;}
.pageTxt .inputArea{height:88px; padding:3px 0; overflow: auto; float:left; 
   background:url('/img/bg/inputArea.gif') top left no-repeat; outline: none;}
.pageTxt .rad{float:left;}
.pageTxt .rad label{width:auto;}
.pageTxt .rad .rad input{margin:5px 10px 0 5px;}
.pageTxt .btn{text-transform:uppercase; height:19px; width:66px; background: url('/img/btn/submit.gif') no-repeat top left; border:solid 1px Transparent; float:left;}
.pageTxt .btnContact{margin-top:79px;}


/* == Social Links
----------------------------------------------------------------------------------------------------------------------*/
.homeSocial{float:left; padding:0 0 0 36px; font-size:90%;}
.homeSocial a{color:#fff;text-decoration:none;}
.homeSocial a:hover{text-decoration:underline;}
.homeSocial a img{margin:0 3px 3px 0; vertical-align:-12px;}
.homeSocial a.img:hover{text-decoration:none;}


/* == Basic Sign Up
----------------------------------------------------------------------------------------------------------------------*/
.smallSignUp{float:left; margin:20px 0 0 30px; padding:8px 15px 8px 13px; font-size:90%;width:135px; background:#fff; display:inline; text-transform:uppercase; color:#000; text-align:center;}
.smallSignUp label{display:none;}
.smallSignUp h3{font-size:100%;}
.smallSignUp p{font-size:90%; line-height:110%; padding:0; margin:5px 0 3px 0; }
.smallSignUp input.input{width:80px; background:#000; color:#fff; float:left; border-color:#000; height:18px; overflow:hidden; border:solid 0 #000; padding:2px 2px;}
.smallSignUp .btn{text-transform:uppercase; height:22px; width:49px; background:url('/img/btn/submit-black.gif') no-repeat top left; border:solid 0 #fff; float:left;}


/* == Staff Listing
----------------------------------------------------------------------------------------------------------------------*/
ul.staffListing,
ul.staffListing li{float:left; margin:0; padding:0; list-style:none; width:100%; font-size:100%;}
ul.staffListing li .wrap{float:left; width:100%; border-top:solid 1px #3c393a; margin:0 0 20px 0; padding:15px 0 0 0;}
ul.staffListing li .wrapTop{border-top:solid 0 #3c393a; padding:0;}
ul.staffListing li .txt{float:left; width:360px; padding-right:25px;}
ul.staffListing li .img{float:left; width:185px; overflow:hidden; padding-top:11px;}


/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
ul.errorMsg{margin: 5px 0 10px 0; padding:0; list-style: none; border-left:solid 2px red}
ul.errorMsg li{list-style:none; margin: 0; padding: 3px 0 3px 10px; color:red;}
.smallSignUp ul.errorMsg li{padding-left:0;}