/* CSS Document */

html {
overflow: auto;
overflow-x: hidden;
}

body, h1, h2, h3, h4, img, li, ol, ul, p, div, form, table {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

BODY {
background-image:url(images/bg_tile_dark.gif);
background-repeat:repeat-x;
background-attachment:fixed;
background-color:#3b3b3b;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
line-height: 1.2em;
}

H1 {
margin:0px;
font-size:1.1em;
color:#ffffff;
}

H2 {
margin:0px;
font-size:1em;
font-weight:normal;
color:#0066FF;
}

#container {
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:898px;
padding:0px;
}

#header {
width:898px;
height:62px;
margin:0px;
padding:0px;
background-image:url(images/header_bg.gif);
background-repeat:no-repeat;
border-bottom: 1px solid #656565;
}

#header_styles {
float:left;
width:40px;
padding:15px 0px 0px 20px;
}

#header_logo {
float:right;
width:390px;
padding:13px 20px 0px 0px;
}

#header_login {
float:right;
width:300px;
text-align:right;
color:#FFFFFF;
padding:15px 20px 0px 0px;
display: none;
}

#header_login input {
font: 9px Verdana, sans-serif;
margin: 2px 2px 2px 2px;
}

#header_login .submit {
text-transform: uppercase;
margin: 3px 2px 1px 2px;
}

#header_login p {
color: #0066FF;
font-size: 10px;
margin: 0px 5px 0px 0px;
}

#page_top {
width:896px;
margin:0px;
padding:0px;
border-left: 1px solid #656565;
border-right: 1px solid #656565;
border-bottom: 1px solid #656565;
background-color:#000000;
background-image:url(images/page_top_bg.jpg);
background-repeat:no-repeat;
}

#navcontainer {
float:right;
margin:0px 0px 15px 0px;
padding:0px;
}

#navcontainer UL {
list-style: none;
margin:0px;
padding:0px;
border: none;
}

#navcontainer LI {
display: block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float: left;
width: auto;
}

#right_link {
margin: 0px -1px 0px 0px !important;
padding: 3px 0px 3px 1px !important;
}

#navcontainer A {
color:#FFFFFF;
display: block;
width:111px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size: 0.9em;
text-decoration: none;
background-color: #171819;
margin:0px;
padding: 2px 0px 4px 0px;
border-right: 1px solid #656565;
border-bottom: 1px solid #656565;
}

#navcontainer a.active { 
color:#0066FF;
border-bottom:none;
background-color:transparent;
}

#navcontainer a:hover { 
color:#0066FF;
background-color:transparent;
}

#navcontainer li a#current { 
color:#f621da; 
background-color:#333333; 
}

#page_top_content {
margin:0px 0px 15px 0px;
padding:0px;
width:880px;
background-color:#212121;
border-top: 1px solid #656565;
border-right: 1px solid #656565;
border-bottom: 1px solid #656565;
}

#page_top_content A {
color:#0066FF;
text-decoration:none;
}

#page_top_content A:visited {
color:#0066FF;
text-decoration:none;
}

#page_top_content A:hover {
color:#0066FF;
text-decoration:underline;
}

#page_top_portfolio_content A {
color:#0066FF;
text-decoration:none;
}

#page_top_portfolio_content A:visited {
color:#0066FF;
text-decoration:none;
}

#page_top_portfolio_content A:hover {
color:#0066FF;
text-decoration:underline;
}

#page_top_portfolio_content {
float: left;
margin:0px 0px 15px 0px;
padding:0px;
width:880px;
background-color:#212121;
border-top: 1px solid #656565;
border-right: 1px solid #656565;
border-bottom: 1px solid #656565;
}

#page_top_left {
float:left;
margin:0px;
width:565px;
height: 150px;
border-right: 1px dotted #656565;
padding:10px 15px 10px 15px;
text-align:left;
color:#ffffff;
}

#contact_col1 {
float:left;
width:280px;
padding:0px;
margin:0px;
text-align:left;
}

#contact_col2 {
float:right;
width:250px;
padding:3px 0px 0px 0px;
margin:0px 0px -5px 0px;
text-align:right;
}

