body{
    font-family: 		Arial, sans-serif;
    color: 				#000;
    text-align: 		left; /* trick to get page centered */
    background: 		#fff;
}
#pagewrapper{
    /*border:    		groove 2px #D80B8C;*/
    background:  		transparent left top url(images/Logo.jpg)  no-repeat;
    padding-top:  		10px;
    left: 	       		0px;
    width:       		90%;  /*750px;*/
    height:      		550px;
}
#top{
    /*border:      		dashed 1px blue;*/
    display:     		block;
    position:    		absolute;
    top:           		0px;
    left:          		428px;
    width:        		325px;
    height:      		100px;
}

/*    top: 			366px;
    left: 			580px;
    width: 			160px;
    height: 		90px;*/

#sma {					/* Sports massage Association Logo */
    /*border:      		2px solid #000;*/
    position:    		absolute;
    top:         		466px; /*420px;*/
    left:        		600px; /*20px;*/
    width:       		160px;
    height:       	60px;
    background:  		left top url(images/sma1.gif) no-repeat;
    cursor: 		pointer;
}

#irsm {					/* IRSM association logo */
    position:    		absolute;
    top:         		540px;
    left:        		605px;  /*20px;*/
    width:       		100px;
    height:      		80px;
    background:  		left top url(images/IRSMlogo.gif) no-repeat;
    cursor: 		pointer;
}

#telbox {					/* Telephone number box */
    /*border:      	dashed 1px red;*/
    display:     		block;
    position:    		absolute;
    top:         		65px;
    left:        		205px;
    width:       		538px;
    height:       	20px;
    /*border-bottom: 	1px solid #D80B8C;*/
}
#taglinebox {				/* Tag line box */
    /*border:      	dashed 1px red;*/
    display:     		block;
    position:    		absolute;
    top:         		86px;
    left:        		205px;
    width:       		538px;
    height:       	20px;
    border-top:  		2px solid #D80B8C;
}



a, a:active {
    color:				#000;
    text-decoration: 	none;
}

a:hover {
    color:				#999;
    text-decoration: 	none;
}


#photo {
    /*border: 			2px solid #000;*/
    display: 			block;
    position: 			absolute;
    top: 				285px;
    left: 				110px;
    width: 				162px;
    height: 			226px;
	background:  		left top url(images/vicky.gif) no-repeat;
}




#vickymartinlogo {
    /*border: 		dashed 1px red;*/
    margin:  		0px;
    padding: 		0px;
    float:   		right;
    width: 			270px;
    height: 		54px;
    background: 		url(images/vicky%20martin%20logo.gif) no-repeat;
}

#sportsmassage {
    /*border: 		dashed 1px red;*/
    position: 		relative;
    margin:  		0px;
    padding: 		0px;
    float:   		right;
    top:     		-2px;
    left:    		-5px;
    width:   		220px;
    height:  		36px;
    background: 		url(images/sports%20massage.gif) no-repeat;
}


.menu {
    border: 		2px solid #D80B8C;
    position: 		absolute;
    top:			86px;
    left: 			580px;
    width: 			160px;
    height: 		270px;
}
.advert {
    /*border: 			2px solid #000;*/
    /*color:				#fff;*/
    /*background-color:	#D80B8C;*/
    display: 			block;
    position: 			absolute;
    top: 				375px;
    left: 				580px;
    width: 				160px;
    height: 			70px;
    text-align: 		center;
    font-size: 			9pt;
    text-decoration: 	none;
    font-weight: 		bold;
    font-family: 		Verdana, sans-serif;
    /*padding: 			20px;*/
}

.advert .sign {
    font-size: 			7pt;
    text-decoration: 	none;
    font-weight: 		normal;
    font-style: 		italic;
}
.advert .sm {
    font-size: 			14pt;
    text-decoration: 	none;
    font-weight: 		bolder;
    font-style: 		italic;
}
#content {
    /*border:      		1px solid #D80B8C;*/
    display:     		block;
    position:    		absolute;
    padding-top: 		15px;
    top:         		115px;
    left:        		160px;
    width:       		414px;
    height:      		370px;
    background:  		transparent;
	text-align:			justify;
}
#content .title {
    text-align: 		center;
    font-weight: 		bolder;
    /*font-family: 		Arial, sans-serif;*/
    font-size: 		12pt;
    text-decoration: 	underline;
    color: 			#000;
    padding-bottom: 	10px;
}
#content p {
    margin: 			5px 5px;
    /*font-family: 		Arial, sans-serif;*/
    font-size: 			11pt;
    color: 				#000;
    padding-bottom: 	10px;
}
#content ul {
    margin: 			5px 5px;
}
#content a {
    /*font-family: 		Arial, sans-serif;*/
    font-size: 			10pt;
    font-weight: 		bold;
    color: 				#0000ff;
    margin: 			10px 0px;
}

#content .map {
    float: 				left;
    margin: 			0 10px 0 0;
}
.ac {
    /*font-family: 		Arial, sans-serif;*/
    font-style: 		italic;
    font-size: 			12pt;
}
#tel {
    /*font-family: 		Arial, sans-serif;*/
    font-size: 			14pt;
    text-align: 		left;
    font-weight: 		bold;
}
#tagline {
    /*font-family: 		Arial, sans-serif;*/
    font-size:   		10pt;
    text-align:  		left;
    font-weight: 		bold;
    font-style:  		italic;
    color:       		#224194;
}

#tag {
    display: 		block;
    position: 		relative;
    margin-top: 		50px;
    font-size: 		1.1em;
    font-weight: 		bold;
    font-style: 		italic;
    text-align: 		center;
}

ul#mainnav {
	list-style: 	none;
	margin: 		0px;
	padding: 		0px;
	background-color: transparent;
	/*font: bold 1.0em /1.5 arial, sans-serif; */		
      /* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
      font: 		bold 10pt arial, sans-serif;
}

ul#mainnav li {
	display:    	block;
      text-align: 	center;
}

ul#mainnav li {
	padding-bottom: 	5px;
}

ul#mainnav li a {
	display: 		block;
	margin: 		0px 0px 0px 0px;
	padding: 		6px 6%;
	color: 		#224194;
      text-align: 	right;
      text-decoration: 	none;
	/*background-color: transparent; /*#5C6F90;*/
	width: 		88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
}

ul#mainnav li a:hover {
	background-color: #224194;
	color: 		#fff;
      font: 		bolder;
}

.current {
	background-color: #cccccc;
	color: 		#fff;
      font: 		bolder;
}

#shortcut {
	color: 		#000;
}