﻿
/* tic Reset */
body,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,div,blockquote,dl,dt,dd,pre,legend,object{margin:0;padding:0;}
article, aside,details,figcaption, figure, footer,header, hgroup,menu,nav,section {display: block;}
li{ /*list-style-type:none;*/}
a{ /*text-decoration: none;*/}
a:hover{ /*text-decoration:underline;*/}
img{ /*vertical-align:bottom;*/ border:0;}
table {border-collapse: collapse;border-spacing: 0;}
:focus{outline: none;}
blockquote{resize:none;}
button{cursor: pointer;}

.clear{clear: both;}
.clear:after, .clearfix:after{display:block;clear:both;content:"";overflow: hidden;visibility:hidden;height:0;}
.clear, clearfix {zoom: 1;}
/*-----------------------------------------------------------------------*/

/*----------Generated by Font Squirrel (http://www.fontsquirrel.com) on December 3, 2013-------*/
@font-face {
	font-family: 'crimson_textroman';
	src: url('../images/fonts/crimsontext-roman.eot');
	src: url('../images/fonts/crimsontext-roman.eot?#iefix') format('embedded-opentype'),url('../images/fonts/crimsontext-roman.woff') format('woff'),url('../images/fonts/crimsontext-roman.ttf') format('truetype'),url('../images/fonts/crimsontext-roman.svg#crimson_textroman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {   
	font-family: 'crimson_textbold';
	src: url('../images/fonts/crimsontext-bold.eot');
	src: url('../images/fonts/crimsontext-bold.eot?#iefix') format('embedded-opentype'),url('../images/fonts/crimsontext-bold.woff') format('woff'),url('../images/fonts/crimsontext-bold.ttf') format('truetype'),url('../images/fonts/crimsontext-bold.svg#crimson_textbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*-----------------------------------------------------------------------*/

/*-------------------------- pt layout ----------------------------------------------*/
html, body 
{
  min-height:100%;
  height: 100%;
}
body 
{
/*background: #fff url(../images/homepage-bgmask1438x64.png) repeat left bottom;*/
background: #fff url(../images/generalbgimg128x34.png) repeat left bottom;

  font: normal normal normal 15px/16px 'crimson_textroman', sans-serif;
  color:#666;
}
.membersbody
{
background: #333 url(../images/membersbgimg128x34.png) repeat left bottom;

  font: normal normal normal 15px/16px 'crimson_textroman', sans-serif;
  color:#666;
}
a
{
    color: #666;
}

/*-------------------------- heading -------------------------*/
h1 {
  color: #d4b265;
  font-size:28px;
  font-weight:normal;font-style:normal;
  font-family:'crimson_textbold', sans-serif;
}
h2 {
  color: #666;
  font-size:17px;
  font-weight:normal;font-style:normal;
  font-family:'crimson_textbold', sans-serif;
}
.MainHeading {
  color: #d4b265;
  font-size:28px;
  font-weight:normal;font-style:normal;
  font-family:'crimson_textbold', sans-serif;
}
.SubHeading {
  color: #666;
  font-size:17px;
  font-weight:normal;font-style:normal;
  font-family:'crimson_textbold', sans-serif;
}
/*--------------------------width-------------------------------------------*/
.wrapper 
{
  min-height: 100%;
  /*overflow: hidden;*/
  width:100%; 
  clear:both;
}
.container, #content, #content-top 
{
  position: relative;
  margin: 0 auto;
  width:1004px; /*allow for vertical scrollbar in 1024 x 768*/
}
/*------------------------- header------------------------*/
#header 
{
  border-top: 3px solid #d4b265;  
  position: relative;

z-index: 1;
/*z-index: 100;*/
/*height:242px;*/
height:376px;
}
#header .logo{
  position: absolute;
  top: -3px;left:24px;
}
#header .logo a, #header .logo a:visited, #header .logo a:hover 
{  
  display: block;
  text-indent: -9999px;

/*background: transparent url("../images/logo-womask351x240.png") no-repeat top left;width:351px;height:240px;*/
/*background: transparent url("../images/logo-wmask204x240.png") no-repeat top left;width:204px;height:240px;*/
/*background: transparent url("../images/logo-wmask351x240.png") no-repeat top left;width:351px;height:240px;*/
background: transparent url("../images/logo.png") no-repeat top left;
width:206px;height:240px;
}

#header .logo2{
  position: absolute;
  top: -3px;left:200px;

/*width:351px;*/
/*width:204px;*/ 
width:338px;
/*width:100%;*/
}
#header .logo2 a, #header .logo2 a:visited, #header .logo2 a:hover 
{
  display: block;
  text-indent: -9999px;

/*background: transparent url("../images/logo-wmask204x240.png") no-repeat top left;width:204px;height:240px;*/
/*background: transparent url("../images/logo-wmask351x240.png") no-repeat top left;width:351px;height:240px;*/
/*background: transparent url("../images/logo-wmask338x376.png") no-repeat top left;width:338px;height:376px;*/
background: transparent url("../images/logo-womask351x240.png") no-repeat top left;
width:351px;height:240px;
}
/*------------------------- BANNER STYLING ------------------------*/
#banner 
{
    background-image: url(../images/blackbg.png);
    position: relative;
    margin-top:-376px;
    /*MC Fixing Width*/
    height: 376px;
    /*------------*/

/*height: 480px;*/
}
#banner .inner
{
    position: relative;
    width: 1004px;
    margin-left: auto;
    margin-right: auto;
    height: 376px;
    /*------------*/

/*height: 480px;*/
}

/* FlexSlider Default Theme*/
.flexslider 
{ 
    position: relative; 
    background-image: url(../images/blackbg.png);
    zoom: 1;

    /*margin: 0 0 60px;*/ 
    margin:0 ! important; 
    border:0; border:none !important;
}
.flex-viewport 
{
    max-height: 376px;
    margin: auto;
}

/*
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
*/

/*------------------------- login link button  -----------------------*/
#content-top .login
{ 
  /*position:relative;*/
  padding:0px;margin:0;
}
#content-top .login a
{
  /*position: absolute;right: 0px;top: -55px;*/
  position:relative;
  padding:0px; 
  margin: -54px 13px 0 0; 
  display: block; 
  float:right;clear:left;
  width: 225px;
  height: 55px;
  background-image: url(../images/login225x55.png);
  z-index: 100;
}
#content-top .login a span
{
  display:inline-block;	
  padding:20px 0px 0 75px;
  text-decoration:none;
  color: #666;
}
#content-top .logout
{ 
  /*position:relative;*/
  padding:0px;margin:0;
}
#content-top .logout a
{
  /*position: absolute;right: 0px;top: -55px;*/
  position:relative;
  padding:0px; 
  margin-top: -115px; /*=60 + 55*/
  margin-top: -55px; 
  display: block; 
  float:right;clear:left;
  width: 225px;
  height: 55px;
  background-image: url(../images/logout223x55.png);  
  z-index: 100;
}
#content-top .logout a span
{
  display:inline-block;	
  padding:20px 0px 0 75px;
  text-decoration:none;
  color: #666;color: #fff;
}
/*-------------menu bar and main content area----------------------*/ 
#content 
{
  margin-top:10px !important;
}
#content .home-nav, #content .general-nav, #content .home-right, #content .general-right, #content .members-right, #content .members-nav
{
  float: left;
}
#content .general-nav
{
  width:218px;
  margin: 0 11px;
}
#content .general-nav .top
{
  width:218px;
  height:18px; 
  background: url(../images/menuboxtop.png) no-repeat left top;
  /*background: url(../images/menuboxbg240x538.png) no-repeat left top;min-height:538px;*/
  /*background: url(../images/menuboxbgmaskgen240x452.png) no-repeat left top;min-height:452px;*/
}
#content .general-nav .background
{
  width:218px;
  min-height:416px; 
  background: url(../images/menuboxbg.png) no-repeat left top;
  /*background: url(../images/menuboxbg240x538.png) no-repeat left top;min-height:538px;*/
  /*background: url(../images/menuboxbgmaskgen240x452.png) no-repeat left top;min-height:452px;*/
  background-color: #8d7947;
}
#content .general-nav .bottom
{
  width:218px;
  height:18px; 
  background: url(../images/menuboxbottom.png) no-repeat left top;
  /*background: url(../images/menuboxbg240x538.png) no-repeat left top;min-height:538px;*/
  /*background: url(../images/menuboxbgmaskgen240x452.png) no-repeat left top;min-height:452px;*/
}
#content  .home-nav 
{	
  width:240px;min-height:452px;  
  background:  url(../images/menuboxbgmask240x452.png) no-repeat left top;	
}
#content .members-nav {
  width:240px;height:auto;
  background-color:transparent;
}

