@charset "utf-8";
/* CSS Document */

body {
	background: #000000 url(../images/background.jpg) fixed top center;
	padding-top: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td.logoarea {
	background: url(../images/header_top_left.png) no-repeat;
	width: 450px;
	height: 149px;
}

td.secondnav {
	background: url(../images/header_bottom.png) no-repeat;
	widows: 945px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

td.secondnav p{
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

td.flashpiece {
	background: url(../images/flash_bg.png) repeat-y;
	text-align: center;
	padding: 0px;
	margin: 0px;
}	
	
td.body {
	background: url(../images/body_bg.gif) center repeat-y;
}

div.content {
	background: url(../images/content_bar.png) top center no-repeat;
	padding: 35px 0px 0px 0px;
	text-align: center;
}

td.content3_top {
	background: url(../images/3_content_top.png) no-repeat;
	width: 289px;
	height: 13px;
}

td.content3_bottom {
	background: url(../images/3_content_bottom.png) no-repeat;
	width: 289px;
	height: 19px;
}

td.content3 {
	background: url(../images/3_content_bg.png) repeat-y;
	margin-top: 0px;
	padding-top: 0px;
}

td.content3 h1 {
	text-align: left;
	font: 18px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
}

div.gradient {
	background: url(../images/3_content_grad.png) no-repeat top;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

div.gradient p {
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 15px;
}

div.gradient ul {
	margin-right: 15px;
	text-align: left;
}

img.top_menu {
	position: absolute;
	top: 20px;
	left: 521px;
	width: 469px;
	height: 142px;
}

/* 
==================================================================
Our Work Section
==================================================================
 */

div.ourwork {
	width: 882px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(../images/ourwork.gif) bottom no-repeat;
}

div.ourwork h1 {
	font-weight: bold;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

div.ourwork p {
	text-align: right;
	margin-right: 10px;
}

/* 
==================================================================
Footer Links Section
==================================================================
 */
div.footergradient {
	background: url(../images/footergradient.png) center bottom no-repeat;
	padding: 0px;
	margin: 0px;
}

div.footerlinks {
	width: 880px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div.footerlinks p {
	font: 11px Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.footerlinks a:link, div.footerlinks a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px; padding-left: 5px;
}

div.footerlinks a:hover, div.footerlinks a:active {
	text-decoration: underline;
}

/* 
==================================================================
White Content Section
==================================================================
 */

td.content_top {
	background: url(../images/content_top.png) no-repeat;
	width: 866px;
	height: 14px;
}

td.content_white {
	width: 866px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/content_bg.png) repeat-y;
}

td.content_white p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-left: 30px;
	margin-right: 60px;
	text-align: left;
}

td.content_white ul {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 45px;
	margin-right: 60px;
	text-align: left;
}

td.content_white li {
	margin: 0px;
	padding: 0px;
}

td.content_white h1 {
	font: 24px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 60px;
	margin-bottom: 0px;
	padding: 0px;
	text-transform: uppercase;
	text-align: left;
}

td.content_white h2 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0079C1;
	margin-left: 30px;
	margin-right: 60px;
	text-transform: uppercase;
	text-align: left;
}

div.bg {
	margin-left: 8px;
	background: url(../images/white_bg.jpg) top left no-repeat;
}

td.content_white h3 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0079C1;
	margin-left: 30px;
	margin-right: 60px;
	text-align: left;
}

td.content_white a:link, td.content_white a:visited {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FF9900;
	text-decoration: none;
}

td.content_white a:hover, td.content_white a:active {
	text-decoration: underline;
}

td.content_bottom {
	background: url(../images/content_bottom.png) no-repeat;
	width: 866px;
	height: 18px;
}

div.dots {
	background: url(../images/blue_bubbles_d.png) left top no-repeat;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

blockquote {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-left: 90px;
	margin-right: 120px;
	text-align: left;
}


/* 
==================================================================
Footer Section
==================================================================
 */
 
td.footer {
 	background: url(../images/bottom.png) no-repeat;
	height: 166px;
	width: 945px;
	vertical-align: top;
}

div.footerarea {
	text-align: center;
	width: 400px;
	margin-right: 20px;
	margin-top: 20px;
}

div.footerarea p {
	margin: 0px;
	padding: 0px;
}

div.graphics {
	vertical-align: top;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

/* 
==================================================================
Begin CSS Popout Menu
==================================================================
 */

#menu{
margin-left: 15px;
text-align: center;
text-transform:uppercase;
}

#menu a, #menu h2{
font: 10px/16px arial,helvetica,sans-serif;
display:block;
white-space: normal;
margin:0;
padding: 2px 2px 1px 2px;
border: none;
}

#menu h2{
color:#fff;
}

#menu h2 a, #menu h2 a:hover, #menu h2 a:visited {
text-decoration: none;
color: #FFFFFF;
border: none;
background: none;
padding: 2px 2px 1px 2px;
}

#menu h2 a:hover {
	background: #0079C2;
	border: none;
}

#menu a {
border: none;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
background: url(../images/dropdown.jpg) left no-repeat;
padding-left: 35px;
}

#menu a:hover{
color:#000;
border: none;
background: url(../images/dropdownactive.jpg) left no-repeat;
}

#menu a:active{
color:#FFF;
background: #0079C2;
}

#menu ul{
list-style:none;
float: left;
margin:0;
padding:0;
display: block;
width: auto;
}

#menu li{
position:relative;
text-align: left;
display: block;
}


#menu ul li ul li{
float: left;
width: 152px;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
padding-bottom: 27px;
padding-top: 3px;
background: url(../images/dropdownbottom.png) bottom left no-repeat;
}

#menu ul ul li {
background: #FFFFFF;
}

#menu ul ul ul{
position:absolute;
z-index:500;
top:-3px;
display:none;
left: 152px;
padding-bottom: 27px;
background: url(../images/dropdownbottom.png) bottom left no-repeat;
}


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#0079C2 no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

#headerwindow {
	background-image: url(../images/header-window-tile.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 204px;
	width: 340px; 
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding: 0px;
}

#headerwindowtext {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: right;
}

#headerwindowtext h1 {
	text-align: right;
	font: 18px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0px;
	padding: 15px 0px 5px 0px;
}

#headerwindowtext a {
	color: #FFFFFF;
	text-decoration: none;
}

div.gradient a {
	color: #FFFFFF;
	text-decoration: none;
}

td.mainmenu {
	margin: 0px;
	padding: 0px;
	height: 24px;
}

td.logo {
	height: 173px;
	margin: 0px;
	padding: 0px;
}

.comment-form-comment LABEL {display:block;}
.comment-form-author INPUT, .comment-form-email INPUT, .comment-form-url INPUT {display:block;}
#text-3 {list-style-type:none;}

td.content_white div.dots #social {
	margin-left: 0px;
}

td.content_white #social {
	margin-left: 30px;
}