/* =============================================== */
/* digiBOARD.TV Stylesheet */
/* Element Styling */
/* Created by Ben Wakeford 2006 ( www.benwakeford.com ) */
/* =============================================== */


/* =============================================== */
/* SECTION: GENERAL */
/* =============================================== */

h2 {
	background : url(../images/icon-bullet.gif) no-repeat scroll 0 2px;
	padding : 0 0 3px 16px;
	border-bottom : 1px solid #666666;
	font-size : 90%;
	color : #666666;
	margin : 10px 25px 0.4em 25px;
}


/* =============================================== */
/* SECTION: HEADER */
/* =============================================== */

#logo {
	float : left;
	padding-top : 25px;
}

#languages {
	width : 126px;
	float : right;
	padding : 6px 0 0 0;
}

#languages img {
	float : left;
	padding : 0 0 0 5px;
}


/* =============================================== */
/* SECTION: SITE NAVIGATION */
/* =============================================== */

#menu {
	width : 768px;
	margin : 0 auto;
}

#menu ul {
	list-style : none outside none;
	margin : 0;
	padding : 0;
}

#menu ul li {
	margin : 0;
	padding : 0;
	float : left;
	background : transparent url(../images/bg-nav-listitem.gif) no-repeat scroll top right;
}

#menu ul li a {
	color : #666666;
	font-size : 100%;
	padding : 10px 12px 8px 12px;
	display : block;
}

#menu ul li a span {  }

#menu ul a:hover, #menu ul a.selected {
	color : #D72A27;
	background : transparent url(../images/bg-nav-selected.gif) no-repeat scroll top center;
}

#footer p.brand {
	margin : 15px 0;
	padding : 0;
}
#footer img {
	display : inline;
	vertical-align : text-top;
}


/* =============================================== */
/* SECTION: HEADER LOGIN */
/* =============================================== */

#client-login a:link,
#client-login a:visited {
	color : #666666;
	background : transparent url(../images/icon-add.gif) no-repeat scroll left;
	padding-left : 13px;
}

#client-login p {
	margin : 0 0 5px 0;
	padding : 0;
}

#client-login strong {
	color: #666666;
}

#client-login-labels p {
	line-height : 100%;
	margin : 0 5px 4px 0;
	padding : 5px 0 0 0;
	color : #999999;
}

#client-login p.field {
	color : #666666;
	margin : 0 0 1px 0;
	padding : 0;
	line-height : 150%;
}

#client-login a:hover {
	color : #D72A27;
}



/* =============================================== */
/* SECTION: STANDARD CONTENT */
/* =============================================== */

#content-title {
	padding : 30px 0px 0 50px;
}

#content-main {
	padding : 40px 120px 20px 120px;
}

#content-title h1 {
	font-family : Century Gothic, Arial, Helvetica, sans-serif;
	font-size : 270%;
	color : White;
	font-weight : normal;
}

#content-main p {
	font-size : 80%;
	color : #294F68;
}

#content-main p.bigtext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 110%;
	color : #294F68;
}


/* =============================================== */
/* SECTION: HOMEPAGE BREAKOUTS */
/* =============================================== */

#hp-breakouts, #hp-breakouts-i {
	margin : 20px 0 20px 10px;
}

#breakout2, #breakout2-i {
	margin : 0 6px 0 6px;
}

.breakout {
	width : 245px;
	background : transparent url(../images/bg-breakout.gif) no-repeat scroll top;
	float : left;
}

#hp-breakouts h2, #hp-breakouts-i h2 {
	background : url(../images/icon-bullet.gif) no-repeat scroll 0 2px;
	padding : 0 0 3px 16px;
	border-bottom : 1px solid #666666;
	font-size : 90%;
	color : #666666;
	margin : 10px 10px 0.4em 10px;
}

#hp-breakouts p, #hp-breakouts-i p {
	color : #666666;
	margin : 0 10px 5px 10px;
	padding : 0;
}

/* No-Flash Content : */

h1#no-flash {
	font-size : 240%;
}

#no-flash-alert p {
	background-color : #D72A27;
	border : 1px dashed #9B1F1B;
	color : White;
	margin : 40px 50px 20px 50px;
	padding : 10px;
}

