/* Angela Marcuccio - stylesheet
------------------------------------------------------------------*/
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
    background: #fff;
    padding-top: 20px;
    padding: 0;
    border: 0;
    font-family: "Palatino Linotype";
}

img {
	border: none 0px;
}

p {
  	font-family: "Palatino Linotype";
	font-size: 14px;
	color: #333333;
	text-align: justify;
	padding: 5px;
}

h1 {
	padding-bottom: 10px;
	font-size: 60px;
	color: #fff;
    font-family: "bickham-script-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
}

h2 {
	margin: 0px;
}

a {
  	font-family: "Palatino Linotype";
	font-size: 14px;
	color: #91272d;
	text-decoration: underline;
}

a:hover {
  	font-family: "Palatino Linotype";
	font-size: 14px;
	color: #000;
	text-decoration: underline;
}

td {
  	font-family: "Palatino Linotype";
	font-size: 14px;
	color: #333333;
}

/*aligns img with text on same line */
.textimg {
  display: inline;
}

.caption {
  	font-family: "Palatino Linotype";
	font-size: 12px;
	font-style: italic;
	color: #333333;
	margin-top: 10px;
	margin-right: 40px;
	float: right;
}

.credit {
  	font-family: "Palatino Linotype";
	font-size: 12px;
	font-style: italic;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 40px;
	float: left;
}

.credit a {
  	font-family: "Palatino Linotype";
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

.credit a:hover {
  	font-family: "Palatino Linotype";
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

#wrapper {
    margin-top: 0;
	width: 100%;
}

#center {
	  width: 960px;
	  height: auto;
	  margin: auto;
}

#header {
    margin: 0;
	width: 960px;
    height: 100px;
}

#landing {
    background-image: url('images/Beleura-1.jpg');
    background-size: cover;
}

#logo {
	width: 100%;
	height: 80px;
	padding-top: 20px;
	text-align: center;
}

#navigation {
	width: 980px;
	margin-left: 20px;
	margin-top: 40px;
	position: relative; 
	float: left;	
	display: block; 
}

#navigation ul {
	list-style-image: none;
	list-style-type: none;
}

#navigation li {
  	text-align: left;
  	margin-right:50px;
	position: relative; 
	float: left;	
	display: block; 
}

#navigation a {
	font-family: sans-serif;
  	color: #808080;
	font-size: 11px;  
	text-decoration: none;  
}

#navigation a:hover {
	font-family: sans-serif;
	color: #91272D;
	font-weight: normal;
	font-size: 11px;  
	text-decoration: none;  
}

#border {
	width: 960px;
	height: 12px;
	margin-top: 10px;
	position: relative; 
	float: left;	
	display: block; 
}

#content {
	width: 960px;
	height: auto;
	position: relative; 
	float: left;	
	display: block; 
	margin-bottom: 20px;
}

#footer {
	width: 960px;
	height: 30px;
  	font-family: "Palatino Linotype";
  	color: #808080;
	font-size: 10px;
	position: relative; 
	float: left;	
	display: block; 
}

#copyright {
	width: 300px;
	margin-left: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

#jazeffect {
	padding-right: 0px;
	position: relative; 
	float: right;	
	display: block; 
}

#jazeffect a {
  	font-family: "Palatino Linotype";
	font-size: 10px;
  	color: #808080;
}

#jazeffect a:hover {
  	font-family: "Palatino Linotype";
	font-size: 10px;
	color: #333;
}

/* STYLE FOR MAIN CONTENT PAGES */

#submenu {
	width: 250px;
	border-top: 1px dotted #444;
	border-bottom: 1px dotted #444;
	padding: 10px;
	position: relative; 
	float: right;	
	display: block; 
}

#submenu ul {
	list-style-image: none;
	list-style-type: none;
}

#submenu li {
  	font-family: "Palatino Linotype";
  	text-align: left;
  	line-height: 20px;
}

#submenu a {
  	color: #808080;
	font-size: 12px;  
	text-decoration: none;  
}

#submenu a:hover {
	color: #91272D;
}

.main {
	width: 960px;
	height: auto;
	margin-top: 20px;
	margin-left: 30px;
	position: relative; 
	float: left;	
	display: block; 
}

