/*
	Third Day Cascading Style Sheet
	-----------------------------------------------
	Table of Contents:
		import navigation
		layout
		colours, typography & links
		misc
*/

/* import navigation
----------------------------------------------- */

@import 'nav.css';

/* layout
----------------------------------------------- */

body
{
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #8a8a8a;
	background: #e3f1f8 url(images/bg3.jpg) repeat-x center top;
	margin: 0; padding: 0;
}
div#container
{
	width: 890px;
	background: #fff;
	border-top: 6px solid #6ebdc2;
	margin: 0 auto;
	overflow: hidden;
	
}
div#header
{
	width: 777px;
	height: 112px; /* Change this if you increase size of logo */
	padding: 0 41px 0 72px;
	background: #2f3f4f;
}
	div#header h1
	{
		width: 262px;
		height: 112px; /* Change this if you increase size of logo */
		background: url(images/logo.gif) no-repeat;
		text-indent: -9999px;
		float: left;
	}
	div#quick_links
	{
		width: 350px;
		padding: 45px 0 0 0;
		float: right;
	}
		.username
		{
			color: #ccc;
			font-size: 11px;
			width: 85px;
			line-height: 22px;
			padding: 2px 0px 0px 27px;
			float: left;
		}
		
.username a 
		{
		    color: #ccc;
			font-size: 11px;
}

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


		div#quick_links ul
		{
			list-style: none;
			margin: 0; padding: 0;
		}
		div#quick_links li 
		{
			float: left;
		}
			div#quick_links a.sitemap
			{
				width: 72px;
				height: 22px;
				background: url(images/sitemap.gif) no-repeat;
				text-indent: -9999px;
				display: block;
			}
			div#quick_links a.shopping_cart
			{
				width: 97px;
				height: 22px;
				background: url(images/shopping_cart.gif) no-repeat;
				text-indent: -9999px;
				display: block;
			}
			div#quick_links a.support
			{
				width: 67px;
				height: 22px;
				background: url(images/support.gif) no-repeat;
				text-indent: -9999px;
				display: block;
			}
div#nav_holder
{
	width: 815px;
	height: 38px;
	padding: 10px 0 0 75px;
	background: url(images/nav_bg.gif) no-repeat;
}
div#content
{
	width: 844px;
	margin: 45px auto 0 auto;
	clear: both;
}
.font_size
{
	font-family: Times New Roman, sans-serif;
	float: left;
	line-height: 23px;
}
	.font_size a
	{
		color: #6c6c6c;
		margin: 0 5px 0 0;
	}
	.font_size a:hover
	{
		color: #6c6c6c;
	}
		a.large
		{
			font-size: 26px;
		}
		a.normal
		{
			font-size: 18px;
		}
		a.small
		{
			font-size: 14px;
		}
.buy_now
{
	margin: 0 35px 0 0;
	float: right;
}
div#hr
{
	border-bottom: 1px solid #dadada;
	margin: 20px 0 20px 0;
	clear: both;
}
	div#hr hr
	{
		display: none;
	}
div#left
{
	font-size: 13px;
	width: 875px;
	padding: 0 0 0 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	text-align:justify;
}

div#right
{
	font-size: 11px;
	width: 234px;
	line-height: 18px;
	float: right;
}
	div#right ul
	{
		width: 130px;
		list-style: none;
		margin: 2px 0 0 15px; padding: 0;
		float: left;
		
	}
	div#right li
	{
		background: url(images/bullet_dot.gif) no-repeat 0 15px;
		padding: 0 0 15px 20px;
	}
	div#right p
	{
		margin: 5px 0 10px 0;
	}
	img.subscribe
	{
		margin: 50px 0 15px 0;
	}
	.email_input
	{
		font-family: Arial, sans-serif;
		font-size: 13px;
		color: #333;
		width: 190px;
		height: 20px;
		padding: 7px 0 0 5px;
		background: url(images/newsletter_bg.gif) no-repeat;
		border: 1px solid #c5c5c5;
	}
	.email_submit
	{
		width: 83px;
		height: 22px;
		background: url(images/subscribe_submit.gif) no-repeat;
		margin: 15px 0 0 0;
		border: 0;
		cursor: pointer;
	}
div#testimonials
{
	width: 694px;
	height: 137px;
	padding: 35px 95px 0 95px;
	background: url(images/testimonials_bg.gif) repeat-x;
	margin: 40px auto 0 auto;
	clear: both;
}
	div#testimonials h1
	{
		color: #333;
		font-size: 14px;
	}
	div#testimonials p
	{
		color: #999;
		line-height: 25px;
		font-size: 14px;
		font-style: italic; 
	}
	div#testimonials h2
	{
		color: #666;
		font-size: 13px;
		font-weight: normal;
	}
div#footer
{
	height: 69px;
	background: #242424;
	border-top: 1px solid #d1d1d1;
	clear: both;
}
	div#footer_content
	{
		color: #999;
		font-size: 12px;
		width: 807px;
		line-height: 69px;
		margin: 0 auto;
	}
		div#footer_content a
		{
			color: #999;
		}
		div#footer_content a:hover
		{
			color: #999;
		}

/* colours, typography & links
----------------------------------------------- */

a
{
	color: #000;
	text-decoration: underline;
}
a:hover
{
	color: #000;
	text-decoration: none;
}
h2.welcome
{
	font-weight: normal;
	color: #7e494c;
	font-size: 21px;
	padding: 0 130px 0 20px;
	float: left;
}
a.more_info
{
	color: #693d40;
}
a.more_info:hover
{
	color: #693d40;
}

/* misc
----------------------------------------------- */

h1, h2, form, input
{
	margin: 0; padding: 0;
}
a img
{
	border: 0;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.clear
{
	clear: both;
}
.block
{
	display: block;
}
