/* O'Neill Surf Academy - styles for courses matrix */

div#frame { background:  url(/img/coursegrid_bg.jpg) no-repeat; }

div#rightcol h3#pagetitle { clear: both; width: 177px; height: 50px; margin: 0 0 0 285px; background: url(../img/titles/surf_courses.gif) no-repeat; }
#pagetitle {padding-left:35px;text-align:left;width:455px;height:50px;float:left;padding-top:21px;}
ul#photomatrix { photo-style-type: none; margin: 0; padding: 0; }
ul#photomatrix li.photo { width: 192px; height: 137px; float: left; margin: 23px 0 0 0; }
ul#photomatrix li.photo img { margin: 0 0 0 20px; }
ul#photomatrix li.photo p { font: 0.7em Arial, sans-serif; color: #000; margin: 8px 0 0 20px; }
ul#photomatrix li.photo p a { color: #000; text-decoration: none; }
ul#photomatrix li.photo p a:hover { color: #B20000; }

.awkwardsub {
	float: left;
	width: 350px;
	height: 140px;
	margin-top: 23px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
#pageno { width: 88px; float: left; text-align: center; }
#pageno p { font: 0.7em Arial, sans-serif; color: #000; margin: 70px 10px 0 0; }
#pageno p a { color: #FFFFFF; text-decoration: none; }
#pageno p a:hover { color: #B20000; }

div#photo_nav { width: 250px; height: 120px;float:left; }
div#photo_nav ul#realnav {
	list-style-type: none;
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 20px;
	padding-top: 15px;
}
div#photo_nav ul#realnav li { font: 0.8em Arial, sans-serif; color: #000;  margin-left:18px;}
div#photo_nav ul#realnav li#navshop { padding: 15px 0 0 27px; }
div#photo_nav ul#realnav li#navgallery { padding-left: 34px; }
div#photo_nav ul#realnav li#navtravel { padding-left: 41px; } 
div#photo_nav ul#realnav li a { color: #000; text-decoration: none; font-weight:normal;}
div#photo_nav ul#realnav li a:hover { color: #B20000; font-weight:normal;}

ul#photomatrix li.awkwardsub ul#realnav { float: left; photo-style-type: none; margin: 18px 0 0 16px; }
ul#photomatrix li.awkwardsub li { font: 0.8em Arial, sans-serif; color: #000; }
ul#photomatrix li.awkwardsub li#navshop { padding-top: 22px; }
ul#photomatrix li.awkwardsub li#navgallery { padding-left: 7px; }
ul#photomatrix li.awkwardsub li#navtravel { padding-left: 14px; } 
ul#photomatrix li.awkwardsub li a { color: #000; text-decoration: none; }
ul#photomatrix li.awkwardsub li a:hover { color: #B20000; }

.image{

float:left;
	
	width:150px;
	height:153px;
	padding-top: 14px;
	padding-left: 30px;
}

.image_1{

	
}
.image_1 img{margin-bottom:3px;}



.image_2{
float:left;
	
	width:110px;
	height:153px;
	padding-top: 14px;
	padding-left: 50px;
}
.image_3{
float:left;
	
	width:125px;
	height:155px;
	padding-top: 12px;
	padding-left: 70px;
}

.image_4{
float:left;
	
	width:150px;
	height:107px;
	padding-top: 13px;
	padding-left: 30px;
}
.image_5{
float:left;
	
	width:150px;
	height:118px;
	padding-top:8px;
	padding-left: 30px;
}
.image_6{
float:left;
	
	width:110px;
	height:118px;
	padding-left: 45px;
	padding-top:8px;
}
.image_7{
	float:left;
	
	width:120px;
	height:156px;
	padding-left: 83px;
	padding-top:3px;
}

.image_8{
	float:left;
	
	width:111px;
	height:130px;
	padding-left: 38px;
	padding-right: 35px;
	padding-top:8px;
}
.image_9{
	float:left;
	
	width:111px;
	height:130px;
	padding-left: 45px;
	padding-right: 5px;
	padding-top:8px;
}
.image_10{
	float:left;
	
	width:111px;
	height:130px;
	padding-left: 75px;
	padding-right: 10px;
	padding-top:8px;
}

.image_11{
	float:left;
	
	width:111px;
	height:140px;
	padding-top: 40px;
	padding-left: 33px;
	padding-right: 5px;
}

.image_12{
	float:left;
	
	width:111px;
	height:140px;
	padding-top: 40px;
	padding-left: 75px;
	padding-right: 5px;
}
.image_13{
	float:left;
	
	width:111px;
	height:140px;
	padding-top: 40px;
	padding-left: 85px;
	padding-right: 0px;
}