body {
	margin: 0;
	padding: 0;

	font-family: Georgia, 'Times New Roman', serif;
	font-size: 100.00%;
	line-height: 140%;
}

h1
{	
	margin: 0;

	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
}

p
{
	margin: 0px 0px 10px 0px;
	padding: 0; 
}

small
{
	font-size: 70%;
}

/* form elements */
form {
	margin: 10px; 
	padding: 15px 25px 25px 20px;
}
form p {
	padding: 12px 0 5px 0;	margin: 0;	
}
label {
	margin: 0;
	padding: 4px;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
}

#name, #email, #message, #website {
	width: 380px;
}
input.button { 
	height: 30px;
	margin: 5px 0 0 0;
	padding: 2px 3px; 

	width: auto;
	
}

form fieldset
{
	margin: 0 auto 0 auto;
	width: 80%;
}

form dd
{
	display: block;

	margin: 0;
	padding: 0;
}

form dd label
{
	float: left;
	clear: both;
}

form dd input
{	
	width: 40%;
}

form dd input, select, textarea
{
	float: right;
}

.contact_msg
{
	width: 98.5%;
	height: 100px;
}

/* Container */
#container
{
	margin: 0 auto 0 auto;

	height: 100%;
}

/* Header */
#header
{
	margin: 0 auto 0 auto;
	padding-top: 20px;

	width: 950px;
}

/* Logo */
a#logo
{
	display: block;

	width: 356px;
	height: 64px;

	background-position: 0px 0px;
}

a#logo:hover
{
	background-position: 0 -64px;
}

/* Menu */
#menu
{
	margin: 5px auto 0 auto;

	width: 970px;
	height: 40px;
}

#menu span.cleft, span.cright
{
	position: relative;
	display: inline-block;

	height: 40px;
	width: 6px;
}

#menu span.cleft
{
	float: left;
	left: -5px;
	background-position: 0px -126px;
}

#menu span.cright
{
	float: right;
	right: -5px;
	background-position: -7px -126px;
}

#menu a
{
	display: inline-block;
	height: 40px;

	margin: 0;
	padding: 0;
}

#menu a span
{
	display: none;
}

#menu a.home { width: 65px; background-position: 0 -196px; }
#menu a.home_v { width: 65px; background-position: -65px -196px }
#menu a.home:hover { background-position: -65px -196px; }

#menu a.portfolio { width: 85px; background-position: -130px -196px; }
#menu a.portfolio_v { width: 85px;  background-position: -215px -196px; }
#menu a.portfolio:hover { background-position: -215px -196px; }

#menu a.downloads { width: 105px; background-position: -300px -196px; }
#menu a.downloads_v { width: 105px; background-position: -405px -196px; }
#menu a.downloads:hover { background-position: -405px -196px; }

#menu a.forums { width: 77px; background-position: -510px -196px; }
#menu a.forums_v { width: 77px; background-position: -587px -196px; }
#menu a.forums:hover { background-position: -587px -196px; }

#menu a.contact { width: 85px; background-position: -664px -196px; }
#menu a.contact_v { width: 85px; background-position: -749px -196px; }
#menu a.contact:hover { background-position: -749px -196px; }

/* Wrapper  */
#wrapper
{
	margin: 10px auto 0 auto;

	width: 990px;
}

b.bt, b.bt b, b.bb, b.bb b {
	position: relative; 
	display: block;

	height: 8px; 
	width: 6px;
}

b.bbg
{
	position: relative;
	display: block;
	clear: both;

	margin: 0 auto 0 auto;
	padding: 0;

	height: 10px;
	width: 978px;

	top: 11px;
}

b.bt {background-position: 0px -166px; top: -1px; left: 5px;}
b.bt b {float: right; background-position: 0px -173px; left: 975px;}

b.bb {background-position: 0px -179px; top: 0px; left: 5px;}
b.bb b {background-position: 0px -187px; top: 1px; left: 975px;}

/* Content */
#content 
{
	margin: 0;
	padding: 5px 20px;
}

.column_right
{
	margin-top: 4px;
	margin-left: 650px;
	padding-left: 10px;
}

.column_right .intro
{
	padding: 8px;
}

.column_right p
{
	font-size: 80%;
}


.column_left
{
	position: relative;
	display: block;
	clear: left;

	float: left;
	width: 650px;
}

.column_left .title
{
	margin: 5px 0px 0px 0px;
	padding: 5px 5px;

	font-size: 95%;
	font-weight: bold;
	line-height: 100%;
}

.column_left .date
{
	margin: 0 0px 0px 4px;
	padding: 0;

	font-size: 70%;
	font-weight: normal;

	float: right;
}


.column_left .news_post
{
	font-size: 80%;
	line-height: 160%;
	font-family: Arial, Helvetica, sans-serif;
}

.column_left .news_post
{
	position: relative;

	padding: 5px;
	margin-bottom: 20px;
}

.portfolio
{
	clear: both;
	width: 100%;
	border-spacing: 15px 30px;
}

.portfolio td
{
	vertical-align: top;
	font-size: 90%;
}

.work_txt
{
	display: block;

	width: 285px;
	height: 26px;

	background-image: url(../imgs/workimgs.jpg);
}

.work_img
{
	display: block;

	width: 150px;
	height: 102px;

	border: 4px solid #EFEFEF;

	background-image: url(../imgs/workimgs.jpg);
}

.center
{
	text-align: center;
}

.contact_res p
{
	border: 0;
	padding: 0;
}

.hide
{
	display: none;
}

/* Footer */
#footer
{
	margin: 0 auto 10px auto;
	padding: 10px 10px;

	width: 940px;
}

#footer p
{
	padding: 5px 0px;
	margin: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
}