/* CSS Document */
html, body {
	height:100%;
	margin: 0;
	padding: 0;
} 

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:80%;
}

#site-container {
	width: 875px;
	min-height: 100%;
	text-align:left;
	margin:0 auto;
	/*padding:25px 62px 25px 27px;*/
	padding:0px 62px 0px 27px;
	background:url(img/bg_main1.jpg) no-repeat left top;
	position:relative;
	border: 0px solid #FB0000;

}
	#site-container1 {
		width: 875px; min-height: 100%; text-align:left; margin:0 auto; padding:0px 62px 0px 27px; background:url(img/bg_main1.jpg) no-repeat left top;	position:relative;
	}
	#site-container2 {
		width: 875px; min-height: 100%; text-align:left; margin:0 auto; padding:0px 62px 0px 27px; background:url(img/bg_main2.jpg) no-repeat left top;	position:relative;
	}
	#site-container3 {
		width: 875px; min-height: 100%; text-align:left; margin:0 auto; padding:0px 62px 0px 27px; background:url(img/bg_main3.jpg) no-repeat left top;	position:relative;
	}
	#site-container4 {
		width: 875px; min-height: 100%; text-align:left; margin:0 auto; padding:0px 62px 0px 27px; background:url(img/bg_main4.jpg) no-repeat left top;	position:relative;
	}
	
* html #site-container {height: 100%;}
	* html #site-container1 {height: 100%;}
	* html #site-container2 {height: 100%;}
	* html #site-container3 {height: 100%;}
	* html #site-container4 {height: 100%;}

/*logo*/
h1 {
	margin:-2px 0 0 10px;
	padding: 25px 0px 0px 0px;
	text-indent:-9999px;
}
h1 a {
	display: block;	
	width:140px;
	height:51px;
	background:url(img/logo_jyc_header.gif) no-repeat top left;
	padding: 0;
	border: 0;
	text-decoration: none;
}

/*main nav*/
ul#main-nav {
	list-style-type:none;
	margin:0;
	padding:0;
	width:600px;
	position:absolute;
	left:294px;
	top:32px;
	border:0px solid #FB0000;
}
#main-nav li{
	margin:0 0 0 45px;
	padding:0;
	float:left;
}
#main-nav li#first{
	margin:0 0 0 0;
}
#main-nav a{
	display:block;
	padding:1px 3px 4px 4px;
	height:15px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
}
#main-nav a:hover,
#main-nav a.active {
	background:#CCD8D7;
}




ul#sub-nav {
	position:absolute;
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	top:20px;
	border:0px solid #FB0000;
}
ul#sub-nav.collections {
	left:0px;
}
ul#sub-nav.bt-ourservice {
	left:-50px;
	width:700px;
}
ul#sub-nav li {
	color: inherit;
	background:#CCD8D7;
	margin:0;
	padding:1px 5px 2px 15px;
}
ul#sub-nav li#first{
	padding-left:5px;
}

ul#sub-nav li a {
	color:#fff;
	background:#CCD8D7;
	font-size:13px;
	text-indent:0px; 
	text-decoration:none;
	height:16px;
	text-transform: none;
	padding:0;
}

ul#sub-nav li a:hover,
ul#sub-nav li a.active {
	color:#000;
}


