/*reset*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

/*global*/
html,body {
	height: 100%;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	background: #073165 url(../images/bg-grad.png) center repeat-y;
}

/*text*/
p {line-height: 1.2em;}

h1 {line-height: 1.6em; font-size: 1.6em; font-weight: normal; padding:20px 0 10px 0;}

h2 {line-height: 1.6em; font-size: 1.6em; font-weight: normal; padding-bottom: 12px;}

h3 {line-height: 1.4em; font-size: 1.3em; font-weight: normal; padding-bottom: 5px; clear: both;}

li {line-height: 1.2em;}

.centre {text-align: center;}
.title {color: #073165;}

a {color: #fff; background: #4c86ae;}

a,
a:visited {text-decoration: none;}

a:hover,
a:active {text-decoration: underline;}

address {font-style: normal; padding-bottom: 15px;}


div#tooltip {
position:absolute;
z-index:2000;
margin-left:10px;
width:auto;
max-width:210px;
display:none;
text-align:center;
background: #fff;
color:#1E5E98;
border-radius: 20px;
-o-border-radius: 20px;
-icab-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding: 20px 15px 20px 15px;
}
div#tooltip p {
position:relative;
}
img.tooltip {
position:absolute;
left:-36px;
top:-10px;
}


/*images*/
#bridal-wear {
	position: absolute;
	top: 0;
	margin: -8px 0 0 208px;
	width: 483px;
	z-index: 3;
}

/*box classes*/
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.fleft {float: left;}

.fright {float: right;}


.light-blue-bg {
	background: #178cda;
	position: absolute;
	height: 100%;
	width: 50%;
	top: 0;
	right: 0;
	margin-left: 450px;
	z-index: 1;
}
.light-blue-across {
	background: url(../images/light-blue-27.png) repeat;
	height: 15px;
	position: relative;
}
.light-blue-left, .light-blue-right {
	background: url(../images/light-blue-border.png) left repeat-y;
}
.light-blue-right {
	background-position: right;
}
.dark-blue {
	background: url(../images/dark-blue-33.png) repeat;
	margin: 0 15px;
	overflow: auto;
}
.black {
	background: url(../images/black-56.png) repeat;
	padding: 15px;
}

.btn {
	display: block;
	box-shadow: 0 0 5px #073165;
	-webkit-box-shadow: 0 0 5px #073165;
	-moz-box-shadow: 0 0 5px #073165;
	margin-top: 30px;
	line-height: 50px;
	text-align: center;
	font-size: 1.4em;
}

.dark {
	background: #4c86ae;
	border: 15px solid #578fb4;
}
.light {
	background: #1b90df;
	border: 15px solid #2898e3;
}

.nobg a {
	background: none;
}

/* layout */
#wrap {
	position: relative;
	background: url(../images/header-bg.jpg) top center no-repeat;
	z-index: 2;
	overflow: hidden;
}
#header {
	width: 900px;
	padding: 0 40px;
	margin: 0 auto;
	height: 135px;
	position: relative;
	z-index: 4;
}
#bookmark {
	position: absolute;
	top: 0;
	left: 0;
	width: 141px;
	height: 201px;
	background: url(../images/bookmark-tag.png);
	z-index: 5;
}

#wrap2 {
	position: relative;
	z-index: 2;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 40px;
}
#main {
	background: url(../images/image-grad.png) 409px 0 repeat-y;
	position: relative;
	overflow: auto;
}

#nav {
	float: left;
	margin-top: 60px;
	width: 100px;
}
#content {
	float: left;
	margin: 30px;
	padding: 15px 20px 20px 20px;		margin-bottom:12px;
	background: url(../images/content-rep.png) left repeat-y;
	width: 295px;
}
#TB-buttons {
	width: 295px;
	margin:auto;
}
#photo {
	float: left;
	width: 375px;
	height: 519px;
	background: url(../images/dress-photo-01.jpg);
	overflow: hidden;
}
#sale {
	position:absolute;
	z-index:10;
	top:15px;
	left:620px;
}

#footer {
	padding: 30px 80px 30px 180px;
}

