/*  
Author: Sarah Grant
*/

html {
	overflow: scroll;
}
body {
	background:#000000;
	font:12px Helvetica,Arial,sans-serif;
	color: #ddd;
}
body, img, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 34px;
	color: #EEE;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	color: #EEE;
	margin:0px 0px 2px 0px;
}
h2 a {
	color:#EEE;
	text-decoration: none;
}
h2 a:hover {
	color:#666666;
	text-decoration: none;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #EEE;
}
h3 a {
	color:#EEE;
	text-decoration: none;
}
h3 a:hover {
	color:#EEE;
	text-decoration: none;
}
p {
        color:#ddd;
	line-height: 19px;
	padding-bottom:15px;	
}
ul, ol {
	list-style: none;
}
a {
	color: #EEE;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
blockquote, q{
	font-style:italic;
	font-size: 14px;
	line-height: 20px;
	padding:8px 13px 8px 13px;
	margin-bottom: 15px;
	background-color:#000000;
	border-top: dotted 1px #ffffff;
	border-bottom: dotted 1px #ffffff;
}
blockquote p{
	margin:0px;
	padding:0px;
}
.slash{
	margin-bottom:12px;
	background-image: url('/images/site/slash.gif');
	background-repeat: repeat-x;
}
.dotted {
	margin-top:5px;
	background-image: url('images/site/dot.png');
	background-repeat: repeat-x;
}
.block-link a,
h3 a.block-link,
a.block-link {
	background-color: #eee;
	color:#000;
	font: 13px Helvetica,Arial,sans-serif;
	padding:1px 4px;
	line-height:1.3em;
	text-transform: none;
        white-space: nowrap;
}
.block-link a:hover,
h3 a.block-link:hover,
a.block-link:hover {
	background-color: #000;
	color: #eee;
	text-decoration:none;
}
.block-link p{
	line-height:19px;
}
.viewall{
        position:relative;
        top:-4px;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.protect-home-image{
        margin: -600px 0 0 0;
}
.protect-columns-image{
        margin:-180px 0 0 0;
}
.filter-tag{
	float:right;
        margin: 0 3px 3px 0;
}
#detail-image-div{}
.detail-image{
        position:relative;
        top:0;
}
.protect-detail-image{
        position:relative;
        top:0;
}
/* Main Nav
----------------------------------------------- */
#navbar {
	height: 45px;
	margin-top: 30px;
	margin-bottom: 24px;
}
#logo img{
	margin: 3px 0 0 -49px;
}
#titles{
	font-size: 9px;
	font-weight:bold;
	line-height: 12px;
	margin-top:12px;
	text-transform: uppercase;
}
#mainmenu{
	margin-top: 21px;
}
#mainmenu ul{
	float: left;
	color: #ffffff;
	margin-left: -45px;
}
#mainmenu ul li{
	display: inline;
	padding-right:20px;
}
#mainmenu ul li a{
	color:#ffffff;
	font: 22px Helvetica,Arial,sans-serif;
}
#mainmenu ul li a:hover{
	color: #999999;
	text-decoration:none;
	height:21px;
}
#mainmenu ul li a.active{
	color: #999999;
	text-decoration:none;
	height:24px;
	display: inline-block;
	background: url('/images/site/tall_dot.png') repeat-x bottom left;
}
#secondarymenu{
	padding-top:5px;
}
#secondarymenu ul{
	color: #ffffff;
}
#secondarymenu ul li{
	float: right;
	display: inline;
	padding:19px 0 0 3px;
}
#secondarymenu ul li a{
	background-color: #eee;
	color:#000;
	font: 15px Helvetica,Arial,sans-serif;
	padding:2px 6px;
	line-height:1.3em;
	text-transform: none;
        white-space: nowrap;
}
#secondarymenu ul li a:hover{
	background-color: #000;
	color: #eee;
	text-decoration:none;
}
#secondarymenu ul li a.active{
        font-size: 15px;
	color: #999999;
	text-decoration:none;
        margin-top:-2px;
	height:17px;
	display: inline-block;
	background: url('/images/site/tall_dot.png') repeat-x bottom left;
}

/* Home Content
----------------------------------------------- */
#bgimg {
	position:absolute;
	z-index: -1;
}

