* {
  border: none;
  outline: 0px none;
}

body {
  background: url(../images/bgtile.jpg) top left;
  margin: 0px;
  padding: 0px;
  font-family: Georgia;
  font-size: 11px;
}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

.clear { clear: both;}

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

#header {
  margin: 0px 20px;
  position: relative;
  height: 190px;
}

#headerimg {
  margin: 0;
  height: 190px;
  width: 166px;
  position: absolute;
  left: 20px;
  top: 0px;
  z-index: 2;
}

#navigation {
  width: 100%;
  height: 36px;
  position: absolute;
  top: 41px;
  background: url(../images/nav_back.png) no-repeat right;
  z-index: 1;
}

#navigation ul {
  float: right;
  margin: 0px 15px 0px 0px;
}

#navigation ul li {
  float: left;
  list-style: none;
  line-height: 36px;
}

#navigation ul li.separator {
  margin: 11px 0px 7px;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  background: #001262;
  width: 1px;
}

#navigation ul li a {
  float: left;
  line-height: 36px;
  padding: 0px 5px;
  font-size: 14px;
}

#navigation ul li a{
  color: #001262;
  text-decoration: none;
}

#navigation ul li a.active, #navigation ul li a:hover{
  color: #B45C1C;
  text-decoration: none;
}

#social {
  position: absolute;
  top: 103px;
  right: 0px;
}

#social span {
  line-height: 32px;
  float: left;
  font-size: 11px;
  color: #000d46;
}

#social a {
  width: 32px;
  height: 32px;
  float: left;
  margin: 0px 0px 0px 13px;
}

#social a.twitter {
  background: url(../images/twitter_32.png);
}

#social a.facebook {
  background: url(../images/facebook_32.png);
}

#social a.flickr {
  background: url(../images/flickr_32.png);
}

#social a.linkedin {
  background: url(../images/linkedin_32.png);
}

#social a.youtube {
  background: url(../images/youtube_32.png);
}

#social a.vimeo {
  background: url(../images/vimeo_32.png);
}



#footer {
  background: url("../images/bgtile.jpg") ;
  border-top: 1px solid #CACFE0;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 33px;
  overflow: hidden;
  color: #4c5070;
  z-index: 99;
  font-size: 11px;
  font-weight: normal;
}
#footer .wrapper { line-height: 33px; text-align: center;}
#footer .left { float: left;}
#footer .right { float: right;}
#footer a { color: #4c5070;}

.content { position: relative;}

#home { margin: 68px 0px 0px;}

#home span.click-to-view{
	font-size:13px;
	color:#001262;
	display:block;
}

#home .collection1 {
  width: 277px;
  height: 422px;
  float: left;
  text-align: center;
  margin-right: 24px;
}

#home .collection2 {
  width: 277px;
  height: 422px;
  float: right;
  text-align: center;
}

#home .collection2 .video{
  padding-top:6px;	
  width:277px;
  height:155px;
  background: url(../images/video-border.png);
}

#home .collection2 .paragraph{
  margin-top:20px;
  width:255px;
  height:237px;
  background: url(../images/paragraph-border.png);
  color:#3c4862;
  font-size: 12px;
  line-height: 14px;
  padding:4px 11px 0px 11px;
}

#home .collection2 .paragraph span,#home .collection2 .paragraph a{
  color:#001262;
  font-weight: bold;
}

#home .collection2 .paragraph a{
  text-decoration: none;
  display:inline;
  line-height: 14px;
}

#home .collection2 .paragraph a:hover{
  text-decoration: underline;
}

#home .sketchbook {
  width: 358px;
  height: 630px;
  float: left;
  margin: -133px 0px 0px 0px;
  text-align: center;
  position: relative;
}

#home .sketchbook span.click-to-view{
  font-size:14px;
  font-weight: bold;
}

#home .centralframe {
  width: 358px;
  height: 630px;
  width: 358px;
  height: 630px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 9;
}

#home .sketchbook a.main {
  position: absolute;
  width: 358px;
  height: 630px;
  top: 0px;
  left: 0px;
  z-index: 10;
  background: #E1EEF6;
}