#contact_col2 input, select, textarea {
vertical-align:top;
width:145px;
height: 10px;
font: 9px Verdana, sans-serif;
margin: -2px 2px 4px 2px;
}

#contact_col2 select {
width: 151px;
height: 15px;
}

#submit_button {
margin:1px -1px 0px 0px;
padding:0px 0px 0px 0px;
}

#submit_button input {
width:50px;
height: 20px;
text-transform: uppercase;
}

#contact_col2 textarea {
vertical-align:top;
width:145px;
height:40px;
overflow: auto;
}

/* for Internet Explorer */

/*\*/

* html #contact_col2 textarea {
height:38px;
}

/**/

#page_top_portfolio_scroll {
float:left;
margin:0px;
padding:6px 0px 6px 15px;
text-align:left;
color:#ffffff;
}

/* for Internet Explorer */

/*\*/

* html #page_top_portfolio_scroll {
padding:9px 0px 10px 15px;
}

/**/

.portfolio_tn {
float:left;
width:125px;
height:124px;
display:block;
margin:10px 20px 0px 0px;
padding:0px;
text-align:center;
font-size:0.9em;
}

/* for Internet Explorer */

/*\*/

* html .portfolio_tn {
margin:10px 18px 0px 0px;
}

/**/

.portfolio_tn_right {
float:left;
width:125px;
display:block;
margin:10px 0px 0px 0px;
padding:0px;
text-align:center;
font-size:0.9em;
}

#page_top_right {
float:right;
margin:0px;
width:260px;
height: 150px;
padding:10px 10px 10px 10px;
text-align:left;
color:#ffffff;
line-height:17pt;
}

#page_top_map {
float:left;
width:284px;
margin:0px;
padding:0px;
text-align:center;
color:#0066FF;
font-size:0.9em;
}

/* for Internet Explorer */

/*\*/

* html #page_top_map {
margin-bottom:-2px;
}

/**/

#page_top_map A {
color:#0066FF;
text-decoration:none;
}

#page_top_map A:visited {
color:#0066FF;
text-decoration:none;
}

#page_top_map A:hover {
color:#0066FF;
text-decoration:underline;
}

#portfolio_next {
float:right;
width:860px;
background-image:url(images/portfolio_next_bg.gif);
background-repeat:repeat-y;
background-position:100% 100%;
font-size:0.9em;
text-align:right;
margin:5px 0px 0px 0px;
padding:1px 15px 4px 0px;
color:#0066FF;
}

/* for Internet Explorer */

/*\*/

* html #portfolio_next {
margin-top:-5px;
}

/**/

#page_bottom {
width:896px;
margin:0px;
padding:0px 0px 15px 0px;
border-left: 1px solid #656565;
border-right: 1px solid #656565;
border-bottom: 1px solid #656565;
background-image:url(images/page_bottom_bg.jpg);
background-repeat:no-repeat;
background-color:#000000;
}

#latest_title {
float:left;
margin:0px;
padding:5px 0px 0px 20px;
color:#0066FF;
font-size:1em;
}

#latest_portfolio_title {
float:left;
margin:0px;
padding:5px 0px 6px 20px;
color:#0066FF;
font-size:1em;
}

#latest_portfolio_title A {
color:#0066FF;
text-decoration:none;
}

#latest_portfolio_title A:visited {
color:#0066FF;
text-decoration:none;
}

#latest_portfolio_title A:hover {
color:#0066FF;
text-decoration:underline;
}

#workcontainer {
float:right;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
}

#workcontainer UL {
list-style: none;
margin:0px;
padding:0px;
border: none;
}

#workcontainer LI {
display: block;
margin:0px;
padding:0px;
float:left;
width:auto;
}

#workcontainer A {
color:#FFFFFF;
display: block;
width:148px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size: 0.9em;
text-decoration: none;
background-color: #171819;
margin:0px;
padding: 2px 0px 4px 0px;
border-right: 1px solid #656565;
border-bottom: 1px solid #656565;
}

#workcontainer a.active { 
color:#0066FF;
border-bottom:none;
background-color:transparent;
}

#workcontainer a:hover { 
color:#0066FF;
background-color:transparent;
}

