/* Generic Selectors */


body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;		
	background-image: url("picts/bgtextures/brown52.jpg");
	background-color: black;
}



.blackfractile-bg {
	background-image: url("picts/bgtextures/blackfractile-bg.jpg");
	}


li {
	line-height: 120%;
	padding: 0px 0px 6px 0px
}


h1 {

	font-family: Helvetica, sans;
	font-size: 28px;
	font-weight: normal;
	color: #000000;
}

h2 {
	font-family: Helvetica, sans;
	font-size: 22px;
	font-weight: normal;
}


.small {
	font-size: 10px;
	}

.medium {
	font-size: 18px;
	line-height: 24px;
	}

.big {
	font-size: 22px;
	line-height: 34px;
	}

.burgtext {
		color: darkred;
	}

.lessspace {
	line-height: 10px;
	}

.dkborder {
	border: 2px solid #000099;
	}

.dkborder-padded {
	border: 2px solid #000099;
	padding: 10px 10px 10px 10px;	
	}

.hugewhite {
	font-size: 42px;
	line-height: 34px;
	color: #FFFFFF;
	}

.whitetext {
	color: #FFFFFF;
	}

.whitetext-blackbg {
	color: #FFFFFF;
	background-color: #000000;
	padding: 10px 10px 10px 10px;	
	}

.redtext {
	color: #BD1C02;
	}

.topspace {
	margin-top: 32px;
	}

.bgphoto {
	background-image: url("picts/Ben-by-Darryl-Dominical4.jpg");
	}



/*************************  ID's *************************/


#navpane { 
	position: fixed; 
	width: 114px;
	height: 176;
	top: 4;
	left: 4;
	margin: 0 auto;
	padding: 4px 4px 4px 4px;	
	border: 3px ridge #331111; 
	font-size: 12px;	
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#mainpane { 
	position: relative; 
	max-width: 640px; 
	margin: 0 auto; 
	margin-top: 0px;
	padding: 30px 30px 30px 30px;	
	border: 2px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#mobilemain { 
	position: relative; 
	margin: 0 auto; 
	margin-top: 0px;
	padding: 14px 14px 14px 14px;	
	font-family: Palatino, Times, serif;
	font-weight: normal; 
	background-image: url("picts/bgtextures/ss049.jpg");  
	}

#main-mobile { 
	position: relative; 
	max-width: 360px; 
	margin: 0 auto; 
	margin-top: 0px;
	padding: 30px 30px 30px 30px;	
	border: 2px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#main500 { 
	position: relative; 
	max-width: 500px; 
	margin: 0 auto; 
	margin-top: 0px;
	padding: 30px 30px 30px 30px;	
	border: 2px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#marginpane { 
	position: relative; 
	width: 600px; 
	margin: 0 auto; 
	margin-top: 0px;
	margin-left: 128px;
	padding: 30px 30px 30px 30px;	
	border: 2px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}
	
#homepane { 
	position: relative; 
	margin: 0 auto; 
	margin-top: 0px;
	height: 826px; 
	width: 934px; 
	padding: 0;	
	border: 3px groove #7F7F7F; 
	font-weight: normal; 
	background-color: #FFFFFF;  
	}

#leftpane { 
	position: absolute; 
	width: 240px; 
	height: 800px; 
	margin: 0 auto; 
	margin-top: 0px;
	margin-left: 0px;
	padding: 14px 14px 14px 14px;	
	font-family: Palatino, Times, serif;
	font-weight: normal; 
	background-image: url("picts/bgtextures/ss049.jpg");  
	}

#rightpane { 
	position: absolute; 
	width: 640px; 
	height: 800px; 
	margin: 0 auto; 
	margin-top: 0px;
	margin-left: 268px;
	padding: 14px 14px 14px 14px;	
	font-weight: normal; 
	background-image: url("picts/Ben-by-Darryl-Dominical4.jpg");  
	}

#floatright {
	float: right;
	margin-left: 16px;
	margin-bottom: 6px;
	}

#floatleft {
	float: left;
	margin-right: 16px;
	margin-bottom: 6px;
	}
	
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 600px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}	

/*************************  Pseudo classes *************************/