/*every page*/
#wrap .light-blue-bg {
	margin: 230px 0 -230px 0;
}
#top-ribbon {
	position: absolute;
	top: 0;
	right: 0;
	width: 87px;
	height: 226px;
	background: url(../images/top-ribbon.png);
	margin: -40px -41px 0 0;
	z-index: 3;
}
#bottom-ribbon {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 79px;
	height: 100px;
	background: url(../images/bottom-ribbon.png);
	margin: 0 0 -55px -14px;
	z-index: 3;
}
#bookmark a {
	display: block;
	width: 121px;
	height: 110px;
	margin: 80px 10px 0 10px;
	background: none;
}
#bookmark a:hover {
	background: none;
}
#header a {
	display: block;
	float: left;
	line-height: 35px;
}
#domain {
	background: url(../images/black-56.png) repeat;
	padding: 0 35px;
}
#tel {
	background: url(../images/white-88.png) repeat;
	padding: 0 15px;
	color: #178cda;
	font-size: 1.4em;
}
#nav li {
	margin-bottom: 20px;
}
#nav li.closer  {
	margin-bottom: 3px;
}
#nav li a {
	display: inline-block;
	background: url(../images/light-blue-27.png) repeat;
	padding: 5px 10px;
}
#nav li a:hover {
	background: url(../images/black-56.png) repeat;
	text-decoration: none;
}
#nav li a.onpage {
	background:#2898E3;
	cursor:default;
}
#nav li a.inside {
	padding: 5px 10px 5px 20px;
}

#content p,
#TB_window p {
	line-height: 1.9em;
}
#footer p {
	padding-bottom: 25px;
}
#bottom-space {
	padding:20px;
	text-align:center;
}
#bottom-margin {
	margin-bottom: 40px;
}

/*home page*/

/*dresses page*/


.dress img {
	margin:3px 3px 2px 3px;
}
.dress,
.dress:visited{
	display: block;
	float: left;
	box-shadow: 0 0 3px #073165;
	-webkit-box-shadow: 0 0 3px #073165;
	-moz-box-shadow: 0 0 3px #073165;
	margin: 0 2px 10px 2px;
	background: #578fb4;
	outline:none;
	padding:0;
}
.dress:active,
.dress:focus {
	background: #2898E3;
}
.dress:hover {
	background: #fff;
}

#dresses-page #photo {
	background: #fff;
}
#photo p {
	color: #333;
	padding: 200px 120px;
	font-size: 1.3em;
	text-align: center;
	text-transform: capitalize;
}
#dresses-page #photo img {
	position: absolute;
	display: none;
}
.dress-259x390 {
	margin: 64px 58px;
}

#details {
	padding: 15px;
	overflow: auto;
}
#details a, #details p {
	display: none;
}
#details p {
	clear: both;
	padding: 10px 0;
	font-size: 2em;
}

/* accessories page */

#photo-tile {
	background: url(../images/bridal-accessories.jpg) top right repeat-y;
	overflow:auto;
}

#accessories-page #photo {
	background:none;
}

ul#bridal-accessories,
ul#bridal-accessories ul {
	list-style-type:none;
}
ul#bridal-accessories > li {
	margin:10px 0 5px 0;
}
ul#bridal-accessories ul {
	margin:10px 0 20px 0;
}
ul#bridal-accessories h3 {
	display:inline;
}
ul#bridal-accessories h3 a:link,
ul#bridal-accessories h3 a:visited {
	display:block;
	padding:2px 8px 2px 8px;
	background:#4C86AE;
}
ul#bridal-accessories h3 a:hover,
ul#bridal-accessories h3 a:active,
ul#bridal-accessories h3 a:focus{
	background:#2898E3;
	outline:none;
}

/*contact page*/

#contact-page #main {
	height:624px;
}

#contact-page #photo {
	background: none;
	height:623px;
	position:absolute;
	top:0px;
	right:0px;
	float:none;
}

#contact-page  #content {
	padding: 0 0 0 0;
	width: 335px;
}
#bride {
	padding: 15px 20px 50px 20px;
	height:499px;
	/*background: url(../images/happy-bride.png) bottom center no-repeat;*/
}

.label {
	padding: 5px 0 0 0;
}
.submit {
    background: url(../images/send-email.gif) 0 0;
    margin: 5px auto 0 auto;
    height: 33px;
    width: 119px;
    border: none;
	display: block;
}
.submit:hover {
    background-position: 0 33px;
	cursor: pointer;
}       
.input {
    color: #404242;
	width: 180px;
	padding: 3px;
	font-size: 11px;
	line-height: 14px;
    border: 1px solid #bd6029;
    background: #fff url(../images/grad.gif) top repeat-x;
}
.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #404242;
	height: 75px;
	width: 180px;
	padding: 3px;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
    border: 1px solid #bd6029;
    background: #fff url(../images/grad.gif) top repeat-x;
}
.input:focus, .textarea:focus {
    background: #ffeda8;
}