/*** Initial style sheet for sezzyscrafts.co.uk - 18 nov 09 ***/
/*** UPDATES:

 - Updated 02 Aug 2010 to give a centred colulmn with centred 'transBGR' img also.
 
***/

 * {
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 0;
}
body {
	background-color: #7FD5CD; /** Original bgr colour #C5FEE9 **/
	background-image: url(img/bgr.jpg);
	color: #000000;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	color: #2D2F42;
	font-style: italic;
	font-size: 16px;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	color: #2D2F42;
	font-style: italic;
	font-size: 14px;
}
.h5 {
	color: #0784E9;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
}

}
a {
  outline: none;
}
a:link {
	color: #136BB3;
	text-decoration: none;	
}
a:hover {
	color: #5AB0EF;
	text-decoration: none;	
}
a:visited {
	color: #136BB3;
	text-decoration: none;	
}
blockquote {
	position: relative;
	width: 550px;
	left: 55px;
	padding: 5px;
}
.title {
	padding-left: 4px;
	padding-top: 5px;
	font-size: 18px;
	color: #666666;	
}
.subtitle {
	color: #666666;
	font-weight: bold;
}
.list {
	left: 20px;
	position: relative;
}


/*** images in text ***/
.imgSpace {
	margin: 15px;	/* Place img DIVS inside <DIV class="imgSpace"></DIV> to give space around them without resorting to margin or padding*/
}
.brideModel {
	position: relative;
	float: left;
	text-align: left;
	background-image: url(img/tiara_bride.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 172px;
	right: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.sarahModel {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/sarah_model.jpg);
	background-repeat: no-repeat;
	height: 216px;
	width: 162px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.bryonyModel {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/bryony_sml.jpg);
	background-repeat: no-repeat;
	height: 247px;
	width: 193px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.pearlModel {
	position: relative;
	float: left;
	text-align: right;
	background-image: url(img/pearl_sml.jpg);
	background-repeat: no-repeat;
	height: 192px;
	width: 144px;
	right: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.returns {
	position: relative;
	width: 75%;
	left: 12%;
	

}
.fb {
	position: relative;
	float: left;
	text-align: right;
	background-image: url(img/b.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	right: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.yt {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/youtube.jpg);
	background-repeat: no-repeat;
	height: 92px;
	width: 92px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}

.swgSML {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/swg/guildLogoSML.gif);
	background-repeat: no-repeat;
	height: 85px;
	width: 141px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.swgLRG {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/swg/guildLogoLRG.jpg);
	background-repeat: no-repeat;
	height: 142px;
	width: 236px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}

.invitesml {
	position: relative;
	background-image: url(img/invite_thumb.jpg);
	background-repeat: no-repeat;
	height: 127px;
	width: 184px;
}

.party1 {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/party1.jpg);
	background-repeat: no-repeat;
	height: 158px;
	width: 211px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}

.party2 {
	position: relative;
	float: left;
	text-align: left;
	background-image: url(img/party2.jpg);
	background-repeat: no-repeat;
	height: 211px;
	width: 158px;
	right: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.party3 {
	position: relative;
	float: left;
	text-align: left;
	background-image: url(img/party3.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 267px;
	right: 10px; /* Change left/right space to opposite of float to maintain text gap */
}

.sarahBio {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/sarahBIOphoto.JPG);
	background-repeat: no-repeat;
	height: 233px;
	width: 155px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}


.looseBeads {
	position: relative;
	float: left;
	text-align: left;
	background-image: url(img/looseBeads.JPG);
	background-repeat: no-repeat;
	height: 158px;
	width: 210px;
	right: 10px; /* Change left/right space to opposite of float to maintain text gap */
}

.beadsOnWire {
	position: relative;
	float: right;
	text-align: left;
	background-image: url(img/beadsOnWire.JPG);
	background-repeat: no-repeat;
	height: 157px;
	width: 210px;
	left: 10px; /* Change left/right space to opposite of float to maintain text gap */
}
.smlBracelet {
	position: relative;
	float: left;
	text-align: left;
	background-image: url(img/smlBracelet.JPG);
	background-repeat: no-repeat;
	height: 123px;
	width: 165px;
	right: 10px; /* Change left/right space to opposite of float to maintain text gap */
}



/******************************
		MENU CSS
background-image: url(img/gw.gif);
	height: 94px;
	width: 722px;
	position: absolute;
	top: 385px;
	left: 152px;
	cursor: hand;
	background-repeat: no-repeat;
}

******************************/
.menu0 {
	color: #0066FF;
	position: relative;
	width: 90px;
	height: 78px;
	left:-30px;
	float: left;
}

/*** Image indicating current page location  ***/
#home {
	position: absolute;
	top: -122px;
	left: -50px;
	width: 125px;
	height: 116px;
	background-image: url(img/home_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

#jewellery {
	position: absolute;
	top: -122px;
	left: 35px;
	width: 125px;
	height: 116px;
	background-image: url(img/jewellery_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

#weddings {
	position: absolute;
	top: -122px;
	left: 128px;
	width: 125px;
	height: 116px;
	background-image: url(img/weddings_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

#party {
	position: absolute;
	top: -122px;
	left: 225px;
	width: 125px;
	height: 116px;
	background-image: url(img/party_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

#blog {
	position: absolute;
	top: -122px;
	left: 320px;
	width: 125px;
	height: 116px;
	background-image: url(img/blog_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

#gallery {
	position: absolute;
	top: -122px;
	left: 400px;
	width: 125px;
	height: 116px;
	background-image: url(img/gallery_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

#contact {
	position: absolute;
	top: -122px;
	left: 490px;
	width: 125px;
	height: 116px;
	background-image: url(img/contact_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

#experience {
	position: absolute;
	top: -122px;
	left: 580px;
	width: 125px;
	height: 116px;
	background-image: url(img/experience_selected.png);
	background-repeat: no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
	z-index: 10;
}


/***  Menu icons with hover attrb.  ***/
a.home {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/home_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
a.home:hover {
	background-image: url(img/home_hover.png);
	background-repeat: no-repeat;
}
/*a.home:visited {
	background-image: url(img/home_flower.png);
	background-repeat: no-repeat;
}
*/
a.jewellery {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/jewellery_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
a.jewellery:hover {
	background: url(img/jewellery_hover.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
/*a.jewellery:visited {
	background-image: url(img/jewellery_flower.png);
	background-repeat: no-repeat;
}*/
a.weddings {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/weddings_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
a.weddings:hover {
	background-image: url(img/weddings_hover.png);
	background-repeat: no-repeat;
}
/*a.weddings:visited {
	background-image: url(img/weddings_flower.png);
	background-repeat: no-repeat;
}*/
a.party {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/party_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
a.party:hover {
	background-image: url(img/party_hover.png);
	background-repeat: no-repeat;
}
/*a.party:visited {
	background-image: url(img/party_flower.png);
	background-repeat: no-repeat;
}*/

a.blog {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/blog_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
a.blog:hover {
	background-image: url(img/blog_hover.png);
	background-repeat: no-repeat;
}
/*a.blog:visited {
	background-image: url(img/blog_flower.png);
	background-repeat: no-repeat;
}*/
a.gallery {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/gallery_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");

}
a.gallery:hover {
	background-image: url(img/gallery_hover.png);
	background-repeat: no-repeat;
}
/*a.gallery:visited {
	background-image: url(img/gallery_flower.png);
	background-repeat: no-repeat;
}*/

a.contact {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/contact_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
	

}
a.contact:hover {
	background-image: url(img/contact_hover.png);
	background-repeat: no-repeat;
}
/*a.contact:visited {
	background-image: url(img/contact_flower.png);
	background-repeat: no-repeat;
}*/

a.experience {
	width: 84px;
	height: 78px; 
	display: block;
	cursor: pointer;
	background: url(img/experience_flower.png) top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
	

}
a.experience:hover {
	background-image: url(img/experience_hover.png);
	background-repeat: no-repeat;
}
/*a.contact:visited {
	background-image: url(img/contact_flower.png);
	background-repeat: no-repeat;
}*/



/********************/







/******  DIVs   ******/
#wrapper {
	position: relative;
	width: 955px;
	margin: 0 auto 25px auto;	
	height: 100%;
	left: 15px;
}

.topbar {
	position: absolute;
	width: 850px;
	height: 330px;
	top: 0px;
	left: 11px;
	background: url('img/header_img_1.png') top left no-repeat;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
#container {
	position: absolute;
	left: 10px;
	top: 330px;
	background: url(img/content_mid.png) top left repeat-y;
	width: 689px;
}
.containerTop {
	background-image: url(img/content_top.png);
	background-repeat: no-repeat;
}
.containerBot {
	width: 689px;
	height: 17px;
	left: -8px;
	top: 7px;
	position: relative;
	background-image: url(img/content_bot.png);
	background-repeat: no-repeat;
}
#navcontainer {
	position: absolute;
	top: 245px;
	height: 78px;
	width: 800px;
	left: 10px;
}
#navlist li{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	position: relative;
	left: 15px;
}
#ajaxContent {
	position: relative;
	left: 8px;
	top: 10px;
	width: 674px;
	height: 100%;
}
#rightPane {
	position: absolute;
	top: 259px;
	left: 720px;
	width: 200px;
	background: url(img/rh_col_mid.png) top left repeat-y;
	z-index: 5;
	}
.rightTop {
	background-image: url(img/rh_col_top.png);
	background-repeat: no-repeat;
	position: relative;
	width: 200px;
	top: -5px;
}
.rightBot {
	background-image: url(img/rh_col_bot.png);
	background-repeat: no-repeat;
	position: relative;
	width: 200px;
	height: 21px;
	top: 20px;
}
.rightContent {
	position: relative;
	left: 8px;
	top: 10px;
	width: 184px;
	height: 100%;
}
.welcome {
	position: relative;
	background-image: url(img/weclome.png);
	background-repeat: no-repeat;
	top: 0px;
	left: -10px;
	width: 225px;
	height: 98px;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
.sarahPic {
	position: relative;
	background-image: url(img/sarah_pic.png);
	background-repeat: no-repeat;
	left: 0px;
	width: 72px;
	height: 100px;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}
.sarahSig {
	position: relative;
	background-image: url(img/sarah_flower.png);
	background-repeat: no-repeat;
	top: -55px;
	left: 40px;
	width: 154px;
	height: 75px;
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");
}

.transBGRtext {
	position: fixed;
	margin: 0 auto 0 auto;
	left: -1.5%;
	top: 5px;
	width: 1306px;
	_width: 100%;
	min-height: 599px;
	_height: 599px;
	background-image: url(img/trans_bgr_text.png);
	behavior: url("/sezzyscrafts/SezzyPHP/iepngfix.htc");

}
/***** Contact form styling *******/


#text {
	top: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	position: relative;
	width: 325px;
	left: 12%;
	text-align: center;
}

#form {
	background-color:#EAF0FD;
	width: 750px;
	left: 20px;
	position: relative;
	text-align: justify;
	top: 10px;
}

#formtext {
	left: 55px;
	position: relative;
	width: 525px;
	top: 10px;
	color: #FFFFFF;
}

#title {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	top: 15px;
	left: 130px;
	width: 500px;
}

#pad{
	padding-right: 5px;
	padding-left: 5px;
}


#formquest2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;
	background-color: #FCFCFC;

}

#formquest3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;
	background-color: #FCFCFC;
	left: 150px;
}


#Q_hilite_top{
	background-color:#F2F7FF;
	width: 725px;
	left: 4px;
	position: relative;
}

#Q_hilite{
	background-color:#DDE6F4;
	width: 725px;
	left: 12px;
	position: relative;


}

.space {
	position: relative;
	width: 100%;
	height: 5px;

}
.medspace {
	position: relative;
	width: 100%;
	height: 25px;

}
.bigspace {
	position: relative;
	width: 100%;
	height: 50px;

}

.boxstyle {
	background-color: #C4DBEE;
	border: 1px solid #666666;
}

/*********  DHTML Tooltip CSS ***********/

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/********** Classes **********/


.required {
	color: #FF0000;
}