/* main stuff ------------------------------------------------------------  */

body { 
	margin:0px;
	background: url('../img/bg2.gif') top repeat-x #646e81;
	font-family: 'lucida grande', arial, helvetica, sans-serif;
	font-size: 1em; color:#fff; line-height:120%;	
}

#main {
	width:900px; margin: auto; padding:50px 0;
}


/* header ------------------------------------------------------------ */

#top { text-align:left; width:900px;  }
#toplogo { 	height: 127px; width:160px; float:left; }

#toplogo h3 { display:none; }

#top_subnav { float:left; width:460px; margin-top:88px; }
#top_subnav li { margin:0px; padding:20px; font-size:100%; color:#ffffff; list-style-type: none; display:inline; }

#top_mainnav { width:280px; float:right; text-align:right; }
#top_mainnav li {
	margin:2px; padding:5px 30px; font-size:70%; color:#ffffff;
	list-style-type: none; display:inline; background-color: #000000; }

.toptext { text-align:right; background-color: #c83102; width:180px;
	margin:5px 0; padding: 0 10px 0 0; }
.toptext img { padding:2px 5px; vertical-align: middle;}
.toptext a  { color: #ebe7dc; text-decoration: none;}
.toptext a:hover { color: #ffffff; text-decoration: none;}


/* content stuff ------------------------------------------------------------ */

#content { text-align:left; width:900px; clear: both; padding: 50px 0; margin: 50px 0 10px 5px; }

.front_image { margin-left:100px; padding:50px; }

.img { padding:4px; background-color:#505867; margin:2px; }

/* webdesign  content ------------------------------------------------------- */

.text_webdesign { font-size:75%; width:300px;}
.box_webdesign { width:600px; float:right; margin: 0 0 20px 0; }

/* print  content ------------------------------------------------------- */

.text_print { font-size:75%; width:220px; float:right; }
.box_print { width:680px; margin: 0 0 20px 0;}

/* illustrations  content ------------------------------------------------------- */

.text_illustrations { font-size:75%; width:250px; }
.box_illustrations { width:620px; float:right; margin: 0 0 20px 0;}

/* identity  content ------------------------------------------------------- */

.text_identity { font-size:75%; width:350px; }
.box_identity { width:515px; float:right; margin: 0 0 20px 0;}

/* whatdoIdo  content ------------------------------------------------------- */

.text_what { font-size:75%; width:520px; margin: 0 0 20px 50px }



#menu { padding: 0px 2px 40px 0px; text-align:left; line-height: 180%; width:200px; float:left; }


/* link description  ------------------------------------------------------- */

.header a { background-color:#ffffff;}

a, #content p a { color: #bfe2f1; text-decoration: none; }
a:hover, #content p a:hover { color: #e4e8ef; text-decoration: underline; }
a:visited { color: #bfe2f1; }
.active, a.active { color:#fc6745; }

#top_subnav li:hover { background-color: #7b89a8; color:#e4e8ef; }

.main_image { margin: 0 2px 20px 0; }

.nonactive { color:#aaaaaa; }
.description { color:#b8af97; margin-left:20px 770px 0 0; font-size: 95%; }


/* bottom description  ------------------------------------------------------- */

#bottom { clear:both; background-color: #505867; padding:20px; font-size:70%; }
.left { width: 480px; }
.right { float:right; display:inline; width: 240px; }