/* main containers */

#container {
	width: 760px;
	background-color:#fff;
	border: 1px solid #343434;
	margin-left: auto;
  	margin-right: auto;
	height:auto;

}



body {
	height:auto;
	background-color: #fff;
	/* 
	margin: 0px; padding: 0px;
	background-image:url(../images/bg_shadow.gif);
	background-repeat:repeat-y;
	background-position:center;
	font-family:Arial, Helvetica, sans-serif;
	*/
 	margin: 0px; padding: 20px;
	background-image:url(../images/bg_grad.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;

}


a:link {
	color: #ff7f00;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover {
	color:  #343434;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a:active {
	COLOR: #ff7f00;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
a:visited {
	COLOR: #ff7f00;
}


#banner {

	width:inherit;
	height:122px;


}

#logobar {

width:6px;
height:122px;
background-color:#ff7f00;
float:left;

}

#logo {

width:247px;
height:122px;
background-color:#fff;
float:left;

}


#nav {

width:507px;
height:122px;
background-color:#fff;
float:left;

}

#navlinks {

height:98px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;

}

.navtext {

padding-right:40px;
padding-left:40px;
padding-top:45px;

vertical-align:middle;


}

#navbar {

height:24px;
background-color:#343434;


}

#middle {

width:inherit;
height:266px;
border-bottom: 1px #343434 dotted;


}


#about {

width:253px;
height:266px;

border-top: 1px #343434 dotted;
float:left;


}


#about_text {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 10px 25px 20px 25px;
text-align:justify;

}


#randimg {

width:413px;
height:266px;
float:left;
background-color:#ccc;
border-bottom: 1px #343434 dotted;

}

#middlebar {

width:94px;
height:266px;
background-color:#ff7f00;
text-align:center;
float:left;
border-bottom: 1px #343434 dotted;

}

#error_block {

width:213px;
height:226px;
background-color:#fff;
border-top: 1px #343434 dotted;
float:left;
padding:20px;
vertical-align:middle;


}

#error_num {

width:413px;
height:266px;
float:left;
text-align:center;
background-color:#fff;
border-bottom: 1px #343434 dotted;

}

#client{

width:413px;
height:266px;
float:left;
background-color:#fff;
border-bottom: 1px #343434 dotted;


}

#client_text {
text-align:left;
padding: 25px 15px 25px 15px;
}
#client_text li{
line-height:30px;
}


img.error_gif { padding-top:50px;}

#error_bar {

width:94px;
height:266px;
background-color:#ff7f00;
text-align:center;
float:left;
border-bottom: 1px #343434 dotted;

}

#bottom_error {
width:inherit;
height: 50px;

}

#bottom {
width:inherit;
height: auto;


}

#portfolio_label {
width:inherit;
height: 48px;

}

#portfolio_img {
padding: 13px 0px 5px 25px;

}

#portfolio {
width:inherit;

height: auto;
/*height: 284px;*/


}

#portfolio_l {

width:252px;
height:auto;
float:left;
border-right: 1px #343434 dotted;


}
#portfolio_c {

width:252px;
height:auto;
float:left;
border-right: 1px #343434 dotted;


}
#portfolio_r {

width:254px;
height:auto;
float:left;


}
#portfolio_r2 {

width:507px;
height:auto;
float:left;


}

.portfolio_content {

padding:15px 20px 20px 25px;
font-size:10px;



}

#copyright {

width:inherit;
height: 50px;
background-color:#343434;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
clear:left;

}

#copyright_content {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
vertical-align:middle;
padding-top:19px;

}


img {
	border:0px;
}






h1 {

	font-size: 14px;
	font-weight:bold;
	color: #000000;
	text-align:left;
}

h2 {
}



p, blockquote, ul, ol {
}

p {

	font-size: 10px;

}

blockquote {
}

ul {
}

ul li {
}

ol {
}

ol li {
}

a {
	color: #4F789F;
}

a.topnav:link {
	color: #ffffff;
	font-size: 10px;

}
a.topnav:visited {
	color: #ffffff; 
	font-size: 10px;

}
a.topnav:active {
	color: #ffffff; 
	font-size: 10px;
	font-weight: bold;
}
a.topnav:hover {
	color: #ffffff; 
	font-size: 10px;
	font-weight: bold;
}