/*--------------------------------------------
  COLOURS:			PRIMARY		
----------------------------------------------

 GREEN				#DCE7D7				
----------------------------------------------
	CSS DOC STRUCTURE:
----------------------------------------------

STYLE RESET
GLOBALS AND STRUCTURAL DIVS 
HEAD
NAVIGATION
MAIN CONTENT 
SUPPORTING CONTENT 
HOME TEMPLATE ONLY
FOOTER
FORMS
COMMENTS
MANAGEMENT AREA
SIFR


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

/* S T Y L E   R E S E T */

* {
	margin:0;
	padding:0;
	}

body {
  	margin: 0px;
  	padding: 0px;
  	font-size: 62.5%;
	}

a:focus, a:active { 
	outline: 0; 
	-moz-outline: none; 
	}

/* if using sIFR */

.sIFR-flash{
	outline: 0; 
	-moz-outline: none; 
	}
	

/*  G L O B A L S   &   S I T E W I D E   C L A S S E S  */

body {
  	font-family: Arial, Helvetica, sans-serif;
  	color: #666666;
  	background: #FFFFFF url(../img/ic_head_bg.gif) repeat-x top left;
	margin:0;
	padding:0;
	}

#about,
#about .head {
  	background: #FFFFFF url(../img/ic_head_bg_home.gif) repeat-x top left;
	}
	
#home,	
#home .head {
  	background: #FFFFFF url(../img/ic_head_bg_portfolio.gif) repeat-x top left;
	}
	
#projects,
#projects .head {
  	background: #FFFFFF url(../img/ic_head_bg_projects.gif) repeat-x top left;
	}	

#contact {
  	background: #FFFFFF url(../img/ic_head_bg_contact.gif) repeat-x top left;
	}



img {
  	border: 0;
	}
	
a:link, a:visited, a:active {
  	color: #BFC5B3;
	text-decoration: none;
	}

a:hover {
  	color: #000000;
	}
	
.clear {
	clear:both;
	}

.right {
	float:right;
	}
	
.left {
	float:left;
	}	

.prev_next {
	position:absolute;
	height:50px;
	width:980px;
	top: 395px;
	left: 0;
	}
	
.back_button {
	position:relative;
	margin: 0;
	padding: 0;
	width: 64px;
	height: 62px;
	float: left;
	text-indent: -5000px;
	display: block;
	background: url(../img/history.gif) no-repeat top;
}	

.next_button {
	position:relative;
	margin: 0;
	padding: 0;
	width: 82px;
	height: 65px;
	float: right;
	text-indent: -5000px;
	display: block;
	background: url(../img/hop_to_another_image.gif) no-repeat top;
}	

.view_all_categories {
	position:relative;
	margin: 0 200px 0 0;
	padding: 0;
	width: 98px;
	height: 60px;
	float: right;
	text-indent: -5000px;
	display: block;
	background: url(../img/view_all_categories.gif) no-repeat top;
}	

.next_button a, 
.back_button a {
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
}


/* S T R U C T U R A L   D I V S  */

.site_wrapper {
	width:980px;
	margin:0 auto;
	}

.head {
  	position: relative;
	width:980px;
  	height: 60px;
  	margin: 0px auto;
  	text-align:left;
  	background:#FEA616;
	}
	
.head h1 {
	margin: 0;
	padding: 0;
	float: left;
}	
	
.head h1 a {
	position:relative;
	margin: 15px 0 0 0;
	padding: 0;
	width: 325px;
	height: 28px;
	float: left;
	text-indent: -5000px;
	display: block;
	background: url(../img/ian_cunliffe_illustrator.gif) no-repeat top;
}

#about .head h1 a {
	background: url(../img/ian_cunliffe_illustrator_about.gif) no-repeat top;
}	
	
#home .head h1 a {
	background: url(../img/ian_cunliffe_illustrator_portfolio.gif) no-repeat top;
}	
	
#projects .head h1 a {
	background: url(../img/ian_cunliffe_illustrator_projects.gif) no-repeat top;
}	

#contact .head h1 a {
	background: url(../img/ian_cunliffe_illustrator.gif) no-repeat top;
}		


.primary_nav {
	float:right;
	margin-right:12px;
	}	

.footer {
  	position: relative;
  	clear: both;
  	width: 795px;
  	height: 125px;
  	margin: 0px auto 30px auto;
  	padding: 60px 0px 0px 0px;
  	text-align:left;
  	z-index:2;
  	text-align: center;
  	color: #C0BFBF;
	display:block;
	}
	
.indented_text {
	position:relative;
	float: left;
	width: 580px;
	clear: both;
	left: 200px;
}	

.indented_text p {
	font-size: 1.4em !important;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}

.img_right {
	float:right;
}

.iancunliffe {
	position:absolute;
	top: 0;
	left: 15px;
}

/* SEARCH BOX */

#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

.search {
	position: relative;
	float: right;
	width: 215px;
	height: 47px;
	margin: 0;
	text-align: right;
	vertical-align: top;
	background: url(../img/ic_search_back.gif) no-repeat top left;
}

.search input {
    float: left;
    padding: 0;
    margin: 25px 0 0 6px;
    border: 0;
    width: 165px;
    background: none;
}
.search .submit_butn {
	width: 21px !important;
	height: 21px;
	margin: 23px 0 0 20px;
	padding: 0;
	display: inline;
	text-indent: -9999px;
	background:url(../img/ic_search_butn.gif) no-repeat top left;
	cursor: hand !important;
	cursor: pointer !important;
}