/*a#bt-modernclassics {
	width:93px;
	background:url(img/bt_modernclassics.gif) no-repeat 0px -15px;
}
a#bt-modernclassics:hover {
	background:url(img/bt_modernclassics.gif) no-repeat 0px 0px;
}
a#bt-modernclassics.active {
	background:url(img/bt_modernclassics.gif) no-repeat 0px 0px;
}
a#bt-weddingsabroad {
	width:99px;
	background:url(img/bt_weddingsabroad.gif) no-repeat 0px -15px;
}
a#bt-weddingsabroad:hover {
	background:url(img/bt_weddingsabroad.gif) no-repeat 0px 0px;
}
a#bt-weddingsabroad.active {
	background:url(img/bt_weddingsabroad.gif) no-repeat 0px 0px;
}
a#bt-specialoccasions {
	width:104px;
	background:url(img/bt_specialoccassions.gif) no-repeat 0px -15px;
}
a#bt-specialoccasions:hover {
	background:url(img/bt_specialoccassions.gif) no-repeat 0px 0px;
}
a#bt-specialoccasions.active {
	background:url(img/bt_specialoccassions.gif) no-repeat 0px 0px;
}
a#bt-stockists {
	width:51px;
	background:url(img/bt_stockists.gif) no-repeat 0px -15px;
}
a#bt-stockists:hover {
	background:url(img/bt_stockists.gif) no-repeat 0px 0px;
}
a#bt-stockists.active {
	background:url(img/bt_stockists.gif) no-repeat 0px 0px;
}
a#bt-news {
	width:30px;
	background:url(img/bt_news.gif) no-repeat 0px -15px;
}
a#bt-news:hover {
	background:url(img/bt_news.gif) no-repeat 0px 0px;
}
a#bt-news.active {
	background:url(img/bt_news.gif) no-repeat 0px 0px;
}
a#bt-links {
	width:28px;
	background:url(img/bt_links.gif) no-repeat 0px -15px;
}
a#bt-links:hover {
	background:url(img/bt_links.gif) no-repeat 0px 0px;
}
a#bt-links.active {
	background:url(img/bt_links.gif) no-repeat 0px 0px;
}

a#bt-couples {
	width:46px;
	background:url(img/bt_couples.gif) no-repeat 0px -15px;
}
a#bt-couples:hover {
	background:url(img/bt_couples.gif) no-repeat 0px 0px;
}
a#bt-couples.active {
	background:url(img/bt_couples.gif) no-repeat 0px 0px;
}
a#bt-reallifeweddings {
	width:110px;
	background:url(img/bt_reallifeweddings.gif) no-repeat 0px -15px;
}
a#bt-reallifeweddings:hover {
	background:url(img/bt_reallifeweddings.gif) no-repeat 0px 0px;
}
a#bt-reallifeweddings.active {
	background:url(img/bt_reallifeweddings.gif) no-repeat 0px 0px;
}
a#bt-testimonials {
	width:70px;
	background:url(img/bt_testimonials.gif) no-repeat 0px -15px;
}
a#bt-testimonials:hover {
	background:url(img/bt_testimonials.gif) no-repeat 0px 0px;
}
a#bt-testimonials.active {
	background:url(img/bt_testimonials.gif) no-repeat 0px 0px;
}*/

/*sister links*/

#sister-links a {
	display:block;
	height:20px;
	position:absolute;
	top:0px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
a#tab-tartanspirit {
	left:640px;
	width:114px;
	background:url(img/bt_tartanspirit.gif) no-repeat 0px 0px;
}
a#tab-tartanspirit:hover {
	background:url(img/bt_tartanspirit.gif) no-repeat 0px -20px;
}
a#tab-bystorm {
	left:775px;
	width:92px;
	background:url(img/bt_bystorm.gif) no-repeat 0px 0px;
}
a#tab-bystorm:hover {
	background:url(img/bt_bystorm.gif) no-repeat 0px -20px;
}

/*content area*/

#home #content {
	float:left;
	width:875px;
}

#intro {
	width:250px;
	margin:20px 0 0 0;
}

#home #intro {
	float:left;
	width:475px;
	margin:20px 30px 0 0;
}

#home-pix {
	float:left;
	width:360px;
	margin:30px 0 0 0;
}

/*collections/lifestyles photo index*/

ul#photo-index {
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0;
	position:relative;
	width:875px;
}

#photo-index li {
	float:left;
	width:160px;
	margin:0 15px 0 0;
}

#photo-index li a{
	float:left;
	width:160px;
	display:block;
	height:425px;
	text-decoration:none;
}

#photo-index li a:hover{
	color:#fff;
	text-decoration:none;
}

#content #photo-index li a h2{
	margin:5px;
	font-weight:normal;
	text-decoration:none;
}

li#modern-classics a {
	background:#CCD8D7 url(img/collections-modernclassics.jpg) no-repeat left bottom;
}

li#weddingsabroad a {
	background:#CCD8D7 url(img/collections-weddingsabroad.jpg) no-repeat left bottom;
}

li#couture a {
	background:#CCD8D7 url(img/collections-couture.jpg) no-repeat left bottom;
}

li#motherofthebride a {
	background:#CCD8D7 url(img/collections-motherofthebride.jpg) no-repeat left bottom;
}

li#tartan a {
	background:#CCD8D7 url(img/collections-tartan.jpg) no-repeat left bottom;
}

li#real-life-weddings a {
	background:#CCD8D7 url(img/lifestyle-suzie-neil.jpg) no-repeat left bottom;
}

li#couples-cyprus a {
	background:#CCD8D7 url(img/lifestyle-couples-cyprus.jpg) no-repeat left bottom;
}

li#couples-south-africa a {
	background:#CCD8D7 url(img/lifestyle-couples-south-africa.jpg) no-repeat left bottom;
}






/*product page*/
#product h2 {
	font-size:120%;
	margin:0 0 0.3em 0;
}
#product-info {
	float:left;
	width:490px;
	padding:28px 0 0 0;
}

