html {
width:100%;
min-height:60%;
min-width:60%;
height:100%;
background-color: #cecece;
text-align:center;
}



body {
	width:100%;
	height:100%;
	min-width:800px;
	max-width:1280px;
	min-height:600px;
	margin:0;
	padding:0;
	background-attachment: scroll;
	background-color: #cecece;
	text-align:center;

	}

#page_background {
position: fixed;
top:0; left:0; width:100%; height:100%;}


#pagewrap1 {
	height: 490px;
	width:90%;
	background-color: #transparent;
	position:relative;
	z-index: 2;
	margin:0 auto;
	top:0;
	
	
}


#header {
	width:100%;
	height:10px;
	position:relative;
	margin:0 auto;
			
}


#background {
	width: 100%;
	min-width:800px;
	position: absolute;
	top: 0;
	left: 0;
}

#header_pic {
-ms-interpolation-mode: bicubic;
width:100%;
height:auto;
}

#welcome_pic {
-ms-interpolation-mode: bicubic;
width:81.5%;
height:auto;
}

#current_pic {
-ms-interpolation-mode: bicubic;
width:100%;
height:auto;
}

#stroke {
-ms-interpolation-mode: bicubic;
width:80%;
height:auto;
}

#home_pic {
-ms-interpolation-mode: bicubic;
width:19%;
height:auto;
}

#home_photo {
-ms-interpolation-mode: bicubic;
width:35%;
height:auto;
}



#content {
	position: relative;
	height:100%;
	width:74%;
	text-align:left;
	background-color:#transparent;
	padding-right:1%;
	padding-left:1%;
	overflow: auto;
	float:right;
	
	top:75px;
	scrollbar-face-color:#000000;
scrollbar-base-color:#000000;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
	
	}

#left {
	height:100%;
	width:20%;
	position:relative;
	float:left;
	color: #000000;
	font-family:"Times New Roman", Times, serif;
	font-size:75%;
	font-weight:600;
	clear:left;
	background-color: #transparent;
	padding-right: 1%;
	padding-left: 1%;
	line-height: 125%;
	top:75px;
	

}

#left a {
color: #FF0000;
list-style-type:underline;
}

#left a:hover {
color: #0000FF;
text-decoration: underline;
}




.footer {
	color:#000000;
	width:20%;
	position:absolute;
	font-size:75%;
	height:10px;
	vertical-align:bottom;
	background-repeat:repeat-x;
	background-position:left bottom;
	background-attachment:fixed;
	top:598px;
	left:100px;
	padding:0;
	background-color: transparent;
	z-index: 4;
}

#nav {
	height:auto;
	width:100%;
	position:relative;
	left:0;
	font-family:"Times New Roman", Times, serif;
    font-size:80%;
    font-weight:400;
	background-color:#transparent;
	top:71px;

}

#nav ul {
list-style-type:none;
font-weight:700;
margin:0;
padding:0;
}

#nav ul li {
display:inline;
text-decoration:none;
font-weight:700;
padding:.3em 1em;

}



#details {
height:18px;
width:800px;
position:absolute;
left: 0px;
top:30px;
font-size:13px;
color:#CCC;
font-weight:700;
text-align:left;
font-family:"Times New Roman", Times, serif;
}

#details a {
color:#8c9aa8;
list-style-type:none;
padding:.6em 5em;
}

#details a:hover {
color:#a40000;
}


.headings {
color: #000000;
font-family:"Times New Roman", Times, serif;
font-size:120%;
font-weight:bolder;
font-style:normal;
text-align:center;

}

.title {
color: #000000;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bolder;
font-style:normal;
}

.normal {
	font-family:"Times New Roman", Times, serif;
	font-size:95%;
	font-weight:400;
	text-align:left;
	
	line-height:125%;
	color: #000000;
}

.currenttext {
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	font-weight:400;
	text-align:left;
	max-width:120%;
	line-height:135%;
	color: #000000;
}

.currenttext a {
font-weight:600;
color: #FF0000;
text-decoration: underline;
}

