/* ============================================= */
/* Common Styles                                 */
/* ============================================= */
html,body,h1,h2,h3,h4,h5,h6,p,img {
    margin: 0;   
}
html, body, form {
    height: 100%;
    min-height: 100%;
}

#notice{
text-align:center;
background-color:#000;
color:#fff;
padding:10px;
font-size:20px;
}

/* ============================================= */
/* Standard TAG Styles                           */
/* ============================================= */
img {
    border: 0;
           
}

h1  a
{
    color:#666666;
}
h1 {
	font-size: 24px;
	color: #4e546a;
	text-transform: uppercase; 
}
h2 {
	font-size: 20px;
	color: #8d8d88; 
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	color: #4e546a; 
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
h4 {
	font-size: 13px;
	color: #4e546a;
	text-transform: uppercase; 
}
h5 {
	font-size: 12px;
	color: #4e546a;
	text-transform: uppercase; 
}
h6 {
	font-size: 11px;
	color: #4e546a;
	text-transform: uppercase; 
}

/* ============================================= */
/* Website CSS Tools Styling                     */
/* ============================================= */
.left {
    float: left;
}
.right {
    float: right;
}
.hide {
    display: none;
}
.pointer {
    cursor: pointer;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    height: 1%;
}
/* for IE/Mac */
a:active, a:focus {
    outline: none;
}
.hidden {
    display: none;
}


/* BUTTONS */

a.button_p_r, a.button_p_r:visited  {
	display: block;
	width: 89px;
	height: 24px;
	text-align: center;
	font-size: 13px;

	color: #ffffff;
	font-weight: bold;
	margin-left: 10px;
	background-image: url(../../images/bespoke/button_b.png);
	background-repeat: no-repeat;
	padding-top: 7px; 
	text-decoration: none;
	float: right;
}

a.button_p_r:hover { background-position: 0 -31px; }

a.button_p_l, a.button_p_l:visited {
	display: block;
	width: 89px;
	height: 24px;
	text-align: center;
	font-size: 13px;

	color: #ffffff;
	font-weight: bold;
	margin-right: 10px;
	background-image: url(../../images/bespoke/button_p.png);
	background-repeat: no-repeat;
	padding-top: 7px; 
	text-decoration: none;
	float: left;
}

a.button_p_l:hover { background-position: 0 -31px; }

a.button_v_r, a.button_v_r:visited {
	display: block;
	width: 89px;
	height: 24px;
	text-align: center;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	margin-left: 10px;
	background-image: url(../../images/bespoke/button_b.png);
	background-repeat: no-repeat;
	padding-top: 7px; 
	text-decoration: none;
	float: right;
}

a.button_v_r:hover { background-position: 0 -31px; }

a.button_v_l, a.button_v_l:visited {
	display: block;
	width: 89px;
	height: 24px;
	text-align: center;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	margin-right: 10px;
	background-image: url(../../images/bespoke/button_b.png);
	background-repeat: no-repeat;
	padding-top: 7px; 
	text-decoration: none;
	float: left;
}

a.button_v_l:hover { background-position: 0 -31px; }

.button_l {
	float: left;
	margin-top:20px;
	
}

.button_r {
	float: right;
}



#wrapper 
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin:0 auto;
    background-image:url(../../images/bespoke/bkg-swpg-content-tile.png);
    background-repeat:repeat-y;
    background-position:center top; 
}

  

#footer {position: relative;
  margin-top: -200px; /* negative value of footer height */
  height: 200px;
  clear:both;} 

/*Opera Fix*/
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;
}

/* ============================================= */
/* Main Body CSS Styling                         */
/* ============================================= */
body {    
    background-image:url(../../images/bespoke/bkg-swpg-tile.jpg);
	background-position:left top ;
	background-repeat: repeat-x ;
	padding:0px;
    margin:0px;
    font-size: small;    
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#454545;
}


/* ============================================= */
/* Header Content CSS Styling                    */
/* ============================================= */
#header {
    width: 1000px;       
    height:373px;
    margin: 0 auto;               
    position:relative;
    background-image: url(../../images/bespoke/banner2.jpg);
	background-position:center top;
	background-repeat: repeat-y;
    
}
#header .logo
{    
    position:absolute;
    top:-2px;
    left:0px;
	width:560px;
	height:111px;     
}

/* ============================================= */
/* Header Search CSS Styling                    */
/* ============================================= */
form#search, #site-search
{
	position: absolute;
	top: 20px;
	right: -2px;
	width: 250px;
	height: 50px;
}

form#search input#keyword, #site-search .txt  {
	color: #b8b2a9;
	font-size: 14px;
	width: 144px;
	height: 30px;
	margin: 10px 0px 5px 30px;
	padding: 0px 30px 0px 5px;
	border: 0;
	background: url(../../images/bespoke/search-input.png) no-repeat transparent;
}


form#search input#go, #site-search .btn {
	position: absolute; 
	top: -2px;
	right: 20px;
	width: 49px;
	height: 49px;
	border: 0px;
	background: url(../../images/bespoke/go-button.png) no-repeat  transparent;
}

