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

/* --- Global Style ---*/
body, html {
width:100%;
height:100%;
margin:0px;
padding:0px;
background: #ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#585858;
font-size:11px;
line-height:17px;
}

/*---IE6 PNG Fix---*/
/*.plus { behavior: url(../iepngfix.htc) }*/

div{
margin:0px;
padding:0px;
}

p {
font-size:11px;
line-height:17px;
margin-bottom:15px;
margin-top:0px;
}
h1 {
margin:0px 0px 15px 0px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:18px;
color:#000000;
}
h2 {
margin:0px 0px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
line-height:15px;
color:#000000;
}
p + h1 {
margin-top:20px;
}
img {
padding: 0px;
margin: 0px;
border: 0px;
}
a {
color:#dd2424;
text-decoration:none;
}
a:hover {
border-bottom: 1px dotted;
}
a.noborder {
border:0px;
}
.clear{
height:0px;
width:100%;
clear:both;
} 

/* --- End Global Style ---*/

#site-wrapper {
width:913px;
height:auto;
margin:0px auto;
text-align:center;
}
#header-top {
	width:913px;
	height:99px;
	display:block;
	clear:both;
}
#header-top-right {
float:right;
width:193px;
text-align:right;
}

#header-top-right2 {
float:right;
margin:12px 0px;
width:193px;
text-align:right;
}


#flash-banner {
	width:901px;
	height:258;
	position:relative;
	z-index:1;
	margin: 0px auto;
	border-bottom: 1px solid #dd2424;
}
#content {
	width:100%;
	height:auto;
	min-height:300px;
	margin:12px 0px;
	position:relative;
	text-align:left;
}
div.index {
	background: url('../images/bg-content-index.gif') top left repeat-y;
}
div.secondary {
	background: url('../images/bg-content.gif') top left repeat-y;
}
#footer {
	width:901px;
	height:70px;
	margin:0px auto;
	font-size:10px;
	color:#969696;
}
#footer-top {
	width:100%;
	background:#353535;
	height:auto;
}
#footer a {
	color:#969696;
}
#footer p {
margin:0px;
}
#footer-top p.left {
float:left;
padding:10px 15px;
text-transform:uppercase;
}
#footer-top p.right {
float:right;
text-align:right;
padding:10px 15px;
text-transform:uppercase;
}
#footer p.bottom-left {
float:left;
padding:5px 15px;
}
#footer p.bottom-right {
float:right;
padding: 5px 15px;
}
#logo {
	display:block;
	float:left;
}
a#contact-us {
	display:block;
	width:182px;
	height:40px;
	background: url('../images/contact-us.gif') top no-repeat;
	background-position: 0px 0px;

}
#contact-us:hover {
	background-position:0px -40px;
	border:0px;
}
a#newsletter-list {
	display:block;
	width:182px;
	height:40px;
	background: url('../images/newsletter-list.gif') top no-repeat;
	background-position: 0px 0px;

}
#newsletter-list:hover {
	background-position:0px -40px;
	border:0px;
}


/* -- Navigation -- */
#nav-area {
	display:block;
	clear:both;
	width:903px;
	height:41px;
	position:relative;
	overflow:visible;
	z-index:20;
	margin:0px auto;
	background: url('../images/bg-nav-area.gif') top no-repeat;
}

#nav-area0 {
	display:block;
	clear:both;
	width:903px;
	height:41px;
	position:relative;
	overflow:visible;
	z-index:20;
	margin:0px auto;
	background: url('../images/bg-nav-area0.gif') top no-repeat;
}
ul#nav{
height:35px;
width:903px;
float:left;
overflow:visible;
list-style:none;
text-align:left;
margin:0px;
padding:0px;
position:relative;
top:2px;
left:3px;
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:20;
}
#nav li {
	position:relative;
	float: left;
}
#nav li ul {
	display:block;
	position: absolute;
	left: -999em;
	top:35px;	
	z-index: 40;
	clear:none;
	overflow:hidden;
	background:#ffffff;
	padding:5px;
}

#nav li:hover ul{
	display:block;
	z-index:9000;
	float:left;
	position:absolute;
	left: 0px;
	overflow:visible;
	z-index:40;
}
#nav li.sfhover ul{
	display:block;
	z-index:9000;
	position:absolute;
	float:left;
	clear:both;
	left:0px;
	z-index:40;
	overflow:visible;
}
#nav li ul li {
clear:both;
overflow:visible;
}
#nav li ul li a {
	display: block;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	width:178px;
	color: #3f3f3f;
    padding:5px 5px 5px 11px;
	text-align: left;
	border-collapse:collapse;
	border-bottom:1px solid #d11010;
}
#nav li ul li a:hover{
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
	background:#d11010;
}
.nav-spacer {
float:left;
width:1px;
height:35px;
background: url('../images/nav-spacer.gif') top no-repeat;
}
a#nav1 {
	display:block;
	float:left;
	height: 35px;
	width: 69px;
	background: url('../images/nav1.gif') no-repeat;
	background-position: 0 0px;
}
a#nav2 {
	display:block;
	float:left;
	height: 35px;
	width: 110px;
	background: url('../images/nav2.gif') no-repeat;
	background-position: 0 0px;
}
a#nav3 {
	display:block;
	float:left;
	height: 35px;
	width: 108px;
	background: url('../images/nav3.gif') no-repeat;
	background-position: 0 0px;
}
a#nav4 {
	display:block;
	float:left;
	height: 35px;
	width: 147px;
	background: url('../images/nav4.gif') no-repeat;
	background-position: 0 0px;
}
a#nav5 {
	display:block;
	float:left;
	height: 35px;
	width: 104px;
	background: url('../images/nav5.gif') no-repeat;
	background-position: 0 0px;
}
a#nav6 {
	display:block;
	float:left;
	height: 35px;
	width: 106px;
	background: url('../images/nav6.gif') no-repeat;
	background-position: 0 0px;
}
a#nav1, a#nav2, a#nav3, a#nav4, a#nav5, a#nav6 {
	text-indent:-9999em;
}
a#nav1:hover, a#nav2:hover, a#nav3:hover, a#nav4:hover, a#nav5:hover, a#nav6:hover {
	background-position: 0 -35px;
	border-bottom:0px;
}


/*-- Page Framework--*/


#index-left, #secondary-left {
float:left;
width:207px;
height:auto;
}
#secondary-left {
	position:relative;
	left:7px;
}
#index-left p, #secondary-left p {
	font-size:10px;
	color:#585858;
	width:168px;
	margin:5px 0px 10px 17px;
	line-height:14px;
}
#index-right {
float:right;
width:178px;
height:auto;
position:relative;
right:18px;
}
#index-right .project-thumb {
	float:left;
	margin:0px 8px 8px 0px;
}
#index-right .project-thumb-right {
	float:left;
	margin: 0px 0px 8px 0px;
}
#index-right .project-thumb:hover, #index-right .project-thumb-right:hover {
	border:0px;
}
a.go {
display:block;
float:right;
clear:both;
width:32px;
height:17px;
text-indent:-9999px;
background: url('../images/go.png') top no-repeat;
background-position:0px 0px;
margin-bottom:15px;
}
a.go:hover {
	background-position: 0px -17px;
	border:0px;
}
#index-center {
float:left;
position:relative;
left:55px;
width:412px;
}
.read-more {
float:right;
clear:both;
}

#hdr-index {
	margin-bottom:15px;
}
ul#sub-nav{
height:auto;
list-style:none;
text-align:left;
margin:0px;
padding:0px;
position:relative;
margin-bottom:50px;
width:197px;
}
ul#sub-nav li {
display:block;
border-bottom:1px solid #666666;
}
ul#sub-nav li a {
display:block;
padding: 5px 0px 5px 30px;
color:#666666;
}
ul#sub-nav li a:hover {
border-bottom:0px;
color:#dd2424;
background: url('../images/bg-sub-nav.png') 20px 9px no-repeat;
}
#secondary-right {
	float:right;
	width:642px;
}
#breadcrumbs {
margin:25px 0px;
font-size:10px;
}
#breadcrumbs a {
	color:#666666;
	text-decoration:underline;
}
#breadcrumbs a:hover {
	color:#dd2424;
	border:0px;
}
img.float-right {
float:right;
margin:10px;
}
img.hdr {
	display:block;
	clear:both;
	margin-bottom:43px;
}
#secondary-right .project-thumb {
float:left;
width:148px;
height:105px;
border: 1px solid #666666;
margin:0px 10px 10px 0px;
}
#secondary-right .project-thumb-last {
float:left;
width:148px;
height:105px;
border: 1px solid #666666;
margin:0px 0px 10px 0px;
}
p#screenshot {
position:absolute;
}
a:active, a:focus {
outline: 0;
}
.error {
	font-weight:bold;
	font-style:italic;
	color:#F00;
}