/*---------------- left vertical radmenu -----------------------*/
/*
.general-nav a , .home-nav a 
{
  color: #fff;
  text-decoration:none;
}
.general-nav ul , .home-nav ul
{
  list-style:none;
  margin:0;margin:16px;
  padding:0;padding:0 16px;
}
.general-nav li, .home-nav li
{
  display:list-item;
}
.general-nav > ul > li , .home-nav > ul > li 
{
  position: relative;
  margin-top: 10px;
  padding:0px;
  border-top: 1px solid #fff;
}
.general-nav > ul > li:first-child , .home-nav > ul > li:first-child 
{
  margin-top: 0;
  border: 0; border:none;
}
.general-nav  > ul > li > a , .home-nav > ul > li > a
{
  display: block;
  padding-top: 9px;
  font-size: 15px;
  line-height: 20px;  
}
*/
/*------------ right main content -------------*/
#content .content-right
{
  width:763px;
  float: left;
}
#content .content-right-top
{ 
  width:763px;
  background:  url(../images/contentBoxTop.png) no-repeat left top;
  height:18px;
}
#content .content-right-middle
{ 
  width:763px;
  background:  url(../images/contentBoxMiddle.png) repeat left top;
  min-height:412px;
}
#content .content-right-bottom
{ 
  width:763px;
  background:  url(../images/contentBoxBottom.png) no-repeat left top;
  height:22px;
}
.content-right-middle .innerbox
{
  padding:12px 32px 10px 32px;
}
.innerbox .pgTitle
{
  margin: 0px 0 15px 0;
  padding-bottom:10px;
  border-bottom: 1px solid #d4b265;
}
.innerbox p
{
  /*margin-bottom:8px;*/
}