#no-flash-alert a, #no-flash-alert a:visited {
	color : White;
	font-weight : bold;
}
#no-flash-alert a:hover {
	color : #FADCD9;
}

#no-flash-image {
	float : left;
	margin : 0 30px 20px 0px;
	padding : 0 0 0 50px;
}

#no-flash-image img {
	border : 3px solid #D72A27;
}

#no-flash-intro #no-flash-introtext p {
	float : left;
	width : 370px;
	font-size : 85%;
	font-weight : bold;
	padding : 0 30px 0px 0px;
}

#hp-breakouts-i .hp-bold {
	color : #26526D;
	font-weight : bold;
}

/* Case Study Content : */

.hp-breakout-wide {
	width : 728px;
	background : transparent url(../images/bg-breakout-wide.gif) no-repeat scroll 0 0;
	margin : 0 0 0 10px;
	padding : 0 20px 0 0;
	/*border : 1px solid Fuchsia;*/
}

.hp-breakout-wide-text {
	width : 390px;
	float : left;
	padding : 0 0 0 20px;
}

.hp-breakout-wide-video {
	width : 300px;
	float : right;
	border : 2px solid #70B1BF;
	margin : 20px 0 20px 0;
}

.hp-breakout-cs-text {
	background : #E3EFF4 url(../../images/case-study/whu-crest.gif) no-repeat scroll 0 10px;
	padding : 10px 10px 0 120px;
}

.hp-breakout-cs-text p.cs-hp-big {
	font-size : 75%;
	font-weight : bold;
}

.hp-breakout-wide-text h2 {
	background : url(../images/icon-bullet.gif) no-repeat scroll 0 2px;
	padding : 0 0 3px 16px;
	border-bottom : 1px solid #666666;
	font-size : 90%;
	color : #666666;
	margin : 20px 0px 0.4em 0px;
}



/* =============================================== */
/* SECTION: CONTACT */
/* =============================================== */

#contact-left {
	width : 244px;
	float : left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

#contact-right {
	width : 250px;
	float : left;
	padding : 0 0 0 30px;
	margin : 0 0 0 0;
	border-left : 1px solid #A3C4DA;
}

#contact-response {
	padding : 0 0 0 30px;
	margin : 0 0 20px 0;
	border-left : 1px solid #A3C4DA;
}

#content-main p.contact-tel {
	font-family : Century Gothic, Arial, Helvetica, sans-serif;
	font-size : 150%;
	color : White;
	font-weight : normal;
	margin : 30px 0 40px 0;
}

#content-main p.contact-tel span.contact-tel-num {
	font-size : 130%;
	color : #D72A27;
}

#contact-right input, #contact-right textarea {
	font-family : Arial, Helvetica, sans-serif;
	border : 1px solid #A5A5A5;
	margin : 0;
	color : #294F68;
	background : #F8F8F8 url(../images/bg-login-input.gif) repeat-x scroll top;
	line-height : 120%;
}

#contact-right input.btn {
	color : #294F68;
	padding : 3px 4px 2px 4px;
	margin : 10px 0 0 0;
	cursor : pointer;
}

.red {
	color : #D72A27;
}


/* =============================================== */
/* SECTION: KEY FEATURES */
/* =============================================== */

#keyfeatures {
	padding : 20px 0px 20px 40px;
}


.kf-panel {
	width : 344px;
	background : White url(../images/kf-panel-bg.gif) repeat-y scroll center;
	margin : 0 0px 0 5px;
	float : left;
}

div.kf-row {
	padding : 20px 10px 0 0;
	background-color : #E3EFF4;
}

.kf-panel-header, .kf-panel-footer {
	width : 344px;
	margin : 0;
	padding : 0;
	font-size: 0;
}

.kf-panel-header {
	height : 17px;
	background : White url(../images/kf-panel-top.gif) no-repeat scroll top;
}

.kf-panel-footer {
	height : 8px;
	margin-top : 20px;
	background : #E3EFF5 url(../images/kf-panel-bottom.gif) no-repeat scroll top;
}

#keyfeatures img {
	margin : 10px 25px 0.4em 25px;
	padding : 0 0 10px 0;
	border-bottom : 1px dotted #D72A27;
}

p.main {
	background : url(../images/misc-arrow.gif) no-repeat scroll 2px 5px;
	margin : 10px 25px 0.4em 25px;
	padding : 0 0 0px 20px;
	font-weight : bold;
	font-size : 80%;
}

p.sub {
	margin : 0px 25px 0px 25px;
	padding : 0 0 0 20px;
	font-size : 70%;
}

p.strapline {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 110%;
	color : #294F68;
	/*font-weight : bold;*/
	margin : 0px 5px 0 5px;
	padding : 20px;
	border-bottom : 1px solid #A3C4DA;
}



/* =============================================== */
/* SECTION: CONFIGURATIONS */
/* =============================================== */

#config {
	padding : 30px 0 20px 35px;
}

#config-left {
	float : left;
	margin : 0 10px 0 0;
}

#config-right {
	float : left;
}

.config-panel {
	width : 300px;
	background : White;
	margin : 25px 20px 20px 20px;
	padding : 0 0 25px 0;
	border : 1px solid #26526D;
}

#config p.main {
	background : url(../images/misc-arrow.gif) no-repeat scroll 2px 30px;
	margin : 0 25px 0.4em 25px;
	padding : 25px 0 0px 20px;
	font-weight : bold;
	font-size : 80%;
	
}

#config p.sub {
	margin : 0px 25px 0.4em 25px;
	padding : 0 0 0 20px;
	font-size : 70%;
}

#config ul {
	margin : 0px 25px 0.4em 25px;
	padding : 0 0 0 20px;
	font-size : 85%;
}

#config img.config {
	margin : 10px 25px 0.4em 25px;
	padding : 0 0 0 0;
	border-bottom : 0;
}

p.dimensions {
	text-align : right;
	margin : 0 25px 0 0;
	padding : 0;
	font-weight : bold;
	color : #D72A27;
}


/* =============================================== */
/* SECTION: Technical Details */
/* =============================================== */

#technical-details {
	margin : 30px 0px 0.4em 40px;
}


#technical-details table {
	border-bottom :1px solid #26526D;
	border-left : 3px solid #D72A27;
	border-top : 1px solid #26526D;
	border-right : 1px solid #26526D;
	width : 335px;
	float : left;
	margin : 20px 10px 0 10px;
}

table p {
	font-weight : bold;
	padding : 0;
	margin : 0;
	
}

table p.sub-cat {
	font-weight : normal;
	padding : 0;
	margin : 0;
}

table tr {
	background-color : #E2EEF4;
	
}

table tr.alternate {
	background-color : #E8F3F6;
}

table td {
	padding : 5px 8px 5px 25px;
	border-bottom : 1px solid #D7E7F0;
}


/* =============================================== */
/* SECTION: CASE STUDIES */
/* =============================================== */

#case-study {
	width : 675px;
	margin : 50px 0 20px 50px;
}

#case-study-left {
	float : left;
	margin : 0 10px 0 0;
}

#case-study-right {
	float : left;
	border : 1px solid Fuchsia;
}

#case-study h1 {
	font-size : 160%;
	color : #26526D;
	font-weight : bold;
	margin : 0 0 10px 0;
	padding : 0 0 5px 0;
	border-bottom : 1px solid #26526D;
}

#case-study h2 {
	margin : 0 0 10px 0;
	color : #26526D;
	border-bottom : none;
}

#case-study p {
	font-size : 80%;
}

#case-study p.introtext {
	font-size : 100%;
	font-weight : bold;
}

div.case-study-intro {
	background : transparent url(../../images/case-study/whu-crest.gif) no-repeat scroll 0 0;
	padding : 0 0 0 110px;
	margin : 0 0 30px 0;
}

div.case-study-text {
	float : right;
	width : 330px;
	padding : 0 0 20px 0;
}

div.case-study-image {
	float : left;
	width : 300px;
	border : 2px solid #70B1BF;
	background-color : #70B1BF;
}

div.case-study-text p.quote {
	background : #E3EFF4 url(../images/quote-open.gif) no-repeat scroll 0 5px;
	margin : 0 0 0.75em 10px;
	padding : 0px 0px 0px 20px;
}

div.case-study-text p.quote img { display : inline; }

/* -- Force succeeding elements onto the next line -- */
.clear-cs {
	clear : both;
	/* :IE6 HACK: Ensure empty DIV has no height */
	font-size: 0;
	height : 0;
	/* :End HACK: */
}