/*======================================
  Sarasota Brides ---- stylesheet.css
======================================*/

/**************************************\
|------------COLORS--------------|
|--------------------------------------|
- pink		#cd5481
- purple	#4b2f71
- drk grey      #2a1f18
- drk purple    #8b1a44 (links)
\***


/**************************************/
/*             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,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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/**************************************/
/*              GLOBALS               */
/**************************************/

body { background: #fff; color: #31312f; font-family: arial, helvetica, sans-serif; font-size: 13px; color: #282828; line-height: 16px; height: 100%; }

a { color: #8b1a44; text-decoration: none; border: 0; outline: none; }
a:hover { color: #97a9c1; text-decoration: underline; }

a.arrow { background: url('graphics/arrow_sm.gif') no-repeat center left; padding-left: 14px; }
.button { padding: 6px; background: #ccc; border: 1px solid #fff; margin-bottom: 26px; width: 160px; text-align: center; }

hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.4em; }
p { margin-top: 0; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.4em; color: #545454; line-height: 1.3em; }
h3 { font-size: 1.1em; color: #4b2f71; }

h1 { margin: 1em 0 .5em;  }
h2 { margin: 0 0 1.1em 0; }
h3 { margin: 0 0 4px 0; }

.divider-dotted { border-top: 1px dashed #00bcd5; clear:both; float:none; margin: 10px 0 20px 0; }

.wrapper { width: 960px; margin: 0 auto; position: relative; }

.right { float: right; }

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/**************************************/
/*             HEADER//NAVIGATION             */
/**************************************/

#header { height: 63px; overflow: visible; position: relative; z-index: 3; }
ul.menu { float: right; height:	63px; margin: 0; padding: 0; text-align: right;}
.menu li { float: left; text-align: right; list-style: none; background: transparent url('graphics/menu_spacer.gif') no-repeat 100% 0; padding: 0 5px 0 8px; }
.menu a { float: left; display: block; height:	63px; padding: 25px 7px 0 0; text-transform: uppercase; text-decoration: none; font-size: 14px; color: #4b2f71; }
.menu a:hover, .menu a.current, .menu a.current:hover { color: #999; }

/**************************************/
/*            HEADER PICS             */
/**************************************/

#header-home { background: url('graphics/home_header_pic.png') no-repeat; width: 1146px; height: 424px; margin: 0 auto; }
#bannerswrapper { padding: 17px 0 0 620px; }
.fba_links img:hover { -moz-box-shadow: 2px 2px 20px #000; -webkit-box-shadow: 2px 2px 20px #000; }

#interior-home { background: url('graphics/interior_header_pic.png') no-repeat; width: 1130px; height: 224px; margin: 0 auto; position: relative; }
.trans-top { position: absolute; bottom: 0; left: 85px; height: 28px; width: 960px; }
.pagetitle { position: absolute; top: 134px; left: 124px; font-size: 48px; color: #4b2f71; width: 800px; }


/**************************************/
/*            CONTENT                 */
/**************************************/

#content-bg-top { height: 28px; width: 960px; margin-top: -28px; z-index: 99; }
#content-bg { background: url('graphics/content_bg.png') repeat-y; width: 960px; margin: 0 auto; }
#content-bg-bottom { background: url('graphics/content_bg_bottom.png') no-repeat; width: 960px; height: 19px; margin: 0 auto; }
#content { width: 880px; margin: 0 auto; display: block; padding: 30px 0; }
.maincol { float: left; width: 580px; text-align: left; }
.listercol { float: left; width: 225px; text-align: left; }
.colspace { margin-right: 70px; }

.main-inset-left { float: left; width: 300px; position: relative; z-index: 1; }
.main-inset-left div { margin: 0 0 0 16px; }
.main-inset-left div a { font-size: 120%; line-height: 140%; font-weight: bold; }
.main-inset-right { float: left; width: 280px; position: relative; z-index: 99; }

#requestbox { background: url('graphics/main_request_box.jpg') no-repeat; width: 545px; height: 342px; margin: -70px 0 -24px 0; }
#requestbox div { padding: 135px 0 0 259px; }
#requestbox div h3 { font-size: 1.5em; }
#requestbox div p { padding: 4px 4px 0 14px; }

#testimonialbox { background: #f5f5f5; border: 1px solid #c4c4c4; width: 250px; height: auto; padding: 10px; margin: 12px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; z-index: 998; }
#testimonialbox div { margin: 0; padding: 0; position: relative; z-index: 999; }
#testimonialbox p { margin: 0 0 4px 0; padding: 0; }
.trun { margin: 0; padding: 0; }
#testimonialbox a { font-weight: normal; font-size: 90%; }

.loctext { font-size: 110%; line-height: 140%; }
.loctext img { border: 1px solid #2a1f18; }
.maincol iframe { border: 1px solid #2a1f18; }

.gownsbg { background: url('graphics/newarrivals_title.jpg') no-repeat bottom left; height: 100%; padding-bottom: 60px; }
.gownspics img { padding: 0 4px; }


/**************************************/
/*            LISTER COLUMN           */
/**************************************/

#colheader { background: #cd5481; color: #fff; font-size: 110%; padding: 10px 0 8px 20px; text-transform: uppercase; position: relative; text-align: left; }
.colheader-arrow { border-color: #cd5481 transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-19px; left:13px; }

#colheader span { font-size: 80% !important; text-transform: none; }
.sm { font-size: 100% !important; }

ul#gallery-lister { width: 200px; margin: 0; padding: 20px 0 4px 16px; clear: both; }
ul#gallery-lister li { float: left; list-style: none; width: 90px; padding: 0px 4px 2px 0px; margin: 0; }
ul#gallery-lister li img { border: 1px solid #666; }
ul#gallery-lister li a { display: block; width: 90px; height: 75px; border: 1px solid #666; text-indent: -3000px; }

#location-lister { margin: 20px; 0 0 16px; }
#location-lister img { border: 1px solid #2a1f18; }

#smedia { margin: 24px 0 0 18px; }

#subnav ul { margin: 14px 0 12px 0; padding: 0; clear: both; }
#subnav ul li { list-style: none; padding: 6px 0; border-bottom: 1px dotted #ccc; }
#subnav ul li a { font-size: 90%; font-weight: bold; color: #5d5d5d; padding-left: 14px; }
#subnav ul li p { padding:0; margin:0; }


/**************************************/
/*          FORM ASSETS               */
/**************************************/

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }
textarea, input { padding: .3em 0 .3em .2em; margin-bottom: .3em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }


/**************************************/
/*               FOOTER               */
/**************************************/

/* #footer { position: absolute; bottom: 0; width: 100%; height: 80px; background: url('graphics/footer_bg.jpg') repeat-x; } */
#footerwrapper { width: 960px; margin: 0 auto; font-size: 90%; color: #666; }
.copyright { float: left; width: 386px; margin: 14px 0 0 14px; }
.footernav { float: left; width: 546px; margin: 14px 14px 0 0; text-align: right; }

ul.footermenu { float:right; margin: 0; padding: 0; }
.footermenu li { float: left; text-align: right; list-style: none; padding: 0; }
.footermenu a { float: left; display: block; border-right: 1px solid #ccc; padding: 0 4px; text-transform: uppercase; text-decoration: none; color: #666; font-size: 90%; }
.footermenu a:hover, .menu a.current, .menu a.current:hover { color: #999; }
.footermenu a.last { border-right: none; }


/**************************************/
/*         TESTIMONIALS               */
/**************************************/

.blogInfo { border-bottom: 1px dashed #ccc; margin-bottom: 14px; padding-bottom: 14px; }
.blogBody { margin-bottom: 6px; padding: 0; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }

/**************************************/
/*              GALLERY               */
/**************************************/

.gallery { width: 620px; display: block; }
.thumbnail { float: left; margin-right: 10px; padding: 5px; position: relative; width:150px; }
.thumbnail img { border: 1px solid #ccc; padding: 5px; }
.thumbnail img:hover { border: 1px solid #cd5481; }


/**************************************/
/*            SLIDESHOW               */
/**************************************/

#nav { margin: 10px 0 50px 0; position: relative; text-align: center; }
#nav li { float: left; list-style: none; }
#nav a { margin: 3px; padding: 3px; font-size: 90%; border: 1px solid #ccc; background: #ccc; text-decoration: none; }
#nav a.activeSlide { background: #cd5481; color: black; }
#nav a:focus { outline: none; }


#slideshow { width: 575px; text-align: center; margin: 0 auto; clear: left; }
#slideshow div { width: 575px; }
#slideshow div img { margin: auto; display: block }

.pics img { padding: 8px; border: 1px solid #ccc; background-color: #eee; }
.caption { clear: left; margin-top: 12px; text-align: center; }


/**************************************/
/*             NEWS                   */
/**************************************/
.newsWrapper h2 { margin-bottom: 6px; }
.newsWrapper .headline { font-weight: bold; }
.newsWrapper .publish { color: #777; font-size: smaller; }
.newsWrapper .author { color: #777; font-size: smaller; }
.newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .source { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }

td.cal{
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #000000;
background-color : #d3d3d3;
}
select.month{
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #000000;
width : 85px;
}
input.year{
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #000000;
width : 30px;
}
td.calDaysColor {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #ffffff;
background-color : #000000;
}
td.calWeekend {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #ffffff;
background-color : #c0c0c0;
}
td.calBgColor {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #ffffff;
background-color : #d3d3d3;
}
.calBorderColor {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #ffffff;
background-color : #a9a9a9;
}
td.calHighlightColor {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #ffffff;
background-color : #ffffcc;
}
A.cal {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #000000;
text-decoration : none;
}  
A.cal:Hover {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #FF0000;
text-decoration : none;
} 
.disabled {
font-family : Arial,Helvetica,Sans-serif;
font-size : 11px;
color : #808080;
text-decoration : none;
}

#freedom_calendar { position: absolute; left: 120px; top: 100px; width: 200px; z-index: 100; visibility: hidden; clip:rect(0px 200px 160px 0px); height: 160px; font-size: 11px;}
#freedom_calendar table { border: 1px solid #a9a9a9; padding: 1px; }
td.cal { color : #000; text-align: center; background-color : #d3d3d3; }
select.month{ width: 85px; }
input.year{ width: 30px; }
td.calDaysColor { color: #fff; background-color: #000; text-align: center; }
td.calWeekend { color: #fff; background-color: #c0c0c0; text-align: center; }
td.calBgColor { color : #fff; background-color: #d3d3d3; }
.calBorderColor { color: #fff; background-color: #a9a9a9; }
td.calHighlightColor { color: #fff; background-color: #ffffcc; text-align: center; }
a.cal { color: #000; text-decoration : none; }  
a.cal:hover { color: #FF0000; text-decoration: none; } 
.disabled { color: #808080; text-decoration: none; }