#home{
	margin:0px 0px 0px 10px;
}
#home a{
	font: 13px Helvetica,Arial,sans-serif;
	padding:1px 4px 1px 4px;
	line-height:1.3em;
}
#home-project-link{
        margin:50px 0 0 0px;
	height: 75px;
}
#home-project-link h2{
	font-size: 20px;
}
#home-project-link p{
	font-size: 16px;
	line-height:18px;
}
#home-news{
	margin:23px 0px 0px -10px;
	float:right;
}
#home-news h3{
        position:relative;
        bottom:-7px;
}
#home-news p{
	font-size:14px;
        color:#FFF;
	line-height:17px;
}
.home-news-sub {
        color:#AAA;
        font-size: 12px;
}
#home-tags{
	margin:30px 0 0 0;
}
#home-tags h3{
        position:relative;
        bottom:-3px;
}
#home-tags p{
        line-height:21px;
}
#home-news-entries{
	margin:0px 0px 0px -10px;
}
.news-date{
	color:#999;
	margin-bottom:5px;
        font-size:12px;
}
.news-summary{
        font-size: 11px;
}

/* About Page
----------------------------------------------- */
#about{
	margin:0px 0px 0px 0px;
}
#about h3{
        position:relative;
        bottom:-3px;
}
#about-descrip{
	margin:0 0 35px 0px;
}
#about-descrip h2{
	/*margin:0 0 0px 10px;*/
	font-size: 20px;
	line-height: 24px;
	margin: 0px 0px 0px 10px;
}
#founders{
	margin:0 0 0 0;
}
#founders p{
	margin:0 0 0 0;
}
#founders img{
	margin: 10px 0px 0px 10px;	
}
#founders h1{
	font-size:16px;
        font-weight:normal;
	margin: 10px 0px 0px 0px;	
}
#founders h2{
	font-size:12px;
	font-style:italic;
	margin: 0px 0px 40px 0px;	
}
.recognition{
        line-height:18px;
}
.recognition-item{
        margin-bottom:25px;
}
.recog-year{
        font-size:12px;
}
.recog-title{
        font-size:16px;
}
.client-grid{
	margin: 0 0 40px 0;
}
.client{
	margin-bottom:5px;
}


/* News Page
----------------------------------------------- */
#news{
	margin: 0px 0px 0px 0px;
}
#news .newscats {
        margin: -10px 0 15px 10px;
}
#news ul{
	color: #ffffff;
	margin:-8px 0px 30px 0px;
}
#news ul li{
	padding:5px 0px 0px 0px;
	float: left;
	margin: 0 3px 3px 0;
}
#news ul li a{
	background-color: #eee;
	color:#000;
	font: 13px Helvetica,Arial,sans-serif;
	padding:0 5px 0 3px;
	line-height:1.3em;
	text-transform: none;
        white-space: nowrap;
}
#news ul li a:hover{
	background-color: #000;
	color: #eee;
	text-decoration:none;
}
/*#news .newscats li{
	float: left;
	margin: 0 3px 3px 0;
}*/
#news .pagination a{
	padding:0 5px;
	border: 1px solid #FFF;
}
#news .pagination a:hover{
	border: 1px solid #000;
}
#news .pagination strong{
	padding:0 5px;
	font-size:15px;
	border: 1px solid #FFF;
}
#news p{
	font-size: 14px;
	line-height:18px;
}
#news h1{
	font-size: 28px;	
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}
#news-entry{
	padding-bottom:20px;
}
/*#news-entry ul{
	color: #ffffff;
	margin:-8px 0px 30px 0px;
}
#news-entry ul li{
	padding:5px 0px 0px 0px;
}
#news-entry ul li a{
	background-color: #eee;
	color:#000;
	font: 13px Helvetica,Arial,sans-serif;
	padding:0 5px 0 3px;
	line-height:1.3em;
	text-transform: none;
        white-space: nowrap;
}
#news-entry ul li a:hover{
	background-color: #000;
	color: #eee;
	text-decoration:none;
}*/
#news-press-releases{
	float:right;
        margin-top:5px;
}
#news-press-releases h2{
	font-size: 20px;
	margin-bottom:20px;
}
#news-press-releases h3{
	margin-top:17px;
        position:relative;
        bottom:-4px;
}
#news-press-releases ul{
	color: #ffffff;
	margin:2px 0px 26px 0px;
}
#news-press-releases ul li{
	padding:5px 0px 0px 0px;
        float:none;
}
#news-press-releases ul li a{
	background-color: #eee;
	color:#000;
	font: 13px Helvetica,Arial,sans-serif;
	padding:1px 4px;
	line-height:1.3em;
	text-transform: none;
        white-space: none;
}
#news-press-releases ul li a:hover{
	background-color: #000;
	color: #eee;
	text-decoration:none;
}
#share{
	color:#999;
	font-size:11px;
	font-weight:bold;
	margin-top:26px;
}
#share a:hover{
	text-decoration:none;
}
#follow{
	margin: 0px 0px 0px 0px;
}
#follow-icons{
	margin: 5px 0px 5px 10px;
}
#follow-icons img{
	margin-bottom:-5px;
}
#twitter{
	margin-left: -18px;
}
.submit-button{
	border: none;
	background: #fff;
	font-size:14px;
	text-align:center;
	height:24px;
	width:79px;
	margin:4px 0px 0px -45px;
	padding-bottom: 3px;
	cursor:pointer;
}
.input-field{
	border: 0px;
	background: #fff;
	height:19px;
	width:183px;
	margin:4px 0px 30px 0px;
	font: 12px Helvetica, Arial, sans-serif;
	color: #333;
	padding: 5px 0 0 5px;
}
.date{
	color:#999;
	font-size:12px;
}