.main-brides {
	width: 960px;
	height: auto;
	margin-top: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

.grid-1 {
	width: 550px;
	padding-right: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

.grid_half {
	width: 500px;
	padding-right: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

.grid-portrait {
	width: 350px;
	margin-top: 50px;
	position: relative; 
	float: right;	
	display: block; 
}

.grid-img {
	width: 350px;
	position: relative; 
	float: right;	
	display: block; 
}

.grid-img_wide {
	width: auto;
	position: relative; 
	float: left;	
	display: block; 
}

#media-frame {
	width: 940px;
	height: auto;
	border-bottom: 1px dotted #444444;
	padding-bottom: 20px;
	margin-top: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

.grid-media {
	width: 600px;
	margin-right: 40px;
	position: relative; 
	float: left;	
	display: block; 
}

.grid-gallery {
	width: 600px;
	margin-right: 40px;
	position: relative; 
	float: left;	
	display: block; 
}

.grid-gowns { /*for new gown slider */
	width: 900px;
	position: relative; 
	float: left;	
	display: block; 
}

.font-gallery {
  	font-family: "Palatino Linotype";
  	font-size: 14px;
  	font-weight: normal;
  	font-style: italic;
  	color: #333333;
  	padding-top: 10px;
}

.grid-gallery-heading {
	width: 300px;
  	font-family: "Palatino Linotype";
  	font-size: 15px;
  	font-weight: bold;
  	color: #91272d;
	position: relative; 
	float: left;	
	display: block; 
}

.grid-gallery-heading2 {
	width: 160px;
  	font-family: "Palatino Linotype";
  	font-size: 14px;
  	font-weight: normal;
  	color: #333;
  	padding-left: 10px;
}

.grid-media-heading {
	width: 300px;
  	font-family: "Palatino Linotype";
  	font-size: 15px;
  	font-weight: bold;
  	color: #91272d;
	position: relative; 
	float: left;	
	display: block; 
}

.grid-media-heading a {
	font-weight: normal;
}

/* STYLE FOR INDEX PAGE */

#top {
	margin-top: 10px;
}

#logo-index {
	width: 380px; /*changed for valentines from 400*/
	height: 80px;
	padding-top: 140px; /*changed for valentines from 200 */
	padding-right: 7px;
	position: relative; 
	float: left;	
	display: block; 
	text-align: center;
}

#logo-index2013 {
	width: 350px;
	height: 80px;
	padding-top: 500px;
	position: relative; 
	float: right;	
	display: block; 
}

#enterlink {
    top: 0;
    bottom: 0;
    width: 100%;
    position: fixed;
    display: block;
}

.enter-site {
	margin-top: 50px;
	margin-left: 168px;
	position: relative; 
	float: left;	
	display: block; 
}
#img-index {
	width: 550px;
	height: auto;
	position: relative; 
	float: right;	
	display: block; 
}

.celebration {
	color: #808080;
	width: 400px;
	margin-top: 80px;
	position: relative; 
	float: left;	
	display: block; 
}

.sale {
	width: 400px;
	margin-top: 80px;
  	font-family: "Palatino Linotype";
  	color: #808080;
	font-size: 13px;  
	position: relative; 
	float: left;	
	display: block; 
}

.linkfont {
  	font-family: "Palatino Linotype";
  	font-style: italic;
  	color: #4d4d4d;
  	text-decoration: underline;
}

.linkfont a, a:hover {
  	font-family: "Palatino Linotype";
  	color: #4d4d4d;
	text-decoration: underline;
}

/* STYLE FOR INDEX-2 PAGE */

.main-index {
	background-image: url(images/Beleura-6.jpg);
	width: 960px;
	height: 632px;
	border: 6px solid #f1f1f1;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

#bodytext {
  	font-family: "Palatino Linotype";
	font-size: 22px;
	color: #fff;
	line-height: 34px;
	width: 400px;
	margin:40px;
	position: relative; 
	float: left;	
	display: block; 
}

#bodytext a {
	font-size: 22px;
    color: #fff;
}

#bodytext a:hover {
	font-size: 22px;
}

.intro {
  	font-family: "Palatino Linotype";
	font-size: 20px;
	color: #333333;
	line-height: 18px;
}

.intro a {
    color: #fff;

}
.img-left {
	width: 300px;
	height: auto;
	margin-left: 10px;
	margin-right: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

.img-middle {
	width: 300px;
	height: auto;
	margin-right: 20px;
	position: relative; 
	float: left;	
	display: block; 
}

.img-end {
	width: 300px;
	height: auto;
	margin-right: 10px;
	position: relative; 
	float: left;	
	display: block; 
}

#lookbook {
    width: 960px;
	text-align: center;
	position: relative; 
	float: left;	
	display: block; 
    margin-bottom: 10px;
}

#icons-socialmedia {
	width: 960px;
	text-align: center;
	position: relative; 
	float: left;	
	display: block; 
}

#enquiry {

    width: 960px;
	text-align: center;
	position: relative; 
	float: left;	
	display: block; 
    margin-bottom: 10px;

}

/* STYLE FOR GALLERIA */

#galleria {
	height: 560px;
}

/*#galleria-collection {
	height: 680px;
} original size */

#galleria-collection {
	/*height: 686px;*/
	height: 1000px;
} 


/* Style for fancy box thumnail pics */

.gallery a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 10px;
	vertical-align: top;
}

.gallery a img.last {
	margin-right: 0;	
}

.gallery ul {
	margin-bottom: 24px;
	padding-left: 30px;
}

/* Style for valentines index page */

#index-image {
	width: 910px;
	height: 448px;
	border: 6px solid #e1e1e1;
	position: relative; 
	float: left;	
	display: block; 
}

#img-index-valentine {
	width: 910px;
	height: 448px;
	position: relative; 
	float: left;	
	display: block; 
}

#logo-index-valentine {
	width: 500px; /*changed for valentines from 400*/
	height: 95px;
	padding-top: 50px; /*changed for valentines from 200 */
	text-align: center;
	position: relative; 
	float: left;	
	display: block; 
}

.valentine{
	width: 500px;
	margin-top: 40px;
  	font-family: "Palatino Linotype";
  	color: #808080;
	font-size: 13px;  
	position: relative; 
	float: left;	
	display: block; 
}

.enter-site-valentine {
	width: 500px;
	margin-top: 30px;
	position: relative; 
	float: left;	
	display: block; 
}


@media only screen and (max-width: 480px) {
    #landing {
        background-image: url('images/Beleura-1_mobile.jpg');
    }
}