/* css Suzanne Hart Events website 2007 */
/* All associated graphics copyright 2007, Anthony Cummins. Red Ant Media */
/* Added: November 2007 */


body{
	font: 0.95em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; 
	color: #005883;
	background: url(images/bgr.gif);
}

h1{
	font: 0.95em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	color: #00A4CA;
	margin-top: 10px;
}

span{
	font: 0.95em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bolder;
	text-transform: none;
	color: #00A4CA;
}

ul.what{
	font: 1.3em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

p.alt01{
	font: 0.8em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; 
	color: #005883;
}

fieldset{
	border: 0;
}

a{
	color: #00A4CA;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #0d1c2f;
}

a.navb{
	color: #005883;
	font-weight: bolder;
	font-size: 12px;
	margin-right: 16px;
}

a.navb:hover{
	color: #F0F8FC;
	text-decoration: underline;
}

a.navcu{
	color: #005883;
	font-weight: bolder;
	font-size: 12px;
	text-decoration: none;
}

a.navcu:hover{
	color: #F0F8FC;
	text-decoration: underline;
}

#container{
    width: 850px;
    height: 810px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -425px;
    background: none;
    border: none;
}

#centre{
    width: 850px;
    height: 780px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(images/headbgr.gif) repeat-x;
    border: #CCCCCC 1px solid;
}

#header{
	width:850px;
	height:240px;
	position: absolute;
	top:0px;
	left:0px;
	background: url(images/header.gif) no-repeat;
}

#shelogo{
	width: 245px;
	height: 116px;
	position: absolute;
	top: 0px;
	left: 40px;
	background: url(images/shelogo.gif) no-repeat;
	z-index: 10;
} 

#howshe{
	width: 400px;
	height: 75px;
	position: absolute;
	background: url(images/howshe.gif) no-repeat;
	top: 57px;
	left: 300px;
	z-index: 5;
}

#whatshe{
	width: 370px;
	height: 75px;
	position: absolute;
	background: url(images/whatshe.gif) no-repeat;
	top: 57px;
	left: 300px;
	z-index: 5;
}

#whoshe{
	width: 293px;
	height: 75px;
	position: absolute;
	background: url(images/whoshe.gif) no-repeat;
	top: 57px;
	left: 300px;
	z-index: 5;
	background-image: url(images/whoshe.gif);
}

#dmcshe{
	width: 290px;
	height: 75px;
	position: absolute;
	background: url(images/dmc.gif) no-repeat;
	top: 57px;
	left: 300px;
	z-index: 5;
}

#raving{
	width: 260px;
	height: 75px;
	position: absolute;
	background: url(images/raving.gif) no-repeat;
	top: 57px;
	left: 300px;
	z-index: 5;
} 

#shetravels{
	width: 400px;
	height: 75px;
	position: absolute;
	background: url(images/she-trvels.gif) no-repeat;
	top: 57px;
	left: 300px;
	z-index: 5;
	background-image: url(images/shetravels.gif);
}

#contact{
	width: 250px;
	height: 75px;
	position: absolute;
	background: url(images/contactus.gif) no-repeat;
	top: 57px;
	left: 300px;
	z-index: 5;
}

#nav{
	width: 850px;
	height: 34px;
	position: absolute;
	background: none;
	display:table-cell; 
	vertical-align:middle;
	left: 0px;
	top: 125px;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
}

#left{
    width: 150px;
    height: 630px;
    position: absolute;
    background: url(images/sidebgr2.gif) repeat-x;
    left: 0px;
    top: 150px;
    background-color: #26A5D6;
}

#snapshot{
	width: 210px;
	height: 530px;
	position: absolute;
	background: url(images/snapshot.gif) no-repeat;
	left: 45px;
	top: 150px;
	z-index: 5;
	background-image: url(images/snapshot.gif);
}

#snapshot2{
	width: 210px;
	height: 530px;
	position: absolute;
	background: url(images/snapshot2.gif) no-repeat;
	left: 45px;
	top: 150px;
	z-index: 5;
}

#snapshot_tavels{
	width: 210px;
	height: 530px;
	position: absolute;
	background: url(images/snapshot-travels.gif) no-repeat;
	left: 45px;
	top: 150px;
	z-index: 5;
	background-image: url(images/snapshot-travels2.gif);
}

#snapshot3{
	width: 210px;
	height: 530px;
	position: absolute;
	background: url(images/snapshot3.gif) no-repeat;
	left: 595px;
	top: 150px;
	z-index: 5;
}

#snapshot4{
	width: 210px;
	height: 530px;
	position: absolute;
	background: url(images/snapshot4.gif) no-repeat;
	left: 45px;
	top: 150px;
	z-index: 5;
}

#main{
    width: 525px;
    height: 600px;
    position: absolute;
    background: #FFF;
    border: 0px;
    left: 150px;
    top: 150px;
    padding: 15px;
}

#whatmain{
	width: 310px;
	height: 500px;
	position: absolute;
	background: #FFF;
	border: 0px;
	left: 255px;
	top: 150px;
	padding: 15px;
}

#whomain{
	width: 420px;
	height: 500px;
	position: absolute;
	background: #FFF;
	font: 0.88em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	border: 0px;
	left: 255px;
	top: 150px;
	padding: 15px;
}

#lquote{
	width: 525px;
	height: 82px;
	position: absolute;
	background: url(images/footer.gif) no-repeat;
	border: 0px;
	left:0px;
	top: 370px;
}

#contus{
	width: 525px;
	height: 20px;
	position: absolute;
	text-align: center; 
	left: 150px;
	top: 652px;
}

#contdtl{
	width: 525px;
	height: 20px;
	position: absolute;
	text-align: center; 
	left: 150px;
	top: 625px;
}

#right{
    width: 150px;
    height: 630px;
    position: absolute;
    background: url(images/sidebgr2.gif) repeat-x;
    left: 700px;
    top: 150px;
    background-color: #26A5D6;
}

#footerleft{
    width: 830px;
    height: 30px;
    position: absolute;
    top: 731px;
    left: 10px;
    background: none;
    text-align: center;
}

#footerright{
	width:415px;
	height:30px;
	position: absolute;
	top:685px;
	left:425px;
	background: none;
	text-align: right;
}