/* Contact Page
----------------------------------------------- */
#contact{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#contact p{
	font-size: 16px;
	line-height:22px;	
	margin: 0px 0px 0px -10px;
}
#contact h1{
	font-size: 28px;	
	font-weight: normal;
	margin: 10px 0px 8px 0px;
}
#contact h2{
	font-size: 20px;
	line-height: 24px;
	margin: 0px 0px 35px 10px;
}
#contact h3{
        position:relative;
        bottom:-3px;
}
#contact img{
	margin: 12px 0px 20px -10px;
}
#contact-sidebar{
	margin: 44px 0px 0px 10px;
}
#call-link {
	visibility:hidden;
}

/* Work Listing Page
----------------------------------------------- */
#work-listing{
	margin:0px;
	padding:0px;
}
#projects{
	margin:0px;
	padding:10px;
}
#filterheading h3{
	text-transform:uppercase;
        position:relative;
        bottom:-4px;
}
#filterheading a{
}
#filterbutton{
	text-align:right;
}
#filter-block p{
        line-height:21px;
        float:right;
}
#project-row{
	margin: 0px 0px 25px 0px;
}
#project-row p{
	font-size:13px;
        line-height:15px;
}
.viewmore{
       margin: -169px 0 0 0;
	width:300px;
	height:169px;
}
.thumbnail {
        margin: -169px 0 0 0;
	width:300px;
	height:169px;
}
.thumbnail-background{
	width:300px;
	height:169px;
}
.project-thumb {
	margin-bottom:40px;
}
.project-thumb img{
	padding: 0px;
}
.project-thumb h2 {
	font-size: 20px;
	padding: 8px 0px 0px 0px;
}
.project-thumb h2 a{
	cursor:pointer;
}
.project-thumb p {
	color: #888888;
	line-height:18px;
        font-size:16px;
}

/* Project Page
----------------------------------------------- */
#project{
	margin: 0px;
	padding: 0px;
}
#project p{
	font-size: 14px;
	line-height:22px;
}
#project ul{
	color: #ffffff;
	padding:2px 0px 26px 0px;
}
#project ul li{
        padding:5px 0 0 0;
}

#project ul li a{
	background-color: #eee;
	color:#000;
	font: 13px Helvetica,Arial,sans-serif;
	padding:1px 4px;
	line-height:1.3em;
	text-transform: none;
        white-space: nowrap;
}
#project ul li a:hover{
	background-color: #000;
	color: #eee;
	text-decoration:none;
}
#credits p{
	line-height:20px;
}
#project-image{
    display:block;
}
#work-copy ul{
	font-size: 14px;
	line-height:22px;
        height:auto;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:circle;
	padding:4px 0px 26px 20px;
	color: #ddd;
}
#work-copy ul li{
        padding:5px 0 0 0;
}

#work-copy ul li a{
	background-color: #eee;
	color:#000;
	font: 13px Helvetica,Arial,sans-serif;
	padding:0 5px 0 3px;
	line-height:1.3em;
	text-transform: none;
        white-space: nowrap;
}
#work-copy ul li a:hover{
	background-color: #000;
	color: #eee;
	text-decoration:none;
}
#credit-details{
        margin-bottom:10px;
}
#press-award{
        margin-bottom:10px;
}
#press-award h3{
        position:relative;
        bottom:-4px;
}
#press-award ul{
        margin-bottom:10px;
}
#tagdata h3{
        position:relative;
        bottom:-4px;
}
.dkgrey{
	color:#999;
	font-weight:normal;
}

