body
{
		font : 12px trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
		color : #666;
		margin: 0px 0;
		background-color:#000000;
}

#wrapper
{
		width:700px;
		height:650px;
		margin : 0 auto;
}

#header
{
		width:100%;
		height:100px;
		background-image:url(../images/logo_header.jpg);
		background-position:left;
		background-repeat:no-repeat;
}

#content_container
{
		width:670px;
		height:450px;
		margin:0 auto;
}

#leftsection
{
		width:268px;
		height:450px;
		float:left;
}

#rightsection
{
		width:388px;
		height:450px;
		margin-left:10px;
		float:left;
		background-repeat:no-repeat;
		color:#482400;
}

#navi
{
		width:100%;
		height:20px;
		margin-top:20px;
		margin-left:10px;
}

#topic
{
		width:100%;
		height:30px;
		background-color:#e9e802;
		margin-bottom:5px;
		color:#370000;
}

#Clients
{
		width:100%;
		height:220px;
		background-color:#d3a57a;
		margin-bottom:5px;
		color:#370000;
}

#brief
{
		width:100%;
		height:190px;
		background-color:#b73003;
		color:#CCCCCC;
}

.magin
{
		width:94%;
		overflow:auto;
		margin-left: 2px;
		font-size: 12px;
		padding: 5px;
}

/*     navigation    */

div#navcontainer ul
{
		background-color:#f53331;
		margin:0;
		padding:0;
		list-style:none;
}

div#navcontainer li
{
		background-color:#FF0000;
		position: relative;
		float:left;
		margin-left:-1px;
		width: 100px;
		height: 20px;
		border:2px solid #000;
}

div#navcontainer li:hover
{
		color: #FFFFFF;
		background-color: #800000;
}

div#navcontainer li a
{
		display:block;
		text-decoration:none;
		text-align:center;
		height: 20px;
		color: #FFFFFF;
		margin-top: 2px;
}

div#navcontainer ul ul
{
		position:absolute;
		width: 100px;
		bottom: 23px;
		display:none;
		border: 1px;
}

div#navcontainer ul ul li
{
		margin-bottom: -1px;
		height:20px;
}

div#navcontainer ul.level1 li.submenu:hover ul.level2, div#navcontainer ul.level1 li.submenu ul.level2 li:hover ul.level2
{
		display:block;
}
client# ul {
		margin: 3px 0px 0px 5px;
		padding: 0px;
}
client #ul li {
		list-style-type: square;
		margin: 0px 0px 0px 0px;
		padding: 0px;
}

input {
		color: #000066;
		background-color: #E8E8E8;
		border: 1px solid #666666;
		height:26px;
		font-size:13px;
		width: 200px;
}
textarea
{
		color: #000033;
		background-color: #E8E8E8;
}

.form { border:#007171 solid 1px;}
.send {
		font-size: 13px;
		color: #FFFFFF;
		width:70px;
		background-color: #806F67;
}

#nav, #nav ul {
		font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		list-style-position: outside;
		line-height: 1;
		font-size: 12px;
}
#nav a {
		font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
		display: block;
		xwidth: 10em;
		text-decoration:none;
		color:#FFFFFF;
		padding:4px;
		background-color: #FF0000;
		text-align: center;
}
#nav a:hover,
#nav a:active {
		color:#FFFFFF;
		background-color: #BF0000;
}
#nav li {
		position:relative; /*added this because
absolute must be in relation to a relatively 
positioned block*/
		float: left;
		width: 8em;
		border:1px solid #000000;
}
#nav li ul { 
position: absolute; 
width: 10em; 
left: -999em; /*positions the dropdown horizontally 
off the page using absolute positioning until hovered - 
I added a bottom:1em; to the :hover state below*/
}
#nav li:hover ul, 
#nav li.sfhover ul { 
left: auto;  
bottom:1.3em;
}
#content { 
clear: left; 
color: rgb(204, 204, 204); 
}