/* CSS Document 

BC Design Solutions

Project: Art of Giving Limited - Main Site
Date: 31.07.2010
Author: Benjamin Colchester
Version: 0.3

Acknowledgments to the Great Noodly Appendage aka Oliver Turner aka The Don

*/

/*-------------------------------------------------------------

Redefine Tags

-------------------------------------------------------------*/

html, body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	height:100%; /* needed for container min-height */	
	min-width: 1150px;
	}
	
body {background-color:#FFFFFF;}

h2 {
	font-size: 12px;
	color: #000;
	text-align: left;
	}
	
h3 {
	font-size: 9px;
	}

p { background: inherit;}

.noborder {border-style: none;}

dd { text-align: justify;}

img a {border: none; list-style-type: none;}

ul#portfolio li img{
	border: none;
	padding: 0px;
	list-style-type: none;
	
}


/*-------------------------------------------------------------

Utility Classes

-------------------------------------------------------------*/

.clear {
	display: block;
	clear: both;
	font-size: 0;
	}

/*-------------------------------------------------------------

Main Layout

-------------------------------------------------------------*/
	

#main { 
	position:relative; /* needed for footer positioning*/
	margin: 0px auto; /* center, not in IE5 */
	width:900px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	#main #topbar {width: 900px; height: 165px; background: #ffffff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
		#main #topbar #marquee { width: 900px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow:hidden; display: block;}
	
		#main #topbar #main_logo { width: 450px; height: 100px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;}
			#main #topbar #main_logo a img {margin: 30px 0px 0px 0px; padding: 0px; border: none;}
		#main #topbar #topbar_info {width: 450px; height: 85px; margin: 30px 0px 0px 0px; padding: 15px 0px 0px 0px; float: left;}
			#main #topbar #topbar_info p {color: #808080; text-align: right; font-size: 14px; text-decoration: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.6em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
			#main #topbar #topbar_info p a {color: #AF8F57; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
			#main #topbar #topbar_info p a:hover {color: #808080; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }		
	
/*-------------------------------------------------------------

Navbar

-------------------------------------------------------------*/

.nav ul.select li a b {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
}