/* Products Page
----------------------------------------------- */
#products{
	margin:0px 0px 0px 0px;
	padding:0px;
}
#products h1{
	margin:0;
}
#products h2{
	font-size: 20px;
        margin-bottom: 20px;
}
#products-row{
	margin: 10px 0px 20px 0px;	
}
#products-row p{
	font-size:13px;
        line-height:15px;
}
#product-detail-image{
        position:relative;
        left:35px;
}
#product-detail-tns{
        position:relative;
        left:35px;
}
.product-detail-tn{
        padding:13px;
}
#product-detail p{
	color: #eee;
        font-size:13px;
	line-height: 20px;
}
#product-detail h2{
	font-size: 20px;
	line-height: 20px;
        margin-bottom: 16px;
}
#specs-grid h2{
	font-size: 20px;
        margin-bottom: 16px;
}
#specs-grid ul{
	color: #eee;
	margin:-13px 0px 26px 15px;
        font-size:13px;
        list-style-type: disc;
        width:250px;
}
#specs-grid ul li{
	padding:0px 0px 5px 0px;
}
#specs-grid ul li a{
	background-color: #eee;
	color:#000;
	font: 13px Helvetica,Arial,sans-serif;
	padding:1px 4px;
	line-height:1.3em;
	text-transform: none;
        white-space: nowrap;
}
#specs-grid ul li a:hover{
	background-color: #000;
	color: #eee;
	text-decoration:none;
}
.product-descrip p{
        width:250px;
}
.product-ro{
        margin: -169px 0 0 0;
	width:300px;
	height:169px;
}
.product-thumbnail {
        margin: -169px 0 10px 0;
	width:300px;
	height:169px;
}
.product-thumbnail-background{
	width:300px;
	height:169px;
}
.product-thumb {
	margin-bottom:40px;
}
.product-thumb img{
	padding: 0px;
}
.product-thumb h2 {
	font-size: 20px;
	padding: 8px 0px 0px 0px;
}
.product-thumb h2 a{
	cursor:pointer;
}
.product-thumb p {
	color: #888888;
        font-size:16px;
	line-height:22px;
        margin-top: -20px;
}

/* Technology Page
----------------------------------------------- */
#tech{
	margin: 13px 0px 0px 0px;
	padding: 0px;
}
#tech p{
	font-size: 14px;
	line-height:22px;	
	margin: 0px 0px 0px 0px;
}
#tech h1{
	font-size: 22px;	
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}
#tech h2{
	font-size: 20px;
	line-height: 28px;
	margin: 0px 0px 35px 10px;
}
#tech img{
	margin: 12px 0px 12px 0px;
}

/* Services Page
----------------------------------------------- */
#services{
	margin:0px;
	padding: 0px;
}
#services p{
	font-size: 14px;
	line-height:22px;	
	margin: 0px 0px 0px 0px;
}
#services h1{
	font-size: 22px;	
	font-weight: normal;
	margin: 0px 0px 0px 0px;
        /*position:absolute;
        bottom:0;*/
}
#services h2{
	font-size: 20px;
	line-height: 24px;
	margin: 0px 0px 35px 0px;
}
#services img{
	margin: 12px 0px 12px 0px;
}
#column-header h1{
        height:50px;
        position:relative;
        text-align:bottom;
}

/* Static Page
----------------------------------------------- */

#staticpage {
	text-align: center;
	margin: 50px 0 100px 0;
}

#staticpage h1{
	font-size: 28px;	
	font-weight: normal;
	margin: 10px 0px 20px 0px;
}

#staticpage p{
	font-size: 14px;
	line-height:22px;	
	margin: 0px 0px 0px -10px;
}

/* Footer	
----------------------------------------------- */
#footer {
	margin:70px 0 0 0;
}
#copyright a{
	background-color: #FFFFFF;
	color:#000000;
	padding:1px 4px;
	line-height:1.3em;
	font-size:13px;
}
#copyright a:hover{
	background-color: #000000;
	color: #ffffff;
	text-decoration:none;
}
#copyright p{
	font: 12px Helvetica,Arial,sans-serif;
        float: right;
}
#copyright {
}


/* Live Page	
----------------------------------------------- */

#live-info {
	padding:10px;
	width:320px;
}
#live-info img {
	float:left;
	display: inline;
	width:150px;
	padding:0px 20px 10px 0px;
}
#live-body {
	color: #666;
}
#live-body b {
	font-size: 14px;
}

#live-body a {
	color: #999999;
	text-decoration: underline;
}
#live-body a:hover {
	color: #333333;
}