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

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 06/03/2009
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/




										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0; !important
	width:0; !important
	padding:0;
	margin:0;
}

img, div { behavior: url(iepngfix.htc) }

/* Colours
#EC008C - Fuscia
*/

										/* ---------- 2. typography ---------- */ 

p {color:#fff;}
p a {color:#EC008C;}
h1 {}
h2 {color:#EC008C;font-size:1.4em;margin-top:0;}
h3 {}
h4 {}
h5 {}

h1 {
	background:url(../images/WizardLogo.png) no-repeat;
	height:65px;
	width:150px;
	text-indent:-9000px;
	margin:30px 0 0 0;
	padding:0 0 20px 0;
}
#home p, #contact p {
	font-size:1.2em;
}
#inner p {
	font-size:1.2em;
	margin			: 0.7em 32px;
}
#inner h2 {
	margin			: 0 32px 0.7em 32px;
}
#inner p a {
	color:#F6ADCE;
	text-decoration:underline;
}
#contact p {
	font-size:1.2em;
}
#contact p a {
	color:#fff;
}

table {
	color:#fff;
	font-size:1em;
	margin			: 0.7em 32px;
}


										/* ---------- 3. listography ---------- */ 
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #000;
}


#div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 785px;
}

	#div-logo {
		position:relative;
		width:785px;
	}
	
	#div-nav {
		position:relative;
		width:785px;
		border-bottom:5px solid #EC008C;
	}
	
	#div-main {
		position:relative;
		width:785px;
		background: #000/*#100037 url(../images/content_bg.jpg) repeat*/;
		height:440px;
		padding-top:20px;
	}
		#div-ctop {
			position:relative;
		}
		
		#div-cleft {
			position:relative;
			float:left;
			width:770px;
		}
		
			#div-cleft img {
				margin: 0 20px 20px 20px;
				border:1px solid #EC008C;		
			}
		
		#div-cright {
			position:relative;
			float:right;
			padding-right:20px;
		}
			#inner #div-cleft {
				height:390px;
			}
			#contact #div-cleft {
				width:270px;
				padding-left:7px;
			}
			#contact #div-cright {
				float:left;
			}
			#contact #div-cright {
				width:350px;
			}
			#contact #div-cleft {
				margin-left:17px;
			}
		
		
		
	#div-ftr {
		position:relative;
	}
		#div-ftr p {
			color:#EC008C;
			font-size:0.8em;
		}
	
#fl {
	position:absolute;
	margin-left:50%;
	left:-640px;
	top:0;
	z-index:-2;
}
#div-fl-overlay {
	position:absolute;
	margin-left:50%;
	left:-640px;
	top:0;
	z-index:-1;
}




										/* ---------- 5. navigation ---------- */ 
										
#div-nav ul {
	margin:0;
	padding:0 15px;
}
#div-nav ul li {
	display:block;
	margin:0;
	padding:0;
	float:left;
	padding:10px 0;
}
#div-nav ul li a {
	color:#fff;
	font-size:1.25em;
	padding:10px 15px;
}
#div-nav ul li a:hover {
	color:#EC008C;
}




/* ---------------------------------------------------------------------------- CSS Dropdown Nav ----------------------------------------------- */
#div-nav, #div-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:4;
}

#div-nav a {
	display: block;
	margin: 0;
	font-size: 0.9em;
}

#div-nav li { /* all list items */
	float: left;
	margin:0;
	padding:0;
}
#div-nav li a {
	display: block;
	margin: 0;
	text-decoration:none;
	color: #fff;
}
#div-nav li a:hover {
	color:#ED008C;
}

#div-nav li ul { /* second-level lists */
	position: absolute;
	background: #ED008C;
	width: 230px;
	border-top:10px solid #000;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#div-nav li ul li {
	border:none;
	padding:0;
	margin:0;
}
#div-nav li ul li a {
	color:#FFF;
	background: #ED008C;
	display:block;
	width: 200px;
	font-size:1em;
	font-weight:bold;
}
#div-nav li ul li a:hover {
	color:#2E1353;
	background: #ED008C;
}

#div-nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}

#div-nav li:hover ul ul, #div-nav li.sfhover ul ul {
	margin-left: -1000em;
}

#div-nav li:hover ul, #div-nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}
#div-nav li li:hover ul, #div-nav li li.sfhover ul {
	margin-left: 10em;
}


/* extra positioning rules for limited noscript keyboard accessibility */
#div-nav li a:focus + ul { margin-left: 0; }
#div-nav li li a:focus + ul { margin-left: 1010em; }
#div-nav li li a:focus { margin-left:1000em; width:200px; background: #ED008C; }
#div-nav li li li a:focus {margin-left: 2010em; width: 10em; background: #ED008C; }
#div-nav li:hover a:focus, #div-nav li.sfhover a.sffocus { margin-left: 0; }
#div-nav li li:hover a:focus + ul, #div-nav li li.sfhover a.sffocus + ul { margin-left: 10em; }




#div-nav ul li  #nav_about li a {
	padding:5px;
	width:130px;
}
#div-nav ul li  #nav_projects li a {
	padding:5px;
	width:330px;
}




#div-nav ul li #nav_about li {
	padding:5px;
	width:130px;
}

#div-nav ul li  #nav_projects li {
	padding:5px;
	width:330px;
}




#div-nav ul li #nav_about {
	width:150px;
}
#div-nav ul li #nav_projects {
	width:350px;
}


										

										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */