/* CSS Document for Mark Alexander Photography.  Created June 2009 by SH for Internet Creation Ltd */

/* GENERAL STYLES */
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#000000;
	background-image:url(../jpg/body_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;	
}
a{
	color:#84AA44;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0 0 15px 0;
	padding:0;
}
* :focus { outline: 0; }
a img{
	border:none;
}
.clear{
	clear:both;
}
form{
	margin:0;
	padding:0;
}

h1.white, h2.white, h3.white {
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
}

h1.green, h2.green {
	font-size:20px;
	font-weight:normal;
	color:#84AA44;
}
p.green {
text-align: right;
color: #84AA44;
}
p.greenL {
text-align: left;
color: #84AA44;
}
ul.green {
color: #84AA44;
}

/* CONTAINER */
#header{
	width:940px;
	margin:0 auto;
}

#logo{
	float:left;
}

#main_nav{
	margin:57px 0 0 0;
	padding:0;
	text-align:right;
	list-style-type:none;
	width:642px;
	float:right;
}

#main_nav li{
	display:inline;
	margin:0 0 0 25px;
	padding:0;
}

#main_nav li a{
	text-transform:lowercase;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}

#main_nav li a:hover{
	text-decoration:none;
	color:#84AA44;
}

#main_nav li a.active{
	color:#84AA44;
}

/* FULL WIDTH FLASH - HOMEPAGE */
#homepage_flash{
	width:940px;
	height:289px;
	margin:0 auto 20px auto;
	text-align:left;
}
#full_width_flash{
	width:940px;
	height:389px;
	margin:0 auto 20px auto;
	text-align:left;
}

/* MAIN CONTENT CONTAINER - FOR PANELS AND PROJECTS PAGE ETC */
#main_content{
	width:940px;
	margin:0 auto;
	text-align:left;
}

/* PANELS FOR CONTENT .panel DOESN'T HAVE BG FADE, .panel_fade DOES */
.panel{
	width:298px;
	padding:2px 0 0 0;
	float:left;
	margin:0 20px 0 0;
}

.panel_fade{
	width:258px;
	padding:2px 20px 0 20px;
	float:left;
	background-color:#000000;
	background-image:url(../png/panel_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0 20px 0 0;
	min-height:270px;
	height:auto !important;
	height:270px;
}

.panel_fade_course_facts{
	width:228px;
	padding:2px 20px 0 20px;
	float:left;
	background-color:#000000;
	background-image:url(../png/panel_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0 20px 0 0;
	min-height:270px;
	height:auto !important;
	height:270px;
}

.projects_container{
	width:248px;
	padding:15px 0px 0 20px;
	float:left;
	background-color:#000000;
	background-image:url(../png/panel_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0 20px 0 0;
	min-height:405px;
	height:auto !important;
	height:405px;
}

.projects_container2{
	width:248px;
	float:left;
	background-color:#000000;
	margin:0 20px 0 0;
	height:20px;
}

.panel_fade_right_2_col{
	width:611px;
	padding:2px 20px 0 20px;
	float:right;
	background-color:#000000;
	background-image:url(../png/panel_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0 0 20px 0;
	min-height:270px;
	height:auto !important;
	height:270px;
}

/* USE THIS ADDITIONAL CLASS IF THE PANEL IS THE LAST ONE ON THE RIGHT */
.panel_last{
	margin:0;
	float:right;
}

.panel_thumbnail{
	float:right;
	padding:0 0 0 10px;
	width:100px;
}

.panel_thumbnail img{
	margin-bottom:10px;
}

.panel_testimonial{
	margin:0;
	padding:0;
}
.panel_testimonial_author{
	text-align:right;
	font-size:11px;
	font-style:italic;
}

#ssp{
	width:651px;
	padding:0;
	float:right;
	background-color:#000000;
	background-image:url(../png/panel_bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0 0 20px 0;
	min-height:420px;
	height:auto !important;
	height:420px;
}

#textDiv {
	padding: 15px 0 0 10px;
}
#contactForm {
	width: 365px;
	float: right;
	}
#contactForm label{
cursor: pointer;
}



/* MAIN PROJECTS NAV */
#projects_primary_nav{
	width:110px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	background-image:url(../png/active_nav_bg.png);
	background-position:right 3px;
	background-repeat:no-repeat;
}

#projects_primary_nav li{
	color:#FFFFFF;
	font-weight:normal;
}

#projects_primary_nav li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#projects_primary_nav li a.active{
	color:#84AA44;
	text-decoration:none;
	font-weight:bold;
}

#projects_primary_nav li a:hover{
	color:#84AA44;
	text-decoration:none;
}

#projects_secondary_nav{
	width:130px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}

#projects_secondary_nav li{
	color:#FFFFFF;
	font-weight:normal;
}

#projects_secondary_nav li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#projects_secondary_nav li a.active{
	color:#84AA44;
	text-decoration:none;
	font-weight:bold;
}

#projects_secondary_nav li a:hover{
	color:#84AA44;
	text-decoration:none;
}

.projects_primary_title{
	width:110px;
	margin:0 0 15px 0;
	padding:0;
	float:left;
	font-weight:normal;
	font-size:18px;
	color:#999999;
}

.projects_secondary_title{
	width:130px;
	margin:0 0 15px 0;
	padding:0;
	float:right;
	font-weight:normal;
	font-size:18px;
	color:#999999;
}

/* PODCAST */
.podcast_container{
	border:1px solid #303030;
	padding:2px;
}
.podcast_container2{
	border:1px solid #303030;
	padding:2px;
	width: 300px;
	float:right;
	margin: 0 0 15px 15px;
}

.podcast_image{
	float:left;
	padding:0 5px 5px 0;
}

/* FOOTER */
#footer{
	width:940px;
	margin:0 auto;
	border-top:1px solid #1E1E1E;
	color:#9E9E9E;
}
#footer_col_1{
	margin:0;
	padding:20px 0;
	width:30%;
	float:left;
	text-align:left;
}
#footer_col_2{
	margin:0;
	padding:20px 0;
	width:70%;
	float:right;
	text-align:right;
}
#footer a{
	color:#9E9E9E;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

.quote { text-align:left; font-size: 12px; line-height:18px;
}

.quoteRight {text-align: right; font-size: 12px; color:#84aa44;
}

.purchaseButton {
margin-top:30px; margin-left:0px; padding-left:0px; width:228px; height:20px;	
}