/* Cascading Style Sheet to support the Genavieve Inkster Design Website

Author:				Genavieve Inkster
Date of Update:		26th April 2011
----------------------------------------------- */

body {
	padding-bottom: 0px; 
	background-color: #000000; 
	margin: 0px; 
	padding-left: 0px; 
	padding-top: 0px;
	padding-right: 0px; 
	height: 100%; 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.2em; 
}

#container {
	width: 100%; 
	height: 100%;
}

#left {
	position: absolute;
	text-align: right;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 300px;
	height: 100%;
	top: 0px;
	left: 0px;
	color: #FFF;
	background-color: #000;
}

#navigation {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	background-color: #F90;
	margin-top: 100px;
	height: 38px;
	width: 780px;
} 

#navigation ul {
	list-style: none;
	margin-top: 0px;
	margin-right: 80px;
	margin-bottom: 0;
	margin-left: 150px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

#navigation li {
	display: inline;
	width: 80px;
} 

#navigation a:link, #navigation a:visited {
	padding: 5px;
	color: #FFFFFF;
	background-color: #F90;
	text-decoration: none;
} 

#navigation a:hover {
	color: #000000;
	text-decoration: underline;	
}

#col1,#col2,#col3,#col4, #col5, #col6, #col7, #col8, #col9,#col10, #col11, #col12 {
	color: #ffffff;
	font-size: 1.0em;
	height: 80px;
	width: 200px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#col1 {
	margin-left: 20px;
	margin-top: 20px;
}

#col2 {
	margin-left: 290px;
	height: 100px;
	width: 200px;
	margin-top: -80px;
}

#col3 {
	margin-left: 570px;
	height: 100px;
	width: 200px;
	margin-top: -100px;
}

#col4 {
	margin-left: 20px;
	height: 100px;
	width: 200px;
	margin-top: -20px;
}

#col5 {
	margin-left: 290px;
	height: 100px;
	width: 200px;
	margin-top: -100px;
}

#col6 {
	margin-left: 570px;
	height: 100px;
	width: 200px;
	margin-top: -100px;
}

#col7 {
	margin-left: 20px;
	height: 100px;
	width: 200px;
	margin-top: -20px;
}

#col8 {
	margin-left: 290px;
	height: 100px;
	width: 200px;
	margin-top: -100px;
}

#col9 {
	margin-left: 570px;
	height: 100px;
	width: 200px;
	margin-top: -100px;
}

#col10 {
	margin-left: 20px;
	height: 100px;
	width: 200px;
	margin-top: -20px;
}

#col11 {
	margin-left: 290px;
	height: 100px;
	width: 200px;
	margin-top: -100px;
}

#col12 {
	margin-left: 570px;
	height: 100px;
	width: 200px;
	margin-top: -100px;
}

a:link img {
	border-bottom-color: #ffffff;
	border-top-color: #ffffff; 
	border-right-color: #ffffff; 
	border-left-color: #ffffff;
}

a:visited img {
	border-bottom-color: #ffffff; 
	border-top-color: #ffffff; 
	border-right-color: #ffffff; 
	border-left-color: #ffffff;
}

a:active img {
	border-bottom-color: #ffffff; 
	border-top-color: #ffffff; 
	border-right-color: #ffffff; 
	border-left-color: #ffffff;
}

#content {
	position: absolute;
	width: 70%;
	height: 100%;
	color: #cccccc;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}

#content ul {
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	color: #cccccc; 
	margin-left: 20px; 
	font-size: 0.9em;
}

li {
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	color: #cccccc; 
	margin-left: 20px; 
	font-size: 0.9em;
}

#info {
	padding-right: 15px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	font-size: 0.7em;
	padding-top: 35px;
}

#content p {
	padding-right: 200px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	font-size: 0.9em;
	padding-top: 20px;
}

p a:link {
	color: #ff9900;
}

a:visited {
	color: #ff9900;
}

a:active {
	color: #ff9900;
}

a:hover {
	color: #ff9900;
}

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #FFCC00;
}

h2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #FFCC00;
}