body, div, h1, h2, h3, h4, h5, h6, p, a img, pre, blockquote, form, ul, ol, dl{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62%;
    color: #222222;
    background:#f6f6f6;
}

h1
{
    color: #222222;
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height:26px;

}

h2{
     color:#222222;
	font-size: 18px;
	line-height:22px; 

	margin:5px 0 10px;
}

h2 a{color: #222222;}

#sidebar h2 a{
	display:block;
	width:100%;
	height:100%;
	color: #222222;
}

h1 span, h2 span{display: none;}

h3{
	font-size: 16px;
	color: #222222;
	margin: 15px 0 10px;
	font-weight:bolder; 
}

h4{
	font-size: 16px;
	margin: 0 0 7px;
	color: #333333;
}

dl{
	margin: 0;
	padding: 0;
	font-size: 16px;
	padding-bottom: 20px;
}

dt{
	margin: 0;
	padding: 0;
}

dd{
	margin: 0;
	padding: 0;
}



#content p{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 10px 0;
	text-align:justify;  
}

#content ul{
	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#content ul li{
	background: transparent url(../../Images/General/li.gif) no-repeat 11px 7px;
	margin: 0 0 5px;
	padding: 0 10px 0 25px;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold ; 
}


div.noprint
{
display:inherit
}


#header {
	margin: 0;
	padding: 0px 0 0px 0;

}

#header #logo {
	margin: 0px;
	width: 900px;
}
img.logo
{
    margin: 0px;
    padding:0px;
    border:none;
    }
#pagetitle {
	margin: 1px 0 0 0px;
	background:#50A0DD;
	color:white;
	font-size: large;
	padding:1px 20px 4px 10px;
	}
#wrap 
{
    padding:0px;
    border:0px;
	margin: 0 auto;
	width: 900px;
	background: #fff;

}

#content {
	float: left;
	margin: 15px 0 0 20px;
	padding: 0 0px 0 0px;
	width: 660px;
	

}

.leftcolumn
{
float: left;
width: 160px;
margin: 0 20px 0 0;
height:auto;
}
.middlecolumn
{

width: 460px;
margin: 0 0 0 180px;
}

#sidebar {
	float: right;
	margin: 2px 20px 2px 10px;
	padding: 10px 5px 0 5px;
	width: 175px;

}

.sidebox{
	width: 165px;
	margin: 0 0 9px;
	padding: 8px 14px 8px 5px;
	background-color:#f9f9f9;
	border-left: 1px solid #222222;
	color: #222222;
	font-size: 14px;
	height:auto;
}

.sidebox h2{
	height: 18px;
	margin: 0 0 10px 0;
	background-repeat: no-repeat;
}

.sidebox h2 span{
	display: none;
}

.sidebox a{
	color: #222222;
	text-decoration: none;
    margin-right: 0px;
}


.arrows{
	color: #bd0401;
	font-family: Tahoma !important;
}

p.headline
{
    font-size: 17px;
    font-weight:bold; 
} 
p.arrow
{
    margin:10px 0 10px 0;
    padding: 0px 0 0 20px;
    background: url('../../Images/General/arrow4.jpg') no-repeat 0 3px;
    font-family: Trebuchet MS;
    font-size: 18px;
    vertical-align:middle;
    color: #222222;
}
h1.arrow
{
    padding: 1px 0 0 20px;
    background: url('../../Images/General/arrow4.jpg') no-repeat 0 5px;
   color: #222222;
}


#email{
	padding: 1px 0 0 20px;
	height: 40px;
	background: url( '../../Images/General/arrow3.jpg' ) no-repeat 0 5px;
	font-family: Trebuchet MS;
	font-size: 16px;
	font-weight:bold;
	color: #222222;
}

#footer {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	clear: both;
	background:#222222;
	text-align: center;
	color: #fff;
}

#footer p 
{
    padding:0;
	margin: 5px 0 5px 0;
	font-size: small;
}


a.blue:active { color: #222222; text-decoration:underline;padding-left: 0px;}
a.blue:link {color: #222222;text-decoration:underline;padding-left: 0px;}
a.blue:visited {	color: #222222;text-decoration:underline;padding-left: 0px;}
a.blue:hover {color:#222222;text-decoration:underline;padding-left: 0px;}

a:active { color: #222222; text-decoration:underline;padding-left: 0px;}
a:link {color: #222222;text-decoration:underline;padding-left: 0px;}
a:visited {	color: #222222;text-decoration:underline;padding-left: 0px;}
a:hover {color:#222222;text-decoration:underline;padding-left: 0px;}

#navigation
{
Width:900px;
height: 34px;
margin:0 0px 0 0px;
padding: 0;
border:0;
font-family: Tahoma, Arial, Verdana, Helvetica; 
color: white;
background-color:#222222;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Menus

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul.menu {list-style:none; margin:0 0 0 20px; padding:0;color:#222222;}
ul.menu * {margin:0; padding:0;color:white;}
ul.menu a {display:block; color:#000; text-decoration:none;color:white;font-size:150%;}
ul.menu li {position:relative; float:left; margin-right:2px;color:white;background-color:#222222;}
ul.menu ul {position:absolute; top:26px; left:0; background:#222222; display:none;  list-style:none;color:white;}
ul.menu ul li {position:relative; border:1px solid #222222; border-top:none; width:166px; margin:0;color:white;background-color:#222222;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#222222;color:white;}
ul.menu ul li a:hover {background-color:#222222;color:white;}
ul.menu ul ul {left:166px; top:-1px;color:white;}
ul.menu .menulink {border:1px solid #222222; padding:5px 7px 7px; font-weight:bold; background-color:#222222; width:152px;color:white;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#222222;text-decoration:underline;color:white;}
ul.menu .sub{ background: #222222 url('../../Images/General/arrow.gif') no-repeat 154px 8px;}
ul.menu .topline {border-top:1px solid #222222}

p.input
{
margin:0 0 0 0;
padding:0 0 0 0;
border:0 0 0 0;
font-size: 12px;
line-height: 14px;
height: 16px;
}
p.no-padding-no-margin {
	padding:0;
	margin:0 0 0 1px;
	font-size: 12px;
	line-height: 12px;
	height: 14px;
}
.recentworklink
{ 
    margin:10px 0 10px 0;
}
.mailmonfirmationmessage
{
	font-size:large;
}


div.portfoliopicture
{
    float:left; 
    margin-left:10px;
    margin-right:0px;

    margin-top:10px;
    width:50%; 
    height: auto;
}
div.portfoliodescription
{
    margin-left:50%;
    margin-right:10px;
    height: auto;
}