.nav {
height:46px; 
background: url(../images/pro_line_0.gif) repeat-x; 
position:relative; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
color: #808080;
width:900px; 
z-index:500;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
font-weight: normal; 
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url(../images/pro_line_0.gif); 
padding:0 25px 0 25px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
color: #808080; 
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(../images/pro_line_2.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
color: #808080;
}


.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(../images/pro_line_2.gif) right top;
font-weight: normal;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
color: #808080;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(../images/pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color: #AF8F57;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 25px 0 10px; 
background:url(../images/pro_line_1.gif) right top; 
cursor:pointer;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
color: #AF8F57;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:900px; 
top:35px; 
background:url(../images/back_0.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
font-weight: normal; 
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
color: #808080;
}	

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url(../images/back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color: #AF8F57;
background:url(../images/back_1.gif);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
font-weight: normal; 
font-size:13px; 
font-weight: normal;
}	
	
/*-------------------------------------------------------------

Main Content

-------------------------------------------------------------*/

#content {
	width: 900px;
	height: auto;
	text-align: left;
	background: #FFFFFF;
	padding: 25px 0px 75px 0px;
	margin: 0px auto;
	}
	
	#content #main_banner {
		display: block;
		float: left;
		width: 900px;
		height: 250px;
		background: #ffffff;
		padding: 0px 0px 25px 0px;
		margin: 0px 0px 25px 0px;
		border-bottom: 1px solid #cccccc;
		}
	
	#content #secondary_banner {
		display: block; 
		float: left; 
		width: 900px; 
		height: 150px; 
		background: #ffffff; 
		padding: 0px 0px 25px 0px; 
		margin: 0px 0px 25px 0px;
		border-bottom: 1px solid #cccccc;
		}
	
	#content #bottom_banner {
		display: block;
		float: left; 
		width: 900px; 
		height: 200px; 
		background: #ffffff; 
		padding: 25px 0px 0px 0px; 
		margin: 25px 0px 0px 0px; 
		border-top: 1px solid #cccccc;
		}
		
		#content #bottom_banner a img {border: none;}
	
	#content #left_column {
		display: block; 
		float: left;
		width: 450px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		text-align: justify;
		}
			
		#content #left_column ul {margin: 0px 0px 0px 25px; padding: 0px;}
			
		#content #left_column ul li {
			color: #666666;
			font-size: 13px;
			line-height: 1.3em;
			margin: 5px 0px 0px 0px;
			padding: 0px;		
			text-align: left;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight: normal;
			text-indent: none;
			}
			
			#content #left_column ul li strong {font-weight: bold;}
			#content #left_column ul li a {text-decoration: none; color: #AF8F57; }

	#content #left_column.secondary {
		display: block;
		float: left;
		width: 575px;
		padding: 0px 25px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		text-align: justify;
		}
		
		#content #left_column.secondary p {
			color: #666666;
			font-size: 13px; 
			line-height: 1.3em; 
			margin-top: 5px; 
			text-align: justify; 
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			font-weight: normal; 
			font-style: normal;
			}
			
			.border_bottom {border-bottom: 1px solid #CCCCCC; padding: 0px 0px 20px 0px; display: block; margin: 0px 10px 20px 0px; height: ;}
			
			#content #left_column.secondary p a {text-decoration: none; color:#AF8F57; text-align: justify;}
			#content #left_column.secondary p a:hover {text-decoration: none; color:#333333; text-align: justify;}


	#content #right_column {
		display: block;
		float: left;
		width: 425px;
		padding: 0px 0px 0px 25px;
		margin: 0px 0px 0px 0px;
		}
		
		#content #right_column p {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px; 
			font-size: 20px; 
			text-align: right; 
			letter-spacing: normal; 
			font-style: italic; 
			color: #333333;
			}
			
		#content #right_column p.normal {
			color: #666666;
			font-size: 12px;
			line-height: 1.4em;
			margin-top: 5px;
			text-align: justify;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight: normal;
			font-style: normal;
			}
			
			#content #right_column p em {
				font-size:12px; 
				color: #AF8F57;
				}
			
	#content #left_column.secondary {
		display: block;
		float: left;
		width: 575px;
		padding: 0px 25px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		text-align: justify;
		}
		
		#content #left_column.secondary p {
			color: #666666;
			font-size: 13px; 
			line-height: 1.3em; 
			margin-top: 5px; 
			text-align: justify; 
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
			font-weight: normal; 
			font-style: normal;
			}
			
			.border_bottom {border-bottom: 1px solid #CCCCCC; padding: 0px 0px 20px 0px; display: block; margin: 0px 10px 20px 0px; height: ;}
			
			#content #left_column.secondary p a {text-decoration: none; color:#AF8F57; text-align: justify;}
			#content #left_column.secondary p a:hover {text-decoration: none; color:#333333; text-align: justify;}

	#content #left_column.secondary .judge_container {width: 180px; height:200px; float: left; margin: 0px 17px 0px 0px; padding: 0px; font-size: 9px;}
		
		#content #left_column.secondary .judge_container_no_margin {width: 180px; height:200px; float: left; margin: 0px 0px 0px 0px; padding: 0px; font-size: 9px;}
		
			#content #left_column.secondary .judge_container img {margin: 0px 10px 3px 0px; border: 1px solid #AF8F57;}
			#content #left_column.secondary .judge_container p {font-size: 11px; font-weight: normal; text-align: justify; line-height: 1.3em;}
				#content #left_column.secondary .judge_container p a {font-size: 11px; font-weight: normal; text-align: justify;}
				
			#content #left_column.secondary .judge_container_no_margin img {margin: 0px 10px 3px 0px; border: 1px solid #AF8F57;}
			#content #left_column.secondary .judge_container_no_margin p {font-size: 11px; font-weight: normal; text-align: justify; line-height: 1.3em;}
				#content #left_column.secondary .judge_container_no_margin p a {font-size: 11px; font-weight: normal; text-align: justify;}	
				
		#content #left_column.secondary .charity_container {width: 125px; height:125px; float: left; margin: 0px 25px 25px 0px; padding: 0px; font-size: 9px;}
		#content #left_column.secondary .charity_container_no_margin {width: 125px; height:125px; float: left; margin: 0px 0px 25px 0px; padding: 0px; font-size: 9px;}
		
			#content #left_column.secondary .charity_container a img {margin: 0px 0px 0px 0px; border: 1px solid #AF8F57;}
			#content #left_column.secondary .charity_container a:hover img {margin: 0px 0px 0px 0px; border: 1px solid #333333;}
			#content #left_column.secondary .charity_container p {font-size: 11px; font-weight: normal; text-align: justify; line-height: 1.3em;}
				#content #left_column.secondary .charity_container p a {font-size: 11px; font-weight: normal; text-align: justify;}
				
			#content #left_column.secondary .charity_container_no_margin a img {margin: 0px 0px 0px 0px; border: 1px solid #AF8F57;}
			#content #left_column.secondary .charity_container_no_margin a:hover img {margin: 0px 0px 0px 0px; border: 1px solid #333333;}
			#content #left_column.secondary .charity_container_no_margin p {font-size: 11px; font-weight: normal; text-align: justify; line-height: 1.3em;}
				#content #left_column.secondary .charity_container_no_margin p a {font-size: 11px; font-weight: normal; text-align: justify;}		

	#content #right_column.secondary {
		display: block;
		float: left;
		width: 270px; 
		padding: 15px; 
		margin: 0px 0px 25px 0px; 
		background-color:#AF8F57;
		}
			
		#content #right_column.secondary p {
			color: #666666;
			width: inherit; 
			font-weight: normal; 
			font-size: 12px; 
			text-align: left; 
			color: #FFFFFF; 
			margin: 0px 0px 10px 0px; 
			letter-spacing: normal; 
			font-style: normal; 
			padding: 0px 0px 0px 0px;
			}
			
			#content #right_column.secondary p strong {color: #333333;}
			
			#content #right_column.secondary p a {color: #FFFFFF;}
			#content #right_column.secondary p a:hover {}	
			
		#content #right_column.secondary ul {margin: 0px 0px 0px 25px; padding: 0px;}
			
		#content #right_column.secondary ul li {
			color: #ffffff;
			font-size: 13px;
			line-height: 1.3em;
			margin: 5px 0px 0px 0px;
			padding: 0px;		
			text-align: left;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight: normal;
			text-indent: none;
			list-style: disc
			}
			
			#content #right_column.secondary ul li strong {font-weight: bold;}
			#content #right_column.secondary ul li a {text-decoration: none; color: #ffffff; }			
			
		#content #right_column.secondary h2 {color: #333333; font-size: 18px; line-height: 1.2em; margin: 0px 0px 10px 0px; padding: 0px 0px 7px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; border-bottom: 1px solid #ffffff;}
		
		#content #right_column.secondary h3 {color: #333333; font-size: 14px; line-height: 1.2em; margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;}	
		
	#content #right_column.secondary_white {
		display: block;
		float: left;
		width: 270px;
		padding: 15px; 
		margin: 0px 0px 0px 0px; 
		background-color:#ffffff;
		}
			
		#content #right_column.secondary_white p {
			color: #666666; 
			width: inherit;
			font-weight: normal;
			font-size: 12px; 
			text-align: left; 
			margin: 0px 0px 10px 0px; 
			letter-spacing: normal; 
			font-style: normal; 
			padding: 0px;
			}
				
		#content #right_column.secondary_white p.quote {
			color: #333333;
			font-family: PALATINO LINOTYPE, PALATINO !important;
			font-size: 20px; 
			text-align: right; 
			font-style: italic; 
			width: inherit; 
			padding: 0px; 
			margin: 0px;
			}
			
	#content .gold_box {
		display: block;
		float: left;
		width: 268px; 
		height: auto;
		padding: 15px; 
		margin: 0px 0px 25px 0px; 
		background-color:#ffffff;
		border: 1px solid #AF8F57;
		}
			
		#content .gold_box p {
			color: #666666;
			width: inherit; 
			font-weight: normal; 
			font-size: 12px; 
			text-align: left; 
			color: #333333; 
			margin: 0px 0px 10px 0px; 
			letter-spacing: normal; 
			font-style: normal; 
			padding: 0px 0px 0px 0px;
			}
			
			#content .gold_box p strong {color: #333333;}
			
			#content .gold_box p a {color: #AF8F57;}
			#content .gold_box p a:hover {color: #333333;}	
			
		#content .gold_box ul {margin: 0px 0px 0px 25px; padding: 0px;}
			
		#content .gold_box ul li {
			color: #666666;
			font-size: 13px;
			line-height: 1.3em;
			margin: 5px 0px 0px 0px;
			padding: 0px;		
			text-align: left;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight: normal;
			text-indent: none;
			list-style: circle;
			}
			
			#content .gold_box ul li strong {font-weight: bold;}
			#content .gold_box ul li a {text-decoration: none; color: #AF8F57; }
			#content .gold_box ul li a:hover {text-decoration: none; color: #333333; }			
			
		#content .gold_box h2 {color: #333333; font-size: 18px; line-height: 1.2em; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;}
		
		#content .gold_box h3 {color: #AF8F57; font-size: 16px; line-height: 1.2em; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;}		
				
		
	#content p {color: #666666; font-size: 13px; line-height: 1.3em; margin-top: 5px; text-align: justify; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal;}
	#content p a {color: #AF8F57; font-size: 13px; line-height: 1.3em; text-decoration: none;}
	#content p a:hover {color: #640e7a; font-size: 13px; line-height: 1.3em; text-decoration: underline;}
	#content h1.index {line-height: 1.2em; margin: 0px 0px 20px 0px; padding: 22px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color:#ffffff; font-size: 26px; width: 450px; height: 53px; background-color: #000000; text-align: center;}
	#content h1.right_column {line-height: 1.2em; margin: 0px 0px 20px 0px; padding: 22px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; color:#ffffff; font-size: 26px; width: 425px; height: 53px; background-color: #AF8F57; text-align: center;}
	#content h1 {color: #AF8F57; font-size: 28px; line-height: 1.2em; margin: 0px 0px 20px 0px; padding: 0px 0px 5px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; border-bottom: 1px solid #E0E0E0;}
	#content h2 {color: #AF8F57; font-size: 22px; line-height: 1.2em; margin: 25px 0px 10px 0px; padding: 0px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal;}
	#content h2 a {color: #AF8F57; font-size: 22px; line-height: 1.2em; margin: 25px 0px 10px 0px; padding: 0px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none;}
	#content h3 {color: #AF8F57; font-size: 16px; line-height: 1.2em; margin: 15px 0px 10px 0px; padding: 0px 0px 0px 0px;text-align: left; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal;}

.colour_box {width: 26px; height: 26px; padding: 0px; margin: 10px 0px 0px 0px; float: right;}	
			
/*-------------------------------------------------------------

Bottom Bar

-------------------------------------------------------------*/

#bottombar {
	position:absolute;
	width: 900px;
	bottom:0; /* stick to bottom */
	background: #FFFFFF;
	height: 70px;
	border-top: 1px solid #cccccc;
	}
	
	#bottombar p {
		margin: 15px 0px 0px 10px;
		text-align: left;
		font-size: 10px;
		color: #808080;
		background:none;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
		font-weight: normal;
		}
		
	#bottombar p a {
		text-align: left;
		font-size: 10px;
		text-decoration: none;
		color: #AF8F57;
		background:none;
		font-family: Arial, Helvetica, sans-serif;
		}	
	
	
#apply_link {position: absolute; left: 0; top: 0; width: 125px; height: 125px; margin: 0px; padding: 0px; z-index: 100;}	
	#apply_link a img {border: none;}