.categories_subnav {
	position:relative;
	float: right;
	width: 940px;
	margin: -35px 0 0 0;
	margin-right: 40px;
	height: 60px;
}

.categories_subnav ul {
	float: left;
	margin: 10px 0 0 0;
}

.categories_subnav ul li {
	list-style-type: none;
}

.categories_subnav a:link,
.categories_subnav a:visited,
.categories_subnav a:hover,
.categories_subnav a:active {
	font-size: 1.4em;
	display: inline;
	padding: 8px 0 8px 0;
	font-weight: bold;
	text-decoration: none;
	color: #C0BFBF;
}

/*  H E A D  */

.headline p a {
	font-size:1.8em;
	float:left;
	padding-top:18px;
	line-height:1.2em;
	color: #FFF;
	text-decoration: none;
	}

/*  N A V I G A T I O N  */	

.primary_nav li {
	list-style:none;
	margin:10px 0 0 0;
	padding:10px 0 20px 0;
	display:block;
	float:left;
	line-height:1.2em;
	font-size:1.8em;
	}

.primary_nav li a {
	padding:0 30px;
	text-decoration: none;
	color:#FFFFFF;
	}
	
body#manage .primary_nav li a,
body#managework .primary_nav li a,
body#managecategory .primary_nav li a,
body#manageprojects .primary_nav li a,
body#manageusers .primary_nav li a {
	padding: 0 10px; 
}	
	

.primary_nav li a:hover {
	color:#999999;
	}
	
body#home .primary_nav li.nav_home_tab,
body#about .primary_nav li.nav_about_tab,
body#projects .primary_nav li.nav_projects_tab,
body#categories .primary_nav li.nav_categories_tab,
body#contact .primary_nav li.nav_contact_tab,
body#managework .primary_nav li.nav_manage_work_tab,
body#managecategory .primary_nav li.nav_manage_category_tab,
body#manageprojects .primary_nav li.nav_manage_projects_tab,
body#manageusers .primary_nav li.nav_manage_users_tab  {
	background-color:#FFF;
	}
	
body#home .primary_nav li.nav_home_tab a,
body#about .primary_nav li.nav_about_tab a,
body#projects .primary_nav li.nav_projects_tab a,
body#categories .primary_nav li.nav_categories_tab a,
body#contact .primary_nav li.nav_contact_tab a,
body#managework .primary_nav li.nav_manage_work_tab a,
body#managecategory .primary_nav li.nav_manage_category_tab a,
body#manageprojects .primary_nav li.nav_manage_projects_tab a,
body#manageusers .primary_nav li.nav_manage_users_tab a {
	color: #C0BFBF;
}	
	
		
/*  S E C O N D A R Y   N A V I G A T I O N  */

.secondary_nav {
	text-align:center;
	margin:20px 0 0 0;
  	color:#C0BFBF;
	}

.secondary_nav li{
	list-style:none;
	padding:0;
	display:inline;
	font-size:1.4em;
	}

.secondary_nav li a {
	padding:0 7px;
  color:#C0BFBF;
	}

.secondary_nav li a:hover {
	color:#999;
	}
	
/*  M A I N   C O N T E N T   */

.main_content {
	position:relative;
	float: left;
	clear: both;
}

.main_content p{
	font-size:1.3em;
	}
	
.main_content{
	margin-top:50px;
	}

.main_content h1 {
	position:relative;
	clear: both;
	text-align:center;	
	font-size:1.8em;
	padding: 15px 0 15px 0 ;
	margin: 0;
	width: 960px;
	left: 2px;
	font-weight: normal;
	}
	
#projects .main_content h1 {
	color: #8DCE6B
}	
	
#home .main_content h1 {
	color: #9AC3CA
}	
	
/*  H O M E   T E M P L A T E   */

.image_placeholder img,
.image_placeholder {
	text-align:center;
	margin:0 auto;
	}
		
.work_caption{
	text-align:center;
	padding:20px 0;
	}

/*  C A T E G O R Y   ( G A L L E R Y )   T E M P L A T E  */

.gallery img {	
	padding:2px;
	border:1px solid #ffffff;
	margin-right:6px;
	margin-bottom:5px;
	}

.gallery img:hover {	
	border:1px solid #C0BFBF;
	background:#ffffff;
	}
	
.gallery ul {
	margin: 0;
	padding: 0;
}	

.gallery ul li {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	list-style-type: none;
	text-align:center;
}

.gallery ul li a {
	font-size: 1.4em;
	text-decoration: none;
	color: #666;
}

/*  F O O T E R  */

.footer p {
	color: #C0BFBF;
	font-size: 1.2em;
	}

.footer a:link, 
.footer a:visited, 
.footer a:active {
	color: #C0BFBF;
	}

.footer a:hover {
	color: #C0BFBF;
	}


/*  F O R M S */

.smlprint {
  	font-size: 0.8em;
  	color: #999999;
	}
	
.formbutton {
  	margin: 10px 0px 10px 0px;
	}

/*  C O M M E N T S  */	

.reply {
  	color:#FF0000;
	}
	
.commentspostedat {
  	font-size: 0.9em;
	}






/*  M A N A G E M E N T   A R E A  */
 


/*  S I F R  */

.sIFR-active{
	}