.advertisetextbold {
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	font-weight:600;
	text-align:center;
	max-width:120%;
	line-height:130%;
	color:#000000;
}
.advertisetext {
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	font-weight:400;
	text-align:center;
	max-width:120%;
	line-height:130%;
	color:#000000;
}

#content a {
color: #FF0000;
text-decoration:underline;
font-weight:400;
text-align:justify;
}

#content a:hover {
color: #0000FF;
font-weight:400;
}




#form {
position:absolute;
width:369px;
left:57px;
top:153px;
text-align:center;
height:100px;
padding:10px;
}



#my_photo {
-ms-interpolation-mode: bicubic;
width:25%;
height:auto;
float:right;
top:0px;
}

#webdesign {
position:absolute;
top:235px;
width:480px;
}

#current {
background-color:#8d98aa;
position:relative;
float: left;
clear:left;
left:20px;
top:30px;
width:25%;
height:auto;
font-family:"Times New Roman", Times, serif;
font-size:12px;
line-height:16px;
font-weight:600;
color:#9e0000;
text-align:left;
border-top-width:medium;
border-bottom-width:medium;
border-top-style:dotted;
border-bottom-style:dotted;
border-top-color:#666666;
border-bottom-color:#666666;
}

#current a {
text-decoration:underline;
color:##FFFF00;
}

#current a:hover {
text-decoration:underline;

}
#rhaynjooste {
height:400px;
width:900px;
position:absolute;
background-image:url(http://www.mrosser.co.uk/PAGES/WebDesign/RhaynJooste_big.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center top;
}

#rhayntext {
position:relative;
height:20px;
width:300px;
top:330px;
left:150px;
}

#advertise {
	height:auto;
	width:25%;
	color:#FFF;
	top:45px;
	left:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:400;
	float:left;
	position:relative;
	border-bottom:medium dotted #666666;
	clear:left;
	padding-right: 2px;
	padding-left: 2px;
}



#div {
clear:both;
}

#hometext {
	position:abosolute;
	height:20%;
	width:67.7%;
	text-align:left;
	

	padding-right:10px;
	padding-left:15px;
	overflow: auto;
	float:right;
	z-index:0;
}


#giftcards {
	position:relative;
	height:350px;
	width:100%px;
	
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
}

	

	

#logo {
	position:relative;
	height:145px;
	width:149px;
	
	float:left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.mrosser.co.uk/PAGES/Left_Bot_Logo2.png', sizingMethod='scale');
	z-index: 3;
	}


#left_bottom {
position:relative;
background-color:#transparent;
	position: relative;
	bottom:0;
	
	
	
	-ms-interpolation-mode: bicubic;
width:50%;
height:auto;
margin:0 auto;

	}



.scroll-pane 		{ 
position: absolute;
	height:490px;
	width:500px;
	background-color:#A3B1C9;
	
overflow: auto;
	padding-right: 8px
}



.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 5; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
						  background: url(http://www.mrosser.co.uk/PAGES/scroll%20test/bar.jpg) top center repeat-y;}

.jScrollPaneDrag	{ position: absolute; background: url(http://www.mrosser.co.uk/PAGES/scroll%20test/ball.jpg) center center no-repeat;
					  cursor: pointer; overflow: hidden; }

#details a:hover,#current a:hover {
color:red;
}
#easyspace {
	position: relative;
	height: 45px;
	width: 25%;
	left: 10px;
	top: 50px;
	float:left;
	clear:left;
}



#easyspace_ad {
-ms-interpolation-mode: bicubic;
width:58%;
height:auto;
}

#top_grad {
	top: 0px;
	background-image: url(http://www.mrosser.co.uk/PAGES/Top_Grad.png);
	background-repeat: repeat-y;
	height: 20px;
	width: 100%;
	position: absolute;
	border: medium solid #CCCCCC;
}
.ie-hide  
{   
    _display:none;   
}   
  
#SLIDE ul{
	position: absolute;
	top:0;
	
		border: thick double #CCCCCC;	
		height:100;
		width:800;
}
  
#SLIDE li {
	border: none;
	text-decoration: none;
	display: inline;
	left:20;

	
}