/* CSS Document */

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border:1px solid #CCC;
	border-spacing: 0; font-family:Arial, Helvetica, sans-serif; font-size:100%; text-align:center;
}
table tr {border:1px solid #CCC;}
table td {border:1px solid #CCC; width:325px;}

/* Tag Styles */



/* Global */

html {}
body { background-color:#09C; 
/*background-image:url(../images/other/background.jpg); */
background-repeat:no-repeat; 
background-attachment:fixed;
text-align:center; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

h1 { 
	font-size:24px;
	color:#069; 
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px #CCC solid;
	}

h2 {
	font-size:20px;
	color:#C66; 
	margin-bottom:15px;
	}
	
h3 {
	font-size:16px;
	color:#999;
	margin-bottom:10px;
	}
	
h4 {
	font-size:14px;
	color:#999;
	margin-bottom:5px;
	}
	
h5 {
	font-size:14px;
	color:#999;
	margin-bottom:5px;
	}
	
h6 {
	font-size:14px;
	color:#999;
	margin-bottom:5px;
	}
	
	
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
	
	
/* Text */
	
p { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%;
	color:#333; 
	margin:15px 0;
	line-height:115%;
	}
	
p .left { 
	text-align:left;
	}

p .right { 
	text-align:right;
	}
	
p .center { 
	margin:0 auto;
	}
	
p .bold {
			font-weight:bold;
			}
	
blockquote { color:#000; font-size:12px; }
strong { color:#C99; font-weight:bold; }
	
	
/* Ljnks */

a { font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#c99; }
a:link { color:#666}
a:visited { color:#666}
a:active { color:#C99} /*colour when clicking the link */
a:focus { color:#00C} /*colour on keybord focus*/
a:hover { color:#CCC}


/* Lists */

ul, ol {font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
	}
	
ul li{font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
	text-indent:2%;
	}

	
/* Containers and ID Styles */
#outer { width:960px; margin:0 auto; background-color:#FFF; }

#wrapper { width:900px; margin:0 auto; background-color:#FFF;  }

#logo { margin-top:20px; margin-bottom:10px; margin-left:10px; float:left; background-image:url(../images/other/tick.png); background-repeat:no-repeat; background-position:center; }

#socialmedia { float:right; margin-top:60px; }
#socialmedia ul li { display:inline; }
#socialmedia ul li { margin-top:60px; }

#topnav { clear:both; text-align:left; }
#topnav ul { border-top:1px #000 solid; border-bottom:1px #000 solid; margin:20px 0; padding:10px 0; }
#topnav ul li { display:inline; font-family:Arial, Helvetica, sans-serif; }
#topnav ul li a { padding:0 15px; }

#topnav a:link { font-weight:bold; color:#666; }
#topnav a:visited { color:#666}
#topnav a:active { color:#C99} /*colour when clicking the link*/
#topnav a:focus { color:#00C} /*colour on keybord focus*/
#topnav a:hover { color:#CCC}	


#banner { margin-bottom:30px; }
#slider { margin-bottom:30px; }


#content { width:650px; float:left; text-align:left; }
#content-fullpage { width:100%; }

#rightside { width:200px; float:right; background-color:#EAF6FF; border:10px #EAF6FF solid; margin-bottom:15px; text-align:left; }
#fblike { width:200px; overflow:visible; text-align:center; margin-bottom:10px; }
#fbbadge { text-align:center; margin-bottom:15px; }

#bottomnav { clear:both; border:1px #CCC solid; text-align:left; }

#bottomnav-left {  float:left; width:650px; margin-top:5px;  }
#bottomnav-left ul li { text-decoration:none; font-size:90%; }
#bottomnav-left a:link { color:#069; font-weight:bold; text-decoration:none; }
#bottomnav-left a:visited { color:#069}
#bottomnav-left a:active { color:#C99} /*colour when clicking the link*/
#bottomnav-left a:focus { color:#00C} /*colour on keybord focus*/
#bottomnav-left a:hover { color:#CCC}

#bottomnav-right { float:right; width:200px; margin:5px auto; }
#bottomnav-right ul li { text-decoration:none; font-size:90%; display:inline; }
#bottomnav-right a:link { color:#069; font-weight:bold; text-decoration:none;  }
#bottomnav-right a:visited { color:#069}
#bottomnav-right a:active { color:#C99} /*colour when clicking the link*/
#bottomnav-right a:focus { color:#00C} /*colour on keybord focus*/
#bottomnav-right a:hover { color:#CCC}



#footer { clear:both; border-top:1px #CCC solid; padding-bottom:20px; }

#list { list-style-image:url(../images/icons/tick-bullet.gif); list-style-position:inside; margin-left:2%;}
#list li { margin-top:0.5%; }


/* Boxes */

#box1 {}
#box2 {}
#box3 {}
#box4 {}
#box5 {}

/* Navigation Extras */	


/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; margin:20px;	}

label 	{ 
		float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
		}
	
submit	{ background:none; 	}

input 	{ 
		width: 280px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}
		
input:focus, textarea:focus	{ background-color:#BFEBFF; }

textarea {
		width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

.submit {
		width:90px; height:25px;
		margin-left:160px;
		font-size:12px;
		}

br		{ clear: left; 	}

.clear	{ clear:both; }



/* Images */	

.image-frame { margin:10px; padding:10px; border:1px #CCC solid; }

			
/* TEST */

/* Miscellaneous Class Styles */

.footer-text { text-align:center; font-size:80%; font-style:normal; color:#CCC; }
.menu-links { text-decoration:none; }
.facebook-badge { padding:10px; }
.italics {font-family:Arial, Helvetica, sans-serif; 
				font-size:90%;
				color:#333; 
				margin-top:-5px;
				margin-left:5px;
				margin-bottom: 15px;
				line-height:100%;
				font-style:italic;
				text-align:right;
				}

.project-text {font-family:Arial, Helvetica, sans-serif; 
				font-size:90%;
				color:#333; 
				margin-top: -5px;
				margin-bottom: 15px;
				line-height:100%;
				font-style:normal;
				text-align:left;
				}
				

.logo-top {font-family:Arial, Helvetica, sans-serif; font-weight:bold;
				font-size:600%;
				color:#448BB8; 
				margin-top: -5px;
				line-height:100%;
				font-style:normal;
				text-align:justify;
			}
				
				
				
.logo-bottom {font-family:Arial, Helvetica, sans-serif; font-weight:bold;
				font-size:341%;
				color:#448BB8; 
				margin-top: -30px;
				line-height:100%;
				font-style:normal;
				text-align:justify;
			}
			
.projectlist {
				}