form#search input#go:hover, #site-search .btn:hover {
	background-position: 0px -49px;
}



/* ============================================= */
/* Menu CSS Styling                    */
/* ============================================= */
#menu-row {
	height: 54px;
	bottom:0;
	position: absolute;
	width:1000px;	
	background: url(../../images/bespoke/bkg-swpg-nav.jpg) repeat-x ;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/

}
.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-transform:capitalize;
	font-style:italic;
}
.menu ul li {
	float: left;
	position: relative;
}
.menu ul li ul {
	display: none;
}
.menu ul li a {
	display: block;
	text-decoration: none;
	color: #919395;
	border-bottom: 0;
	line-height: 40px;
	font-size: 20px;
	overflow: hidden;
	text-align: center;
	padding: 7px 14px;
	margin: 0 1px;
}
.menu ul li a:hover {
	color: #fff;
	background: url(../../images/bespoke/GradientDown.jpg) repeat-x ;
}
/* ============================================= */
/* Main Content CSS Styling                      */
/* ============================================= */
#content {
    width:1000px;
    margin:0 auto; 
    padding-bottom:200px;            
}

#pageContent{
    min-height:250px;
	width:1000px;
	margin:0 auto;
	background: url(../../images/bespoke/bkg-swpg-promo.jpg) repeat-x ;
	background-position:bottom left;
	padding-bottom:40px;

}

/* NO BORDER FOR LINKED PICTURES */
img {
	border:0;
}
/* PICTURE STYLES */

.content_pic_left {
	float: left;
	display: inline;
	margin-right: 21px;
	margin-bottom: 20px;
	margin-left: -5px;
	width:230px;
    padding:8px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;
	
}

.content_pic_right {
	float: right;
	display: block;
	margin-left: 21px;	
	margin-bottom: 20px;
	margin-right: -5px;
	width:230px;
	padding:8px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;
}

.col {
	text-align: left;
	position: relative;

}

.col p {
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #60626a;
	text-align: justify;
}

.col a {
	text-decoration: none;
	font-weight: bold;
}
.col a:visted {
	color: #089eee;
	text-decoration: none;
	font-weight: bold;
}
.col a:hover{
	color: #089eee;
	text-decoration: underline;
	font-weight: bold;
}



/* Ordered and Unordered List */



.col ol {
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #60626a;
	text-align: left;
	
}

.col ul {
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #60626a;
	text-align: left;
	
}




/* ============================================= */
/* Home Content CSS Styling                      */
/* ============================================= */

#promo{
    height:250px;
	width:1000px;
	margin:0 auto;
	padding-top:25px;
	background: url(../../images/bespoke/bkg-swpg-promo.jpg) repeat-x ;
	background-position:bottom left;

}

#promo .demo-wrap {
	padding-top: 15px;
	border-top-color: rgb(195, 195, 193);
	border-top-width: 1px;
	border-top-style: dotted;
}
.border.demo-wrap .bx-window {
	margin-top: 78px;
}
#promo .left {
	width: 550px;
	float: left;
	margin-left:70px;

}
#promo .right {
	width: 180px;
	margin-right:80px;
	float: right;

}
#promo.right .album {
	font-size: 16px;
	margin-top: 60px;
}
#promo .right .band {
	color: rgb(131, 131, 131);
	font-size: 14px;
}
#promo .multiple li {
	width: 190px;
}
#promo .bx-wrapper {
	margin: 0px auto;
}

#promo .bx-prev {
	background: url("../media/icon_arrow_left.png") no-repeat 0px -31px;
	left: 15px;
	top: 78px;
	width: 31px;
	height: 31px;
	text-indent: -999999px;
	position: absolute;
}
#promo .bx-next {
	background: url("../media/icon_arrow_right.png") no-repeat 0px -31px;
	top: 78px;
	width: 31px;
	height: 31px;
	right: 15px;
	text-indent: -999999px;
	position: absolute;
}
#promo .bx-next:hover {
}
#promo .bx-prev:hover {
}
.field .field-label {
	color: rgb(131, 131, 131);
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}
.bx-auto {
	text-align: center;
}
.bx-start {

	display:none;
}
.bx-start:hover {
	display:none;
}
.bx-pager {
	text-align: center;
}
.bx-pager a {
	padding: 0px 10px;
	color: rgb(131, 131, 131);
	font-size: 16px;
}
.bx-pager .pager-active {
	color: rgb(222, 49, 42);
	text-decoration: none;
}
.bx-pager a:hover {
	color: rgb(222, 49, 42);
	text-decoration: none;
}





div.holder{
	width:1000px;
	margin:0 auto;
	padding-top:40px;
}

div.holder div.block{
	width: 180px;
	float: left;
	margin: 0px 18px 0px 0px;
   padding: 0px 60px 0px 60px;	
}
	

div.holder div.last{
	margin: 0px 0px 70px 0px;
}


div.holder div.block div.thumb-holder{
   
}

div.holder div.block img.thumb{

	width: 180px;
	height: 155px;

	
}

div.holder div.block h2{
	line-height: 1em;
	margin-bottom: 0px;
	text-indent: 0px;

}