#workcontainer li a#current { 
color:#f621da; 
background-color:#333333; 
}

#worklist {
float: left;
margin-right: -1px !important;
width:881px;
}

#worklist a {
width: 250px;
margin: 0px 0px 0px -15px;
padding: 3px 0px 5px 15px;
text-align: left;
}

#worklist .work_container_right {
margin: 0px 0px 0px 0px !important;
width: 614px !important;
}

#worklist .work_container_filler {
margin: 0px 0px 0px 0px !important;
width: 614px !important;
height: 12px;
}

#worklist .work_container_filler:hover {
background: #171819 !important;
}

#worklist_double {
	float: left;
	margin-right: -1px !important;
	width:881px;
}

#worklist_double a {
	float: left;
	margin: 0px 0px 0px -15px;
	padding: 3px 0px 5px 15px;
	text-align: left;
}

#worklist_double .work_container_right {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 716px;
}

#worklist_double .work_container_filler {
	margin: 0px 0px 0px 0px !important;
	width: 614px !important;
	height: 12px;
}

#worklist_double .work_container_filler:hover {
	background: #171819 !important;
}

#page_bottom_content {
float:right;
margin:0px 0px 0px 0px;
padding:0px;
width:880px;
height:180px;
background-color:#212121;
border-top: 1px solid #656565;
border-left: 1px solid #656565;
border-bottom: 1px solid #656565;
}

#page_bottom_content_triple {
	float:right;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	width:290px;
	height:180px;
	background-color:#212121;
	border-top: 1px solid #656565;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
}

#page_bottom_content_triple h2 {
	margin: 5px 0px 6px 10px;
	text-align: center;
}

#page_bottom_content_triple img {
	margin: 5px 3px 0px 3px;
	display: inline;
	float: left;
}

#page_bottom_content_triple a {
	text-decoration: none;
}

#page_bottom_content_triple p {
	float: right;
	width: 130px;
	display: block;
	color: white;
	padding: 0px 0px 3px 0px;
	margin: 0px 3px 0px 0px;
}

.page_bottom_port {
	float: left;
	width: 260px;
	margin: 0px;
	padding: 0px;
	height: 180px;
	padding: 3px 0px 0px 3px;
}

.page_bottom_port p {
	margin: 4px 0px 0px 4px;
	color: white;
}

.page_bottom_port h2 {
	margin: 4px 0px 0px 4px;
}

#page_bottom_image {
float:left;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width:170px;
height:175px;
border-right: 1px dotted #656565;
}

#page_bottom_text {
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:690px;
height:180px;
}

#page_bottom_text h2 {
margin-bottom: 5px;
}

#page_bottom_text_column1 {
float:left;
margin:0px;
padding:10px 20px 0px 0px;
width:315px;
text-align:left;
color:#FFFFFF;
}

#page_bottom_text_column2 {
float:right;
margin:0px;
padding:10px 20px 0px 0px;
width:335px;
text-align:left;
color:#FFFFFF;
}

#bottom {
width:896px;
height:33px;
margin:0px;
padding:0px 0px 0px 0px;
background-image:url(images/footer_bg.gif);
background-repeat:no-repeat;
}

#footer {
width:896px;
margin:0px;
padding:3px 0px 8px 0px;
text-align:right;
color:#ffffff;
}

.clear{
clear:both;
}

.right {
float:right;
border: 1px solid #656565;
}

.header_square {
margin-right:5px;
}

.border {
float:left;
border: 1px solid #656565;
padding:0px;
margin-bottom:3px;
}

.map {
padding:0px 0px 2px 0px;
}

#seo {
	position: absolute;
	width: 800px;
	border: 1px solid #656565;
	left: 50%;
	margin-left: -400px;
	top: 900px;
	color: #eee;
	background:black url(images/portfolio_next_bg.gif);
	background-repeat:repeat-y;
}

.seo2 {
	top: 1100px!important;
}

#seo a {
	text-decoration: none;
	color: #eee;
}

#seo_middle {
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0px 5px 0px;
	
}

#seo_block {
	float: left;
	width: 198px;
	text-align: center;
	padding: 5px 0px 5px 0px;
}