@charset "UTF-8";
/* CSS Document */

/* top layout container
--------------------------------------------------*/
	
	body {
	background-color:#FFF;
    margin: 0px;
	padding: 0px;
		}
		
/* main body containers different background images
--------------------------------------------------*/
	
	#about_container {
	background: #fff xurl(http://www.ianhogg.co.uk/images/about-art-director-bg.gif) no-repeat;
	width: 1500px;
	height: 1500px;
	margin: 0px;
	}
	
	#pone_container {
	background: #fff xurl(http://www.ianhogg.co.uk/images/pone-freelance-bg.gif) no-repeat;
	width: 1500px;
	height: 1500px;
	margin:0px;
	padding:0px;
	}
	
	#thanks_container {
	background: #fff xurl(http://www.ianhogg.co.uk/images/freelance-art-director-bg.gif) no-repeat;
	width: 1500px;
	height: 1500px;
	margin:0px;
	}



	#inv_container {
	background: #fff xurl(http://www.ianhogg.co.uk/images/inv-freelance-art-director-bg.gif) no-repeat;
	width: 1500px;
	height: 1500px;
	margin:0px;
	}


/* header  
---------------------------------------------------------------------------------------------------------*/

#ianheader {
	height:165px;
	width:1000px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	background:#fff;
	border-bottom: solid #fff 10px;
}
x#ih_topcolorbar {
	height:20px;
	width:890px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background:#CF0;
}
#logo_float {
	height:87px;
	width: 116px;
	margin: 20px 15px 12px 10px;
	padding: 0px;
	float: left;
}
#ih_blackline {
	height:1px;
	width: 990px;
	margin: 0px 10px 0px 10px;
	padding: 0;
	background:#000;
	clear: both;
}
#topnav ul{list-style:none; padding: 5px; margin: 0px 0px 0px 5px;}
#topnav li{
	float: left;
    margin: 0px 5px 0px 0px;
    padding-top:3px;
	padding-right:8px;
	padding-bottom:8px;
	padding-left:8px;
	}
.topnavone {text-decoration: none; color: #000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.topnavone a {text-decoration: none; color: #000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.topnavone a:hover {background: #CF0;}

h1 {font-size: 12px; color: #000; margin: -23px 10px 0px 0px; font-family: Georgia, Times, serif; float: right; clear: both;}


#portnav ul{list-style:none; padding: 5px; margin: 0px 0px 0px 5px;}
#portnav li{
	float: left;
	margin: 0px 5px 0px 0px;
	padding-top:2px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:8px;
	}
.portnavone {color: #000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.portnavone a {color: #000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.portnavone a:hover {background: #CF0;}


/* content 
---------------------------------------------------------------------------------------------------------*/

#maincontent{
	height:1000px;
	width:990px;
	margin: 20px 0px 0px 30px;
	padding: 0px;
	background:#fff;
}
	
#contentarea{
	height:800px;
	width:825px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background:#fff;
	float: left;
}	
	
#contentarea p{clear:both;text-decoration: none;font-size: 14px; color: #000; font-family: Georgia, sans-serif; line-height: 1.5em; padding:0px; margin:0px;}

#contentarea a:link {background: #CF0; color: #000; text-decoration: none;}
#contentarea a:hover { background: #CFO; color: #000; text-decoration: none;}
#contentarea a:visited {background: #CFO; color: #000; text-decoration: none;}

#contentarea h6 {clear:both;text-decoration: none;font-size: 14px; color: #000; font-family: Georgia, sans-serif; line-height: 1.5em; padding:0px; margin:0px;}





#invcontentarea{
	height:800px;
	width:800px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background:#fff;
	float: left;
}	

#gravatar {
	height:125px;
	width:125px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:#fff url(http://www.ianhogg.co.uk/images/gravatar.jpg) no-repeat;
	float: right;
	clear: right;
}

#oneshow, #epica, #fresh{
	width:125px;
	margin:0px;
	padding: 0px;
	float: right;
	clear: right;
}

#dadi{
	width:125px;
	margin:10px 0px;
	padding: 0px;
	float: right;
	clear: right;
}




#chipshop{
	width:125px;
	margin:8px 0px 12px 0px;
	padding: 0px;
	float: right;
	clear: right;
}

#roses{
	width:125px;
	margin:15px 0px;
	padding: 0px;
	float: right;
	clear: right;
}


#bigchip {
	height:135px;
	width:125px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: right;
	clear: right;
}

#infopanel {
	height:115px;
	width:115px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	background:#CF0;
	float: right;
	clear: right;
}

#infopanel p {
	text-decoration: none;
	color: #000;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
}

#infopanel a:link {font-weight: bold; color: #000;}
#infopanel a:hover {color: #fff;}
#infopanel a:visited {color: #000;}

#work {
	margin: 0px 0px 0px 0px;
	padding: 0px;
    float: left;
    height: 1000px;
	}

#thumbnail {
	margin-right: 20px;
	padding: 0px;
    float: left;
	}