BODY
{
    background-color: black;
    font-family: Trebuchet MS,tahoma,arial,helvetica,sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: white;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}
TD, FORM, BUTTON, LABEL, TEXTAREA, INPUT, SELECT
{
    font-size: 11pt;
    color: white;
}
P
{
	margin-top: 0px;
	margin-bottom: 12px;
}
DIV
{
	margin-top: 0px;
	margin-bottom: 0px;
}
HR
{
	background-color: #999;
    color: #999;
    height: 1px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-style: none;
    clear: both;
}
H1, H2, H3, H4, H5, H6, TH, THEAD, TFOOT
{
    color: #699BD1;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-weight: 500;
}
H1 {font-size: 18pt; font-weight: 900; margin-top: 0px; margin-bottom: 7px;}	
H2 {font-size: 14pt; font-weight: 700; margin-top: 0px; margin-bottom: 7px; }	
H3 {font-size: 11pt; font-weight: 700; margin-top: 0px; margin-bottom: 5px; }	
H4 {font-size: 10pt; font-weight: 700; margin-top: 0px; margin-bottom: 0px; }	
H5, DT {font-size: 10pt; font-weight: 500; margin-top: 0px; margin-bottom: 0px; }	

H1
{
 	color: #699BD1;
 	width: 100%;
 	padding-bottom: 3px;
	border-bottom: solid 0px #B3AA7E;
	/* font-variant: small-caps; */
	/* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=black,endColorStr=white); */
}
H2
{
	color: #999;
	width: 100%;
	padding-bottom: 3px;
	border-bottom: solid 1px black;
}

TFOOT, THEAD { font-size: 1em; }
TH { vertical-align: baseline; font-size: 1em; font-weight: bold; }	

TABLE { margin-top: 0px; margin-bottom: 0px; }

SMALL { font-size: 8pt; }
BIG	{ font-size: 12pt; }
EM
{
	color: #FCDD8D;
	font-weight: bold;
	font-style: normal;
}
STRONG
{
	color: white;
	font-weight: bold;
	font-style: normal;
}

BLOCKQUOTE, PRE { font-family: Courier New, monospace; }	

UL { margin-left: 20px; margin-top: 5px; margin-bottom: 10px; padding-left: 0; }
UL LI { list-style-type: disc ; margin-top: 1px; margin-bottom: 1px; }	
UL LI LI { list-style-type: circle; }	
UL LI LI LI { list-style-type: square; }	
UL { margin-left: 20px; margin-top: 5px; margin-bottom: 10px; padding-left: 0; }
OL LI { list-style-type: decimal; margin-top: 1px; margin-bottom: 1px; }	
OL OL LI { list-style-type: lower-alpha; }	
OL OL OL LI	{ list-style-type: lower-roman; }	

A:link { text-decoration: none; color: #FEBE1E; font-weight: bold; }
A:visited { text-decoration: none; color: #FEBE1E; font-weight: bold; }
A:hover { text-decoration: underline; color: #FCDD8D; font-weight: bold; }
A:active { text-decoration: underline; color: #FCDD8D; font-weight: bold; }

.content
{
	text-align: left;
	width: 650px;
 	background-color: #3F4954;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}
.contentleft
{
	background-image: url(images/content_left.gif);
	background-repeat: repeat-y;
}
.contentright
{
	background-image: url(images/content_right.gif);
	background-repeat: repeat-y;
}
.subheader
{
	margin-bottom: 7px;
}

.center { text-align: center; }
.right { text-align: right; }

.lefthalf { width: 350px; float: left; padding-right: 10px; }
.righthalf { width: 350px; float: right; padding-left: 10px; }

.sidebar
{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 256px;
	padding: 10px;
	background-color: #7A8EA3;
	border: solid 1px black;
}

.goright
{
	float: right;
	margin-left: 5px;
	vertical-align: baseline;
}
.goleft
{
	float: left;
	margin-right: 5px;
	vertical-align: baseline;
}

.home
{
    background-image: url(images/home.gif);
    height: 200px;
	font-size: 16pt;
}

/* Main menu */
.menu a img {height: 31px; width: 140px; border-width: 0;}
.menu a#home img {background: url(images/button_home_css.gif) top left no-repeat;}
.menu a#home:hover img {background: url(images/button_home_css.gif) top left no-repeat; background-position: -140 0;}
.menu a#contact img {background: url(images/button_contact_css.gif) top left no-repeat;}
.menu a#contact:hover img {background: url(images/button_contact_css.gif) top left no-repeat; background-position: -140 0;}
.menu a#client img {background: url(images/button_client_css.gif) top left no-repeat;}
.menu a#client:hover img {background: url(images/button_client_css.gif) top left no-repeat; background-position: -140 0;}
.menu a#bio img {background: url(images/button_bio_css.gif) top left no-repeat;}
.menu a#bio:hover img {background: url(images/button_bio_css.gif) top left no-repeat; background-position: -140 0;}
.menu a#demos img {background: url(images/button_demos_css.gif) top left no-repeat;}
.menu a#demos:hover img {background: url(images/button_demos_css.gif) top left no-repeat; background-position: -140 0;}
.menu a#studio img {background: url(images/button_studio_css.gif) top left no-repeat;}
.menu a#studio:hover img {background: url(images/button_studio_css.gif) top left no-repeat; background-position: -140 0;}

