/* New HTML5 CSS format - css-reset.css is required*/
	
/* Site wide declarations */

/* New fonts */
@font-face 
	{
	font-family: "Calibri"; src: url("http://www.floor9design.com/fonts/calibri.ttf");}
@font-face 
	{font-family: "Calibri"; font-weight: bold; src: url("http://www.floor9design.com/fonts/calibrib.ttf"); }
@font-face 
	{font-family: "Calibri"; font-style: italic; src: url("http://www.floor9design.com/fonts/calibrii.ttf"); }

/* Body and Inherited/Important formatting elements */

body
	{
	background: url('http://www.floor9design.com/images/system/background.gif') no-repeat top center #000000;
	font-family: Calibri, arial, sans-serif;
	}

#frame
	{
	margin: 0 auto;
	padding: 0.325em;
	width: 60em;
	}

h1, h2
	{
	color: #ffffff;
	margin: 0em 0em 1em 0em;
	}
	
	
p, ul, dl, dd, dt, ol, li, address
	{color: #aaaaaa;}

a
	{
	color: #ffffff;
	text-decoration: none;
	}
a:hover
	{text-decoration: underline;}

/* Header */

header
	{
	height: 10em;
	padding: 0.325em;
	background: url('http://www.floor9design.com/images/system/background-title-grey.jpg') no-repeat top left #54566f;
	border-width: 1px;
	border-style:solid;
	border-color: #444444;
	border-radius-topleft: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-radius-topright: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	}

h1.header
	{
	margin: 8.8em 0em 0em 8em;
	font-size: 0.9em;
	font-weight: 400;
	}

/* Navigation */

#navigation-top
	{
	height: 3em;
	margin: 0em 0em 1em 0em;
	padding: 0.325em;
	background: url('http://www.floor9design.com/images/system/background-navigation-top.gif') repeat-x center #1d2c49;
	border-width: 0px 1px 1px 1px; 
	border-style:solid;
	border-color: #192a51;
	border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius-bottomright: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;	
	}

ul.navigation-top 
	{
	margin: 0.6em 0em 0em 7em;
	text-align: center;
	}
	
li.navigation-top 
	{
	margin: 0em 1em 0em 0em;
	width: 8em;
	float: left;
	padding: 0.325em 0.5em 0.5em 0.5em;
	background: #14440f;
	border-width: 1px; 
	border-style:solid;
	border-color: #000000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/* gradients */
	background: -webkit-gradient(linear, left top, left bottom, from(#1b4c16), to(#0b3505));				/* webkit */
	background: -moz-linear-gradient(top,  #1b4c16,  #0b3505);												/* firefox */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b4c16', endColorstr='#0b3505');	/* IE */
	}	
	
li.navigation-top:hover
	{
	background: #396e33;
	/* gradients */
	background: -webkit-gradient(linear, left top, left bottom, from(#33652d), to(#23511e));				/* webkit */
	background: -moz-linear-gradient(top,  #33652d,  #23511e);												/* firefox */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#33652d', endColorstr='#23511e');	/* IE */
	}

/* Body	*/

#left-column
	{
	width: 35em;
	border-width: 0px 1px 0px 0px; 
	float: left;
	}

#right-column
	{
	width: 24em;
	margin: 0em 0em 0.325em 0em;
	padding: 0em 0em 0.325em 0.325em;
	border-width: 0px 0px 0px 1px; 
	border-style:solid;
	border-color: #444444;
	float: right;
	}

h1.body-left	
	{
	margin: 0em 0em 0.4em 0em;
	font-size: 1.1em;
	}
p.body-left
	{
	margin: 0em 0em 0.4em 0em;
	line-height: 1.3em;
	}
	
span.italic
	{font-style: italic;}

article.body-right-clients, article.body-right-contact, article.body-right-webdesign
	{
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.325em;
	background: url('http://www.floor9design.com/images/system/pixel-30percent.png') repeat;	
	}

h1.body-right-clients, h1.body-right-contact, h1.body-right-webdesign, h1.body-right-advert, h1.body-contact
	{}
	
h2.body-right-clients, h2.body-right-webdesign, h2.body-right-it-support
	{
	font-size: 0.8em;
	border-width: 0px 0px 1px 0px; 
	border-style: solid;
	border-color: #444444;
	clear: right;
	}

p.body-right-clients, p.body-right-contact, p.body-right-webdesign, p.body-right-it-support
	{
	margin: 0em 0em 1em 0em;
	font-size: 0.75em;
	}
	
img.body-right-clients, img.body-right-contact, img.body-right-webdesign
	{
	float: right;
	margin: 0em 0em 0.2em 0.2em;
	border-width: 1px; 
	border-style:solid;
	border-color: #444444;	
	}

div.body-left-client
	{
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.325em;
	background: url('http://www.floor9design.com/images/system/pixel-30percent.png') repeat;	
	border-width: 1px 0px 1px 0px; 
	border-style:solid;
	border-color: #444444;
	}
	
div.body-right-advert
	{
	margin: 0em 0em 0.325em 0em;
	padding: 0.8em 10em 0.325em 0.325em;
	height: 10em;
	background: url('http://www.floor9design.com/images/system/web-design-adverts.png') top right no-repeat;	
	border-width: 1px 1px 1px 1px; 
	border-style:solid;
	border-color: #444444;	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	}
	
dt.body-right-advert
	{
	font-size: 0.8em;
	color: #ffffff;
	border-width: 0px 0px 1px 0px; 
	border-style: solid;
	border-color: #ffffff;	
	}

dd.body-right-advert
	{
	margin: 0em 0em 0.5em 0em;
	font-size: 0.75em;
	color: #000000;	
	}

article.body-contact
	{
	height: 30em;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.325em;
	background: url('http://www.floor9design.com/images/system/background-contact.png') no-repeat center right;	
	border-width: 1px 0px 1px 0px; 
	border-style:solid;
	border-color: #444444;
	}
	
div.body-contact-dark
	{
	padding: 2em 0em 0em 2em;
	width: 20em;
	height: 26em;
	border-style:solid;
	border-color: #444444;
	background: url('http://www.floor9design.com/images/system/pixel-30percent.png') repeat;	
	}
	
li.body-contact
	{
	list-style:none;
	margin: 0em 0em 1.5em 0em;
	}
	
/* Footer */
#footer-band
	{
	padding: 1em;
	clear: both;
	border-width: 1px 0px 1px 0px; 
	border-style:solid;
	border-color: #444444;
	background: url('http://www.floor9design.com/images/system/pixel-30percent.png') repeat;	
	}

p.footer
	{
	margin: 0.2em 0em 0.2em 10em;
	font-size: 0.75em;
	}
p.footer-castcycle
	{
	float: right;
	margin: 0em 10em 0em 0em;
	}
p.footer-technical
	{
	margin: 0.5em;
	font-size: 0.7em;
	text-align: center;
	}