/*------------------------- FOOTER STYLING -----------------------*/
#footer 
{
  height: auto;
  width:100%;
}
#footer .col-top 
{
    width: 1004px;
    margin: 0 auto;
}
#footer .col-top div
{
    float: right;
    margin-right: 16px;
    line-height: 50px;
}
#footer .col-center 
{
  background-color: #000;
  border-top: 1px solid #d4b265;
  height: 57px;
  width:100%;
}
#footer .col-center-top 
{
  background-color: transparent;
  height: 35px;
  width:100%;
  margin-bottom:-35px;
}
#footer .col-center .container 
{
  position: relative;
}
#footer .col-center ul 
{
  list-style: none;
  margin: 0;
 padding: 0;
}
#footer .col-center ul li 
{
  font-family: 'crimson_textbold', sans-serif;
  color:#fff;
  font-size: 1em;
 /*line-height: 1.6em;*/
  float: left;
  margin: 0px 0 0 0px;
  padding-right: 16px;padding-top:16px;
}
#footer .col-center ul li a
{
  color:#fff;
  font-size: 1em;
  /*line-height: 1.6em;*/
  text-decoration: none;
}
#footer .col-center ul li a:hover 
{
  text-decoration: none;
}
#footer .col-center ul li:first-child 
{
  color:#fff;font-size: 1.6em;
}
#footer .col-center ul li.second 
{  
  color:#7f6b3d;font-size: 1em;
}
#footer .col-center ul li.last 
{
  float: right;padding-right:0;
}
#footer .col-center span.cross 
{
background: #000 url("../images/cross20x20t.png") no-repeat right center;
display:inline-block;	
padding:35px 35px 0 0px;
text-decoration:none;
color: #ccc;color:#000;text-indent:-9999px;
cursor: pointer;
float: right;margin-right:50px;
width: 61px;
}
#footer .col-center span.plus 
{
background: #000 url("../images/plus20x20t.png") no-repeat right center;
display:inline-block;	
padding:35px 35px 0 0px;
text-decoration:none;
color: #ccc;color:#000;text-indent:-9999px;
cursor: pointer;
float: right;margin-right:50px;
}

#footer .col-center-top 
{
background-color: transparent;
height: 35px;
width:100%;
margin-bottom:-35px;
}
#footer .col-center-top span.cross 
{
background: url("../images/cross20x20.png") no-repeat right center;
display:inline-block;	
padding:0px 18px 0 0px;
text-decoration:none;
color: #ccc;color:#ffffff;text-indent:-9999px;
cursor: pointer;
float: right;padding-right:25px;
}
#footer .col-center-top span.plus 
{
background: url("../images/plus20x20.png") no-repeat right center;
display:inline-block;	
padding:0px 18px 0 0px;
text-decoration:none;
color: #ccc;color:#ffffff;text-indent:-9999px;
cursor: pointer;
float: right;padding-right:25px;
}

