@charset "utf-8";
/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com 
   Addition by Christian Montoya - www.christianmontoya.net */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0; padding: 0; font: 100.01%/1.4 "Segoe UI", Arial, Verdana, Helvetica, sans-serif; }

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0;font-size:85%}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em;}

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit;}
img {border: none}

/*body { font-size:1em; line-height:1.4}*/
body {margin:0;background:#141414 url(../images/bg.png)}

/*
#container {border:yellow 1px solid}
#content {border:red 1px solid}
#flashContainer {}
#siteContent {}
#siteFooter{}
#siteFooterLinks {}*/

#container {width:99%;height:100%}
#content {width:960px;margin-left:auto;margin-right:auto;position:relative;}
#header {
	width:960px;
	height:170px;
	color:#fff;
	background:url(../images/cpdBg.png) 0 0 no-repeat;
	position:absolute;
	z-index:1;
	margin:auto;
	background-image: url(../images/cpdBg.png);
}
div.cpdlogo {position:relative;float:left}
img.mainlogo {margin:16px 0 0 35px}
#clientLogin {position:relative;float:right}
#navigation {display:block;width:101%;clear:both;height:auto;padding-top:5px}
#navigation ul {width:auto;margin-left:138px;}
#navigation ul li {list-style-type:none;padding:0;margin:0 8px 0 0;height:30px;line-height:25px;float:left;width:85px;text-align:center;}
#navigation ul li a {text-decoration:none;color:#fff}
#navigation ul li:hover {background:transparent url(../images/nav-selectedBg.png) 0 0 no-repeat}
#navigation ul li.selected {background:transparent url(../images/nav-selectedBg.png) 0 0 no-repeat}
#BannerDiv {position:relative;width:100%;background-color:#000;overflow:hidden;z-index:0}
#billboardContainer {position:relative;width:100%;background-color:#000;overflow:hidden;z-index:0}
.flash {height:450px;}
.generic {height:305px;background:transparent url(../images/genericBg.png) 0 0 no-repeat}
#siteContent {width:100%; position:relative; padding:0.5em 0; height:auto;}
.siteContentCol {width:315px; margin-right:7px; position:relative; float:left; background-color:#CCCCCC}
.lastCol {margin:0}
.siteContentCol h2, .siteContentCol h3 {margin-left:1em;}
.siteContentCol h2 {margin:0.5em 1em;}
.siteContentCol h3 {margin-bottom:0.5em;font-size:80%;cursor:pointer}
.siteContentCol {background:#fff url(../images/boxHeaderbg.png) 0 0 no-repeat}
.siteContentCol p {font-size:75%; line-height:normal; display:block; height:50px; background: #fff url(../images/boxTextbg.png) bottom left no-repeat; padding:0.5em 1em 1.5em 1em;margin:0; overflow:hidden}
.siteContentCol img {margin:0 2px}
.box {display:block; height:100px}

#headingContent {position:absolute;width:960px;top:170px;z-index:1;margin:auto;color:#333333;background:transparent url(../images/h2-Bg.png) 0 0 repeat-x;margin:0;}
#headingContent h2 {margin:0;padding:0.5em 1em;color:#011E2E}
#headingContent p.testimonial{position:relative;float:left;padding-left:2em;width:60%;line-height:normal;color:#fff;height:80px;overflow:hidden}
#headingContent div.attribution {position:relative;margin:1.5em 0.5em 0 0;float:right; padding-right:1em;width:320px}
#headingContent div.attribution img {}
#headingContent div.attribution p {font-size:70%;color:#09c;text-align:right;margin:0}

#siteIntro {background-color: #000000;height: 100px; margin-top: 5px; margin-bottom: 5px}
#siteIntro p
{
    padding: 10px;
    color: #C7C7C7;
}

#siteContent.genericContent {margin:0.5em 0;background:#fff url(../images/siteContent-genericBg.png) 0 0 repeat-x;padding-bottom:4em}
#subNavList {float:left;width:25%;}
#subNavList ul {margin: 1em 2em 1em}
#subNavList ul li {list-style-type:none;padding:0;margin:0 0 0.25em 0;line-height:normal}
#subNavList img {margin-top:1em}
#subNavList ul li.subListHead {margin-top:0.8em;font-weight:bold}
#mainContent, #mainContentFullLength {float:left;color:#011E2E;}
#mainContentFullLength {width:688px}
#contentArea.genericTemplate #mainContent {width:60%;}
#contentArea.productTemplate #mainContent {width:50%}
#contentArea.genericTemplate #rightPane {display:none}
#contentArea.productTemplate #rightPane {float:left;width:195px;margin-left:2em;}

#siteContent a, #siteContent a:link, #siteContent a:visited, #siteContent a:active {color:#09c;text-decoration:none;}
#siteContent a:hover {text-decoration:underline; color:#09c}

/* loginForm 

#loginForm {position:relative;float:right;color:#fff;font-size:75%;font-family:"Segoe UI", Verdana, Arial, sans-serif;width:20em;padding-top:0.5em}
#loginForm label {background:#333;width:80px;float:left;position:relative;display:block;padding:2px}
#loginForm input {float:left;width:8em}
#loginForm input[type=submit] {float:none;width:auto;clear:both}*/

/* right pane */

.rPaneBox {background:transparent url(../images/rightPaneBg.png) 0 0 no-repeat;margin-bottom:0;padding-bottom:0;}
.rPaneBox h4 {padding:0.65em 1em;margin:0}
.rPaneBox p {margin:0 1em;font-size:75%;line-height:1.2;padding-bottom:0.5em}
.rPaneBox ul {padding-bottom:1em;margin:0 1em;font-size:75%;color:#404040}
.rPaneBox ul li {list-style-type:none;line-height:normal;padding:0;margin:0 0 0.5em 0}
.rPaneBox ul.news li a {font-weight:bold;display:inline-block}
.rPaneBox blockquote {color:#666666;font-style:italic;margin:0 1em;font-size:75%;line-height:1.3}
.rPaneBox cite {font-style:normal;display:block;}

#rightPane a.qLinks, a.qLinks:link, a.qLinks:visited, a.qLinks:active {display:block;width:182px;margin:0 6px;font-size:75%;border-bottom:none;}
#rightPane a.qLinks:hover{border-bottom:none;cursor:pointer}
#rightPane a.qLinks div {border-bottom:1px solid #ccc;padding:5px 5px 15px 5px}
#rightPane a.qLinks div.datasheet {border-bottom:none;padding-bottom:10px}
#rightPane a.qLinks div span {font-weight:bold;}
#rightPane a.qLinks div img.rightPaneThumbs{border:none;float:left;margin:0 3px 0 0}

.rPaneBox img {margin-left:12px;margin-bottom:0.5em;border:1px solid #ccc}
.rPaneBox ul li.end {margin-bottom:0;border-bottom:0px}
div.boxEnd {background:transparent url(../images/rightPaneBg.png) bottom left no-repeat; height:15px; display:block; position:relative;margin-bottom:0.5em}

/* Google feeds*/
div#feed {font-size:0.75em;}
/* .feedfootertitle {} */
a.feedentry{font-size:16px;display:block}
p.feedcontent{font-size:0.75em;display:block}


/* Google map*/
#map {border: 1px solid #979797; background-color: #e5e3df; width: 468px; height: 350px; margin: auto; margin-top: 2em; margin-bottom: 2em}
#map div.loading {padding: 1em; color: gray}

/* main content */
#mainContent h3, #mainContentFullLength h3 {font-size:115%}
#mainContent h4, #mainContentFullLength h4 {font-size:100%}
#mainContent h5, #mainContentFullLength h5 {}
p.intro {font-size:110%;}
p.blue {color:#09c}
q { quotes: '"' '"'; color:#003366; font-style:italic}
blockquote {color:#003366;font-style:italic}

#mainContent .vcard
{
    font-size: 0.85em;
    width: 230px;
}


div.bodyImg {background:#fff;border:1px solid #DADADA;padding:5px}
div.bodyVideos {background:#fff;border:1px solid #DADADA;padding:5px; width:688px;}
div.bodyImg p.imgTitle {background-image:url(../images/bg-blk60.png);font-size:11px;position:absolute;padding:2px 5px;color:#fff;}
div.bodyImg p.imgTitle1 {background:#09c;}
div.bodyImg p.imgTitle2 {background-image:url(../images/bg-white60.png);color:#333;}
p.imgAttribution {color:#999999;font-size:70%;margin-top:0.5em}
#form_table .formLabels {font-size:80%; font-weight:500;}
#form_table .formFields {font-size:80%; width:265px;} #form_table .formFields {font-size:80%; width:265px;} .preOrderFormFields {font-size:80%; width:250px;} 
.termsandconditions {font-size:60%}
#form_table .button {font-size:80%; font-weight:bold; width:80px;}
.fullLength {width:688px;}

/* links */
a.btn-grey, a.btn-rss {background:transparent url(../images/button_grey.png) no-repeat right top; display:block; color:#ccc; float:left; height:22px; margin-right:1em; padding-right:10px; text-decoration:none; text-transform:uppercase;font-size:70%}
a.btn-grey span {background: transparent url(../images/button_grey.png) no-repeat left -32px; display:block; line-height:12px; padding:5px 0 5px 10px}
a.btn-rss span {background: transparent url(../images/button_grey.png) no-repeat left -64px; display:block; line-height:12px; padding:5px 0 5px 25px}

a.btn-login {background:transparent url(../images/button_login.png) no-repeat right top; display:block; color:#ccc; float:left; height:30px; padding-right:12px; text-decoration:none; text-transform:uppercase;font-size:70%;margin:10px 10px 0 0}
a.btn-login span {background: transparent url(../images/button_login.png) no-repeat left -40px; display:block; line-height:20px; padding:5px 0 5px 28px}

/* footer */
#siteFooter {width:100%;background-color:#1A1A1A;color:#999;padding-bottom:2em}
#siteFooterLinks {width:100%;font-size:70%;color:#999; margin-top:1em;margin-bottom:3em}
#siteFooterLinks a {color:#999}
#footerNews {width:31%}
#footerClients {width:62%;padding-left:1em;}
#footerNews {margin: 0 0 0 1em}
#footerContact, #footerLinks {width:48%}
#footerLinks {text-align:right}
#feed {font-size:80%}
/*#footerNews dl, #footerNews dt {margin:0; padding:0}
#footerNews dd {margin:0;padding:0}
#footerNews dd.news {margin:0 0 0.5em 0;font-size:90%}
#footerNews dd.date {font-size:90%}
#footerNews dt {display: none}*/
#footerClients li {padding:0;margin:0;float:left;margin:0 1em 0.25em 0;list-style-type:none;}

/* generic */
.clear {clear:both}
.floatLeft {float:left}
.floatRight {float:right}
.hide {display:none}