@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
	}


body {
	margin:0 auto;
	padding:0;
	background-color:#333;
	background-image:url(images/bgstrip.jpg);
	background-repeat:repeat-x;
	}


#wrapper {
	width:980px;
	height:100%;
	margin:0 auto;
	padding:0;
	}
	
#header {
	
	width:980px;
	height:169px;
	}

#navigation {
	margin:0;
	padding:2px 0 0 0 ;
	width:980px;
	height:44px;
	}


#maincontent {
	background-image:url(images/mockup_revision_11.jpg);
	height:255px;
	}
#photography1 {
	width:980px;
	height:100%;
	}

/*<------------- footer info --------------->*/
#footer {
	height:200px;
	background-color:#000;
	}
	
#footer .footer_content {
	width: 500px;
	height: 75px;
	background-color:#000;
	margin:0 auto;
	padding-left:35px;
	}
	
#footer .footer_content {
	
	
}

#nav {
    position: absolute;
	width: 980px;
    
	}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#6dcff6;
	margin:0;
	padding:0;
	font-size:16px;
	
	}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#6dcff6;
	margin:0;
	padding:0;
	font-size:14px;
	}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	}

/*<------------- left columns --------------->*/
#photography1 .lcol { width:300px; 
				height:500px; 
				float:left; 
				margin: 0 10px 0 0; 
				padding: 10px 10px 0; 
				border-right: thin solid #fff;
				border-left: thin solid white; 
				}
	
#photography1 .lcol_registration { width:250px; height:550px; float:left; margin: 0 10px 0 5px; padding: 10px 5px 0 0; border-right: thin solid #fff; }
/*<------------- centre column --------------->*/
#photography1 .ccol { 
				width:300px; 
				height:500px; 
				float:left; 
				margin: 0 10px 0 0; 
				padding: 10px 10px 0 0;
				border-right: thin solid #fff; 
				}
	
#photography1 .ccol_gallery {
	width:600px;
	height:555px;
	float:right;
	padding-top:10px;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#FFF;
}
	
#photography1 .ccol_diploma { width:550px; height:500px; float:right; border-right: thin solid #fff; }
	
#photography1 .ccol_registration { width:290px; height:550px;;
	float:left; margin: 0 0 0 10px; padding-top:10px; border-right: thin solid #fff; }
/*<------------- right column --------------->*/
#photography1 .rcol { 
			width:310px; 
			height:500px; 
			float:right; 
			margin: 0; 
			padding: 10px 10px 0 0; 
			border-right: thin solid #fff; 
          }

#photography1 .rcol_registration{ width:400px; height:550px; float:right; margin: 0; padding: 10px 0 0;
	;border-right: thin solid #fff; }
#photography3 .lcol { width:300px; 
				height:400px; 
				float:left; 
				margin: 0 10px 0 0; 
				padding: 10px 10px 0 10px; 
				border-right: thin solid #fff;
				border-left: thin solid white; 
				}
				
#photography3 .ccol { 
				width:300px; 
				height:400px; 
				float:left; 
				margin: 0 10px 0 0px; 
				padding: 10px 10px 0 0;
				border-right: thin solid #fff; 
				}
				
#photography3 .rcol { 
			width:310px; 
			height:400px; 
			float:right; 
			margin: 0; 
			padding: 10px 10px 0 0; 
			border-right: thin solid #fff; 
          }
	
#teens1 .lcol { width:300px; 
				height:300px; 
				float:left; 
				margin: 0 10px 0 0; 
				padding: 10px 10px 0 10px; 
				border-right: thin solid #fff;
				border-left: thin solid white; 
				}
#teens1 .ccol { 
				width:300px; 
				height:300px; 
				float:left; 
				margin: 0 10px 0 0px; 
				padding: 10px 10px 0 0;
				border-right: thin solid #fff; 
				}
#teens1 .rcol { 
			width:310px; 
			height:300px; 
			float:right; 
			margin: 0; 
			padding: 10px 10px 0 0; 
			border-right: thin solid #fff; 
          }
#shortcol .lcol { width:300px; 
				height:350px; 
				float:left; 
				margin: 0 10px 0 0; 
				padding: 10px 10px 0 10px; 
				border-right: thin solid #fff;
				border-left: thin solid white; 
				}
#shortcol .ccol { 
				width:300px; 
				height:350px; 
				float:left; 
				margin: 0 10px 0 0px; 
				padding: 10px 10px 0 0;
				border-right: thin solid #fff; 
				}
#shortcol .rcol { 
			width:310px; 
			height:350px; 
			float:right; 
			margin: 0; 
			padding: 10px 10px 0 0; 
			border-right: thin solid #fff; 
          }

#shortcol2 .lcol { width:300px; 
				height:325px; 
				float:left; 
				margin: 0 10px 0 0; 
				padding: 10px 10px 0 10px; 
				border-right: thin solid #fff;
				border-left: thin solid white; 
				}
#shortcol2 .ccol { 
				width:300px; 
				height:325px; 
				float:left; 
				margin: 0 10px 0 0px; 
				padding: 10px 10px1 0 0;
				border-right: thin solid #fff; 
				}
#shortcol2 .rcol { 
			width:310px; 
			height:325px; 
			float:right; 
			margin: 0; 
			padding: 10px 10px 0 0; 
			border-right: thin solid #fff; 
          }
#shortcol3 .lcol { width:300px; 
				height:290px; 
				float:left; 
				margin: 0 10px 0 0; 
				padding: 10px 10px 0 10px; 
				border-right: thin solid #fff;
				border-left: thin solid white; 
				}
#shortcol3 .ccol { 
				width:300px; 
				height:290px; 
				float:left; 
				margin: 0 10px 0 0px; 
				padding: 10px 10px 0 0;
				border-right: thin solid #fff; 
				}
#shortcol3 .rcol { 
			width:310px; 
			height:290px; 
			float:right; 
			margin: 0; 
			padding: 10px 10px 0 0; 
			border-right: thin solid #fff; 
          }
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

#btmimg {
	width: 850px;
    height:500px;
    background-position:center;
	margin-left:60px;
	}

/*<------------- link rollovers --------------->*/
A:link {
	color:#fff;
	text-decoration:underline;
	
	}
A:visited {
	color:#0CF;
	text-decoration:underline;
	}
A:active {
	color:fff;
	text-decoration:underline;
	}
A:hover {
	color:#0CF;
	text-decoration:underline;
}