@charset "utf-8";
body {
background-color: #999;
background-image:url(images/background_stripe.png);
background-repeat:repeat;
margin: 0;
padding: 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.4em;
}

#wrap {
width: 960px;
margin: 0 auto 0 auto;
background-color: #333;
}

#header {
width: 960px;
height: 200px;
}

#header_logo{
float:left;
width: 710px;
height: 200px;
}

#header_navigation{
width: 245px;
height: 200px;
}

#main {
width:680px;
background-color: #333;
color: #fff;
min-height: 451px;
padding: 10px;
}

#footer {
width: 960px;
background-color: #666;
font-size: 0.7em;
color: #fff;
text-align: center;
border-top: 1px solid #000;
}


/* Portfolio CSS */
.portfolio_box{
width: 650px;
background-color: #333;
border: 1px solid #111;
margin-bottom: 10px;
min-height: 293px;
text-align:justify;
}
.portfolio_client{
width: 658px;
background-color: #222;
margin-bottom: 10px;
padding: 0 0 5px 5px;
}
.portfolio_image_website {
float:left;
width: 200px;
height: 125px;
border: 1px solid #111;
margin: 5px;
}
.portfolio_image_graphics {
float:left;
width: 200px;
height: 283px;
border: 1px solid #111;
margin: 5px;
}
.portfolio_image_audio {
float:left;
width: 200px;
height: 200px;
border: 1px solid #111;
margin: 5px;
margin-right: 30px;
}
.portfolio_image_video {
float:left;
width: 200px;
height: 110px;
border: 1px solid #111;
margin: 5px;
}



#main h1, #main h2, #main h3, #main p {
margin-right: 20px;
}

#main h1, #main h2, #main h3 {
font-weight: normal;
color: #9966cc;
}

.portfolio_client h2 {
padding: 10px 0 10px 5px;
margin: 0;
}


.location_image {
float:right;
width: 280px;
height: 451px;
}







/* Navigation Menu */
#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.8em;
width: 245px;
height: 200px;
/* to display the list horizontaly */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 0 710px;
padding: 0;
}

#navlist a
{
width: 99.99%;
height:42px;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #222;
border-bottom: 1px #000 solid;
text-align: left;
text-decoration: none;
color: #FFF;
margin: 0;
padding: 19px 0 5px 5px;
}

#navlist a:hover { background-color: #96c; }



a:link {
	color: #96C;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #96C;
}
a:hover {
	text-decoration: none;
	color: #99C;
}
a:active {
	text-decoration: underline;
	color: #96C;
}
#footer a {
	color: #306;
}