#home div a { color: #000D46; text-decoration: none; line-height: 30px;}
#home div a:hover { text-decoration: none;}

#bridal .frame {
  width: 629px;
  height: 450px;
  position: absolute;
  background: url(../images/bridal_frame.png);
  right: 0px;
  top: -35px;
}

#bridal .frame .image {
  width: 516px;
  height: 356px;
  margin: 47px 0px 0px 57px;
  overflow: hidden;
  position: relative;
  background: url(../images/bgtile.jpg);
}

#bridal .frame .image img { position: absolute;}

#bridal .sublinks { width: 50%; padding: 53px 0px 0px; position: relative;  min-height: 380px;}

#bridal .sublinks .design-sublinks{ display:none; background: #fff; padding: 0px 0px 3px 14px; position: relative; width: 100%;}

#bridal .sublinks .design-sublinks a{ font-size: 12px; line-height: 16px; margin:0px 0px 5px 0px;}

#bridal .sublinks .bioteam-sublinks{ display:none; background: #fff; padding: 0px 0px 3px 14px; position: relative; width: 100%;}

#bridal .sublinks .bioteam-sublinks a{ font-size: 12px; line-height: 16px; margin:0px 0px 5px 0px;}
#bridal .sublinks a.des {margin-bottom: 0px;}

#bridal .sublinks a {
  background: #FFF;
  font-size: 24px;
  color: #1b3665;
  display: block;
  line-height: 53px;
  margin: 27px 0px 0px 0px;
  font-style: italic;
  padding: 0px 0px 0px 100px;
}

#bridal .sublinks a:hover { text-decoration: none;}

#bridal .togglers { position: relative; float: right; margin: -21px 78px 0px 0px; z-index: 9999;}
#bridal a.toggler {display: none; font-size: 12px; text-transform: uppercase; color: #3c4862; padding: 3px 5px; float: left; text-indent: -1000px; overflow: hidden;background: url('../images/button_pause.png');width: 70px; height: 21px;}
#bridal a.resume {background: url('../images/button_resume.png') no-repeat;}