#product #intro {
	float:left;
}
#product-description {
	float:left;
	width:185px;
	padding:0 0 0 55px;
}
p#desc {
	font-weight:bold;
}
#product-photo {
	float:left;
	width:360px;
	padding:10px 0 0 15px;
}
/*gallery*/
#gallery-nav {
	clear:left;
	padding:60px 0 20px 0;
}
#gallery {
	width:490px;
	margin:0 0 0 0;
}
* html #gallery {
	margin:0 0 0 0;
}
div.GalleryRow {
	padding-bottom: 20px;
}
div.GalleryRow dl{
	width:100px;
	float: left;
	margin: 0 0 0 30px;
}
div.GalleryRow dt{
	margin: 0;
}
div.GalleryRow dd{
	margin: 0;
}
div.GalleryRow dl.GalleryRowFirst{
	margin-left: 0;
}
div.GalleryRow a img{
	border: none;
}
/*info pages*/
#info #content {
}

#info h2 {
	font-size:110%;
	margin:30px 0 0 0;
	text-transform:uppercase;
}
#info h3 {
	font-size:110%;
	margin:10px 0 25px 0;
}
#info #intro {
	float:left;
	width:400px;
}
#info-photo {
	float:left;
	width:360px;
	padding:10px 0 0 104px;
}


/*homepage*/
#vowsaward {
        margin-top:30px;
        margin-left:71px;
        border:none;
}

#home #news {
	width:250px;
	margin-top:40px;
}
#home #news h2 {
	text-transform:uppercase;
	margin:0;
	font-size:100%;
	font-weight:normal;
}
#home #news h3 {
	margin:0;
	font-size:100%;
}
#home #news p {
	margin:0;
	font-size:85%;
}
#home #news p a{
	font-weight:bold;
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
#home #news p a:hover{
	text-decoration:underline;
}


/* CHANGES by AG follow */

#content h1 {display:block;
	color:black;
	font-weight:bold;
	font-size:11pt;
	margin:0 0 10px 0;
	padding: 0px 0px 0px 0px;
	text-indent:0;
}

#content span.hdg_firstline {font-weight:bold;
	font-size:11pt;
}

#content #intro h2 {font-weight:bold;
	font-size:10pt;
	text-transform:none;
	margin:10px 0 10px 0;
}

#content #intro p {margin:8px 0;
}

#content a:hover {color:gray;
	text-decoration:underline;
}

#content a.hover {color:black;
	text-decoration:none;
}
#content a.hover:hover {color:gray;
	text-decoration:underline;
}

div.hr {border-bottom:1px solid gray;
	margin:5px 0;
}


/* END of CHANGES by AG */



#flash-holder {
	float:left;
	width:548px;
	padding:10px 0 0 66px;
}

/*news*/
div.news-item {
	margin: 1.5em 0;
	width:400px;
}
div.news-item img {
	float:left;
	margin: 5px 10px 10px 0;
}
div.news-item h4 {
	margin: 0 0 .4em 0;
	font-size: 100%;
}
div.news-item p {
	margin: 0;
}
div.news-item-date {
	margin: 0;
	float:right;
	text-align: right;
	width: 100px;
	font-weight:bold;
	font-size:90%;
}

/*links*/

.link-item {
	margin:0 0 30px 0;
	width:500px;
}
.link-item h4 {
	font-size:100%;
	margin:0 0 0.25em 0;
}
.link-item p {
	margin:0 0 0.25em 0;
}



/*generic*/
p{
	margin-top:0;
}
a {
	color:#000;
	background-color:inherit;
}
a.pagelink {
	font-size:90%;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
a.pagelink:hover {
	text-decoration:underline;
}

a img {
	border:none;
}

.bd {
	border: 1px solid #555555;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*.clearfix {display:inline-block;} (not valid) */
.clearfix {display:block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#input			{ font-size: 10px; color: #333; background-color: #FEFEFE; border: 1px solid #8B8E85; height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#select			{ font-size: 10px; color: #333; background-color: #FFF; border: 1px solid #8B8E85; height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#textarea		{ font-size: 10px; color: #333; background-color: #FEFEFE; border: 1px solid #8B8E85; width:176px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#button			{ font-size: 10px; color: #333; background-color: #FEFEFE; border: 1px solid #8B8E85; height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#radio			{ font-size: 11px; color: #333; background-color: #FFF; border: 1px solid #8B8E85; font-family: Verdana, Arial, Helvetica, sans-serif; }
#checkbox		{ font-size: 11px; color: #333; background-color: inherit; border: 1px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*
Programming: HTML,PHP,Flash,CSS,JS,MySql 
Marijus Dulskis, [MDM, www.dulskis.com, 2006]
*/