/* 	
	byDesign Interactive 
	copyright 2005		
*/


body {
	text-align: center;
	background-color: #9b9b9b;
	font-family: tahoma, verdana, lucida, helvetica, serif;
	font-size: 11px;
}
#container {
	margin: 0 auto;
	padding-top: 20px;
	width: 787px !important;
	text-align: left;
}
#logo {
	padding-bottom: 4px !important;
	padding-bottom: 6px;
}
#nav {
	margin: 0;
	padding: 0;
	background-color: #fb0f0c;
	height: 17px;
	border: 2px solid #000;
	border-bottom: none;
}
#main {
	/* height: 448px; for fixed height */
	height: 448px;
	border: 2px solid #000;
	background: #fff url(/images/main_bg.gif) 0 0 no-repeat;ΚΚ
}
#contact {
	float: right;
	margin: 15px 0 0 0;
	padding: 0;
	width: 230px;
}
.colA,
.colB {
	font-size: 9px;
	padding-bottom: 4px;
}
.colA {
	float: left;
	width: 80px;
	text-align: right;
}
.colB {
	float: right;
	width: 145px;
}
span {
	color: #fb0f0c;
}
img {
	border: none;
}
img.icon {
	margin-top: 3px;
}

#content {
	margin: 213px 0 5px 228px;
	padding: 0;
	width: 333px;
	height: 230px;
	/* height: 235px; for fixed height */
}
h1 {
	font-size: 18px;
	color: #9e9e9e;
	margin: 0 0 0 18px;
	padding: 0;
}
.arrow {
	margin: 2px 0;
	padding: 0 0 0 18px;
	background: transparent url(/images/arrow_sm.gif) 0 2px no-repeat;ΚΚ
}
p {
	margin: 0;
 	padding: 0 0 15px 0;
}

a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
a:visited {
	color: #999; /* FC853F */
}
a:hover,
a:active {
	border-bottom: 1px solid #fb0f0c;
}
#logo a {
	border-bottom: none;
}
#legal {
	text-align: right;
	font-size: 10px;
	color: #666;
}
/* nav list styles */
#nav ul {
	border: 0;
	margin: 0px 0px 0px 247px;
	padding: 0px 0 0 0;
	list-style-type: none;
	text-align: center;
}
#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav li span {
	float: left;
	display: block;
	height: 17px;
	padding-left: 10px;
}
#nav a {
	float: left;
	height: 17px;
	margin-top: 0;
	padding: 0;
    text-indent: -200em; /* hides actual text - shows text if stylesheet not imported */	
	text-decoration: none;
	border-bottom: none;
}
#nav ul li#one a {
	width: 90px;
	background: transparent url("/images/pre_production.gif") left top no-repeat;	
}
#nav ul li#two a {
	width: 72px;
	background: transparent url("/images/game_design.gif") left top no-repeat;	
}
#nav ul li#three a {
	width: 102px;
	background: transparent url("/images/game_development.gif") left top no-repeat;	
}
#nav ul li#four a {
	width: 129px;
	background: transparent url("/images/3d_models.gif") left top no-repeat;	
}
#nav ul li#five a {
	width: 85px;
	background: transparent url("/images/web_solutions.gif") left top no-repeat;	
}
#nav li#one a:hover,
#nav li#two a:hover,
#nav li#three a:hover,
#nav li#four a:hover,
#nav li#five a:hover,
#nav li#one a:active,
#nav li#two a:active,
#nav li#three a:active,
#nav li#four a:active,
#nav li#five a:active {
	background-position: 0 -22px;
}


/* OPTIONAL: selects current nav location; place "navX" in body 'id' tag to turn on current page */
body.nav1 #nav #one a,
body.nav2 #nav #two a,
body.nav3 #nav #three a,
body.nav4 #nav #four a,
body.nav5 #nav #five a {
	background-position: 0px -22px;
}

/* CLEAR */

br.clear-both, 
div.clear-both {
	font: 1px/1px sans-serif;
	clear: both;
}