div.holder div.block h3{
	line-height: 1em;
	margin-bottom: 10px;

}

div.holder div.block p.thumb-text{
	font-size: 14px;
	line-height: 1.5em;
	color: #665d4e;
	padding-top: 10px;
	margin-bottom: 10px;
}

.col{
    width:870px;
    padding:20px;

}
.col p{
	font-size: 13px;
	line-height: 20px;
	text-align: justify;

}

.result{
    margin-top:20px;
}
/* ============================================= */
/* Toggle & Accordion                            */
/* ============================================= */




h5.accordion-trigger,
h5.toggle-trigger {
	padding: 0 0 0 45px;
	margin: 0 0 5px 0;
	height: 46px;
	line-height: 46px;
	width: 100%;
	float: left;
	background: url(../../images/bespoke/toggle-button.png) no-repeat  10px 10px;
	border-bottom: 1px dashed #838383;
}


h5.accordion-trigger a,
h5.toggle-trigger a {
	color: #665d4e;
	text-decoration: none;
	display: block;
}

h5.accordion-trigger a:hover,
h5.toggle-trigger a:hover { 
	color: #606060;
}

h5.accordion-trigger.active,
h5.toggle-trigger.active {
	background-position-x: 10px;
	background-position-y: -68px;
} 

div.accordion-container,
div.toggle-container {
	margin: 0 0 5px 0px;;
	padding: 0;
	overflow: hidden;

	clear: both;
}

div.accordion-container .block,
div.toggle-container .block {
	padding: 10px; 
}


div.accordion-container .block p,
div.toggle-container .block p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}


/* ============================================= */
/* Stick footer                                  */
/* ============================================= */
#footer{
    background-image: url(../../images/bespoke/footer-bg.png);
	background-position:center bottom;
	background-repeat: repeat-y;	
	width:100%;	
}

#footer-content {    
    width: 1000px;                
    position: relative;
    height: 200px;            
    margin: 0 auto ; /* negative value of footer height */
    background-image:url(../../images/bespoke/bkg-swpg-footer.jpg);
	background-position:center bottom ;
    background-repeat: no-repeat ;      
    clear:both;         
}

#footer-paymentcards{
    background-image:url(../../images/bespoke/bkg-swpg-paymentcards.jpg);
	background-position:center bottom ;
    background-repeat: no-repeat ; 
    width:374px;
    height:60px;
    margin:0 auto;
    padding-top:140px;
}

/* ============================================= */
/* contact CSS                                   */
/* ============================================= */
div.contact-left{
	width: 450px;
	float: left;
}


div.contact-right{
	width: 350px;
	float: right;
}


div.contact-right p{
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #665d4e;
}

div.contact-right a{
	color: #665d4e;
	font-weight: bold;
	text-decoration: none;
}

div.taped-image{
	display: block;
	position: relative;
	height: 307px;
	margin-bottom:10px;
}

div.taped-image span{
	position: absolute;
	width: 171px;
	height: 28px;
	left: 120px;
}

div.taped-image em{
	position: absolute;
	height: 28px;
	width: 100%;
	bottom: 0px;
}


div.taped-image img, div.taped-image .map {
	margin-top: 15px;

}
div.contact-left,
div.leave-comment{
}

div.contact-left,
div.leave-comment{
	margin-top: 20px;
}


div.contact-left input,
div.contact-left .txt,
div.contact-left .msg,
div.contact-left textarea,
div.leave-comment input,
div.leave-comment textarea{
	color: #666666;
	font-size: 14px;
	border: 1px solid #665d4e;
	background: #fff;
	padding: 4px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

div.contact-left input,
div.contact-left .txt,
div.contact-left .msg,
div.contact-left textarea,
#comment-form input,
#comment-form textarea{
	width: 400px;
	margin-bottom: 6px;

}

div.contact-left .msg
{
    height:80px;

}

div.contact-left  input#send,
div.contact-left .btn,
#comment-form input#send{
	width: 87px;
	height: 36px;
	background: url(../../images/bespoke/submit-button.png) no-repeat transparent;
	border: none;
	margin-top: 14px;
}


div.contact-left input#send:hover,
div.contact-left .ntn:hover,
#comment-form input#send:hover{
	background-position: 0px -37px;
}


div.contact-left  fieldset label,
#comment-form label, div.contact-left  fieldset .lbl
{
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #665d4e;
}

div.contact-left  fieldset{
    padding:10px;
    margin-bottom:20px;
}

div.contact-left  fieldset p,
#comment-form p{
	
}

div.contact-left p#error,
div.contact-left .error,
div.leave-comment p#error{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 10px;
}


div.contact-left p#success,
div.contact-left .success,
div.leave-comment p#success{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #e1820b;
	margin-bottom: 10px;
}

#header-text{
	padding-top:120px;
	padding-left:50px;
	font-size: 30px  !important;
	width:500px;
	text-transform:capitalize;
	font-weight:bold;

}

#top-links {
    margin-bottom: 20px;
    padding: 5px 25px 0 10px;
    text-align: right;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */