/* 
Darkheartstudios.com | Layout

v1.0 | 20091509 
*/

body{
	font-size: 11px;
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	background: url('/themes/dhs//img/shell/bg.stripe.png') repeat;
	}
	
	
#container{
	margin: 0 auto;
  	width: 960px;
	background: url('/themes/dhs//img/shell/Back_01.png') repeat;
	}

h2{
	color: #666666;
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	font-size: 18px;
	margin: 10px 0px 10px 0px;
	}
		
h3{
	color: #FF0056;
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	font-size: 24px;
        margin: 10px 0px 10px 0px;
	}

.req{
      color: #FF0056;
      font-weight: bold;
}
	
/* Hyperlinks */
a {
	color:#FF0056;
	text-decoration:none;
	}

a:hover {
	border-bottom:1px dashed #FF0056;
	color:black;
	text-decoration:none;
	}

a.noBorder {text-decoration:none;}

a.noBorder:hover {text-decoration:none;}

/* Header */
#header{
	width: 100%
	}	

#logo{
	float: left;
	width: 517px;
	margin: 0px 0px 0px 13px;
	}
	
#headExt{
	float: right;
	text-align: left;
	width: 418px;
	margin: 0px 12px 0px 0px;
	background: transparent url('/themes/dhs//img/shell/header.bg.png') no-repeat top right;	
	}

	
/* Header Navigation */
#headExtNav ul{
	text-align: right;
	margin: 24px 0px 0px 0px;
	}

#headExtNavList li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}
	
#headExtNavSearch{
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 0px 0px;
	text-align: right;
	}
	
/* Input Styling */

#headExtNavSearch input[type="text"]{
	width: 200px;
	padding: 3px;
	color: #A8A8A8;
	border: 1px #A8A8A8 solid;
}	

#headExtNavSearch [type="submit"]{
	border: none;
	background: transparent url('/themes/dhs//img/shell/go.icon.png') no-repeat scroll 0 -2px;
	cursor: hand;
	height: 17px;
	margin: 10px 0 0 4px;
	width: 16px;	
}	

/* Navigations */
#navigation{
	background-color: #FF0056;
	height: 33px;
	width: 937px;
	margin: 0px 0px 0px 12px;
	}
	
#navi ul {
	background-color: #FF0056;
	color: white;
	font-family: "helvetica neue",helvetica,arial,sans-serif;
	font-weight: bold;
	line-height: 22px;
	margin-left: 0;
	margin-top: 0;
	padding-bottom: 5px;
	padding-left: 0;
	padding-top: 5px;
	text-align: right;
	width: 478px;
	}
	
	
#navi ul li {
	display:inline;
	padding:5px 0;
	}

#navi ul li a {
	background-color: #FF0056;
	border-right:1px solid #FF0056;
	color: white;
	font-size: 11px;
	padding: 9px 19px;
	text-decoration: none;
	}

#navi ul li a:hover {
	background-color: #FF0056;
	border-bottom: 1px dashed #fff;
	border-right: 1px solid #FF0056;
	color: #000;
	}
	
.chromestyle {
	font-weight:bold;
	width:100%;
	}

.chromestyle:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.chromestyle ul {
	margin:0;
	padding:4px 0 4px 7px;
	}

.chromestyle ul li {display:inline;}

.chromestyle ul li a {
	color:#FFFFFF;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	font-size:11px;
	margin:0;
	padding:3px 7px;
	text-decoration:none;
	}
	
.chromestyle ul li a:hover, .chromestyle ul li a.selected {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat-x scroll center center;
	}

.dropmenudiv {
	-x-system-font:none;
	background-color:white;
	border-color:#FF0056;
	border-style:solid;
	border-width:1px 1px 0;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:200px;
	z-index:100;
	}

.dropmenudiv a {
	border-bottom: 1px solid #BBBBBB;
	color:black;
	display:block;
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	font-weight:bold;
	padding:2px 0;
	text-decoration:none;
	text-indent:3px;
	width:auto;
	}

* html .dropmenudiv a {width:100%;}

.dropmenudiv a:hover {
	background-color:#FF0056;
	color:black;
	cursor:hand;
	}
	
/* Flash */
#flash{
	height: 550px;
	width: 937px;
	margin: 0px 0px 0px 12px;
	}	

#flashPort{
	height: 550px;
	width: 550px;
	margin: 0px 0px 0px 12px;
	}	

#flashAbout{
	height: 400px;
	width: 937px;
	margin: 0px 0px 0px 12px;
	}	

.flashAdditional{
	margin: 0px 0px 0px 12px;
	}	
	
	
/* Content */
#content{
	width: 937px;
	margin: 0px 0px 0px 32px;
	}
	
#content .copyHome{
	width: 900px;
    font-size: 12px;
    line-height: 20px;
}	

#content p{
	padding: 14px 24px 0px 0px;
        font-size: 12px;
}	

/* Footer Navigation */
#footerNav ul{
	text-align: center;
	margin: 5px 0px 5px 0px;
	}

#footerNavList li{
	display: inline;
	list-style-type: none;
	}

/* Footer */

#footer{
	margin: 0 auto;
	width: 960px;
	height: 180px;
	padding: 80px 0px 0px 0px;
	text-align: center;
	background: url('/themes/dhs/img/shell/footer.bg.png') no-repeat;	
}

/* Forms */
label{
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block
}


input{
	color: #000000;
	background: #ffffff;
	border: 1px solid #9F9F9F;
	width: 300px;
}

.submit{
	color: #D13F32;
	background: #1B242C;
	border: 1px solid #9F9F9F;
	margin-left: 97px;
	width: 115px;
	font-size: 14px;
	padding: 3px;
}

fieldset{
	border: 1px solid #781351;
	width: 20em
}

legend{
	color: #fff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 6px
} 

textarea{
	color: #000000;
	background: #ffffff;
	border: 1px solid #9F9F9F;
}

.checkbox{
	border: none;
	margin-left: 97px;
	width: 15px;
	padding: 3px;
}

.loginButton{
    margin:0;
    padding:0;
    border:0;
    background:0;
    font-size:1em;
    color:#00f;
    text-decoration:underline;
    cursor:hand;
    width: 121px;
    height: 33px;
    background: url('/themes/dhs/img/icons/login.png') repeat-x scroll 0 0;
}

#loginButton{
    margin: 0px 0px 0px 96px;
}

.contactButton{
    margin:0;
    padding:0;
    border:0;
    background:0;
    font-size:1em;
    color:#00f;
    text-decoration:underline;
    cursor:hand;
    width: 121px;
    height: 33px;
    margin: 20px 0px 0px 96px;
    background: url(/themes/dhs/img/icons/contact.png) repeat-x scroll 0 0;
}

.contactButton:hover{
	background: url(/themes/dhs/img/icons/contact.png) repeat-x scroll 0 -33px;
}

#contactButton{
	width: 100%;
	text-align: right;
}
	
	
/* Case Studies */

#caseStudyContainer{
	width: 95%;
	padding: 16px 0 12px 0px;
	border-bottom: 2px dashed grey;
}	

#caseStudyContainerDesc{
	width: 95%;
	padding: 16px 0 12px 0px;
}

#caseStudyLogo{
	float: left; 
	width: 200px;
	padding: 0px 15px 15px 0px;
}

#caseStudyIntro{
	float: left; 
	width: 500px;
}

.caseStudyLogo{
	border: 2px #FF0056 solid;
}

a.caseStudyLogo:hover{
	border: 2px black dashed;
}

#caseStudyDescription{
	float: left;
	width: 300px;
}

#caseStudyFlash{
	float: left;
	width: 550px;
	margin: 0px 0px 0px 38px;
}

#caseStudyIcon{
	padding: 0px 17px 11px 0px; 
	float: left;
	width: 150px;
}

/* News */

#newsContainer{
	width: 96%;
	padding: 16px 0 12px 0px;
	border-bottom: 2px dashed grey;
}	

#newsContainerDesc{
	width: 95%;
	padding: 16px 0 12px 0px;
}

#newsLogo{
	float: left; 
	width: 32%;
}

#newsIntro{
	float: left; 
	width: 68%;
}

.newsLogo{border:none;}

a.news:hover{
	border: 2px black dashed;
}

#newsDescription{
	float: left;
	width: 300px;
}

#newsFlash{
	float: left;
	width: 550px;
	margin: 0px 0px 0px 38px;
}

#newsIcon{
	padding: 15px 15px 0px 0px; 
	float: left;
	width: 150px;
}

#newsQuestion{
	font-weight: bold;
	color: #FF0056;
}