.wrap { background: #F0F5F9; padding: 5px; margin: 24px 0px 0px;}
.descriptions { background: #FFF; padding: 10px 30px; color: #3c4862; font-size: 12px; position: relative; border: 1px solid #CACFE0;}
.descriptions p { line-height: 20px;}
.descriptions li { list-style: none;margin:0px 0px 10px 0px;}

#brides .descriptions p { font-style: italic;}

.collections { clear: both;}
.collections .collection { width: 456px; float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 30px;}
#collections .collection_list { background: url(../images/collections_back.png) repeat-y right; height: 31px;}
#collections .list { float: right;}
.collections .list a { float: left; line-height: 31px; margin: 0px 15px 0px 0px; color: #001262; font-size: 12px;}
#collections .list div { float: left; line-height: 31px; margin: 0px 20px 0px 0px; color: #001262; font-size: 12px;}
.collections .list a:hover, .collections .list a.active { color: #b45c1c; text-decoration: none;}
.collections .frame { width: 446px; height: 630px; float: right; margin-top: -35px;}
.collections .frame .mask { width: 446px; height: 630px; position: absolute; background: url(../images/collection_frame.png); z-index: 3;}
.collections .frame .image { width: 446px; height: 630px; position: absolute; z-index: 1;}
.collections .frame .loader { width: 446px; height: 630px; position: absolute; z-index: 2; background: #FFF url(../images/loading.gif) no-repeat center center;}
.collections .thumbs { margin: 0px 0px 0px 0px; overflow: hidden;}
.collections .thumbs img { border: 3px solid #FFF; width: 74px; height: 74px;}
.collections .active img { border: 3px solid #001262;}
.collections .thumbs .thumb { float: left; margin: 12px 0px 0px 34px;}

#brides .collection_list {position: relative;}
#brides .list { background: url(../images/collections_back.png) repeat-y right; float: right; width:100%}
#brides .wrap {float:right; width:412px;}
#brides .list div { float: right; line-height: 31px; margin: 0px 20px 0px 0px; color: #001262; font-size: 12px;}

#map { width: 500px; height: 420px; border: 1px solid #000A75; float: left;}
#contact { margin: 10px 0px 0px;}
#contact #info { width: 400px; float: right; margin: 0px 20px 0px 0px;}
#contact form label { width: 100px; float: left; padding: 3px 0px; clear: both; font-weight: bold;}
#contact form input, #contact form textarea { font-family: georgia; font-size: 11px; padding: 3px; border: 1px solid #55A6C7; width: 292px;}
#contact form textarea { overflow: auto;}
#contact form .clear { height: 10px; display: block; margin: 0px; border: 0px none;}
#contact form input[type=submit] { width: auto; float: right;}

h3 { font-size: 14px; font-weight: bold;}

ul.swControls { height: 30px; background: url(../images/pagination_back.gif); margin: 12px 0px 0px 34px; padding: 0px; list-style: none; width: 422px; position: relative;}
ul.swControls li a { height: 30px; line-height: 30px; font-size: 12px; color: #001262;}
ul.swControls li a.prev { float: left; padding-left: 12px;}
ul.swControls li a.next { float: right; padding-right: 12px;}
#sketchbook { width: 880px; height: 580px;}

.slidesContainer {width:710px;}
.slideshow.active {display: block;}
.slideshow {display: none;}

.slidesContainer .slide {width:710px; text-align: center;float:left;}

ul.swControls .leftControl {float:left;margin:0px 0px 0px 10px;}
ul.swControls .rightControl {float:right; margin:0px 10px 0px 0px;}
#media .descriptions {width:710px; height:615px; padding:10px;}
#media .swControls {width:730px; height: 30px; top:-30px; left:0px; margin:0px 0px 0px 1px; background: none; position: absolute;}
#media .left {width:230px;float:left;}
#media .right {width:730px;float:right}

#media ul.swControls li.left {width:75px; height: 30px; float:left;}
#media ul.swControls li.right {width:75px; height: 30px; float:right}
#media ul.swControls li.position {width:75px; height: 30px; position: absolute; text-align: center; line-height: 30px; left: 328px; top: 0px;}

#media .left li {list-style: none;line-height: 28px; background: #fff;margin:0px 0px 5px 0px;}
#media .left li a{color:#3C4862; text-decoration: none;padding:0px 0px 0px 20px;}
#media .left ul {margin:70px 0px 0px 0px;padding:0px; }

a.nyroModalClose { float: right; text-align: right; line-height: 20px; font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #011080;}
span.clickanddrag { float: left; line-height: 20px; font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #011080;}

#our-friends {
	background: #FFF url(/images/our-friends-back.png) repeat-y;
	border: 1px solid #CCC;
	padding: 15px 0px;
}

#our-friends .sidebar {
	width: 160px;
	padding: 0px 10px 0px 30px;
	display: inline-block;
	vertical-align: top;
}

#our-friends .sidebar a {
	display: block;
	font-size: 13px;
	line-height: 22px;
	color: #001262;
}

#our-friends .sidebar a:hover {
	color: #B45C1C;
}

#our-friends .sidebar a.active {
	font-style: italic;
	font-weight: bold;
	color: #B45C1C;
}

#our-friends .content {
	width: 690px;
	margin: 0px 30px;
	display: inline-block;
	vertical-align: top;
}

#our-friends .content p {
	margin-top: 0px;
	font-size: 15px;
	line-height: 22px;
}

#our-friends ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#our-friends h1 {
	margin-top: 0px;
	color: #001262;
	font-size: 18px;
	text-transform: uppercase;
}

#our-friends li h2 {
	color: #001262;
	font-size: 14px;
	margin-top: 0px;
}

#friends-list li {
	line-height: 18px;
}

#friends-list > li {
	margin-bottom: 20px;
}

#friends-list li li a {
	color: #B45C1C;
	text-decoration: none;
	font-style: italic;
}

#friends-list li li a:hover {
	text-decoration: underline;
}