/* @override http://www.motiveight.com/stylesheets/screen/ */

/*-------------------------------------------------
motiveight.com
Stylesheet:  Screen.css
Author:   Ryan James
Version:  4 November 2007
Revision: 
------------------------------------------------- */


/*----------------------------------------------- */
/*Global Reset*/
/*----------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
table {
	border-collapse: collapse;
}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';} 
a,ins{text-decoration:none;}
:focus { outline: 0; }
form {margin : 0px;}
body {
	font-family : "Lucida Grande", "Lucida Sans";
	color : #c6c6c6;
	text-align:center;
	background-color: #000;
	margin-bottom : 100px;
	font-size : 11px;
}
a {
	color : #acde68;
}
a:hover {
	color : #d0ff91;
}

/*--------------------------------------------------
Base Styling
------------------------------------------------- */
#banner, #banner-extended {
	background : url('http://motiveight.com/images/ui/banner.jpg') no-repeat center 45px #000;
	text-align : center;
}
#banner {
	height : 175px;
}
#banner-extended {
	height : 380px;	
}
#mailinglist {
	font-family : arial;
	width : 860px;
	padding-left : 20px;
	padding-right : 20px;
	margin: 0 auto;
	color : #888;
	letter-spacing : 1px;
	font-size : 9px;
	text-transform: uppercase;
	line-height : 45px;
	text-align : right;
	height : 45px;
}
input.mail-field {
	height : 16px;
	margin-left : 4px;
	background : url('http://motiveight.com/images/ui/input_bg.gif') no-repeat;
	border : solid 1px #333;
	padding-top : 4px;
	padding-left : 7px;
	width : 150px;
	color : #c3c3c3;
	font-size : 10px;
	font-family : arial;
}
input.mail-submit {
	margin-bottom : -8px;
	margin-left : 3px;
	width : 46px;
	height : 22px;
	padding : 0 0 0 0;
	border : solid 0px #000;
}
#header {
	text-align : left;
	height : 130px;
	width : 860px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
#header img {
	margin : 35px 0 0 0;
	float : left;
}
#header ul {
	margin-top: 56px;
	display: block;
	float: right;
	font-size: 13px;
	color: #d3d3d3;
	letter-spacing: -0.5px;
}
#header ul li {
	display: block;
	float: left;
}
#header ul li a {
	padding-left : 20px;
	font-weight : normal;
	display: block;
	float : left;
	color: #aaa;
}
#header ul li a strong {
	color : #fff;
}
#header ul li a:hover {
	color : #fff;
}
#header p {
	clear : both;
	display : block;
	line-height : 1.3em;
	font-size : 1.8em;
	margin : 0 0 23px 0;
	padding-top : 60px;
}
a.learn-more {
	background : url(http://motiveight.com/images/ui/learn.more.png) no-repeat 0px 1px;
	display : block;
	font-size : 1.1em;
	padding-left : 22px;
	line-height : 17px;
}
#header p strong {
	color : #fff;
}
#container {
	background : url('http://motiveight.com/images/ui/ridge.gif') repeat-x #212220;
	text-align : center;
	clear : both;
	overflow : hidden;
	padding-bottom : 30px;
	}
#body {
	text-align:left;
	width: 860px;
	margin: 0 auto;
	padding : 20px;
	font-size : 16px;
}
.submenu-content {
	float : right;
	width : 545px;
	display : block;
}

.submenu-content h2 {
	float : right;
	width : 545px;
	display : block;
	margin-bottom: 15px;
	color: white;
	background-repeat: no-repeat;
	font: 20px "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
}
#body > p, .submenu-content p {
	margin-bottom : 20px;
	font-size : 12px;
	line-height : 18px;
	margin-top: 20px;
}
#body > ul, .submenu-content ul {
	margin-left : 10px;
	margin-bottom : 20px;
	font-size : 12px;
}
#body > ul.client-list li {
	width : 200px;
	float : left;
	display : block;
	height : 35px;
	font-size : 11px;
	line-height : 12px;
}
#body > ul > li, .submenu-content ul li {
	background : url('http://motiveight.com/images/ui/didyouknow.png') 0 4px no-repeat;
	padding-left : 10px;
}
h1 {
	font-family : 'Trebuchet MS';
	font-size : 24px;
	color : #fff;
	margin : 0 0 15px 0;
}
h2 {
	font-size : 0.9em;
	color : #ddd;
	border-bottom : solid 1px #777;
	display : block;
	padding-bottom : 5px;
}
#footer-container {
	border-top : solid 1px #555;
	text-align : center;
	}
#footer {
	text-align:left;
	color : #888;
	width: 860px;
	margin: 0 auto;
	padding : 20px;
	font-size : 10px;
	line-height : 16px;
}
#footer a {
	color : #ccc;
}
#footer a:hover {
	color : #fff;
}
#copyright {
	float : left;
	display : block;
}
#supplimental {
	float : right;
	display : block;
	text-align : right;
}
.column-3, .column-3-last {
	float : left;
	width : 269px;
}
.column-3 {
	margin-right : 25px;
}
.column-4 {
	margin-right : 25px;
}
.column-4, .column-4-last {
	width : 195px;
	height : 300px;
	float : left;
	margin-bottom: 10px;
}
ul.blurbs {
	margin-top : 5px;
}
ul.blurbs li strong {
	color : #acde68;
	font-size : 0.8em;
}
ul.blurbs li span {
	font-size : 0.65em;
	display : block;
	color : #777;
	margin : 3px 0 9px 0;
}
ul.blurbs li p {
	font-size : 0.8em;
	color : #aaa;
	margin-bottom : 12px;
	line-height : 17px;
}
ul.blurbs li {
	padding-bottom : 10px;
	padding-top: 5px;
	text-align: left;
}
ul.blurbs img {
	float : left;
	margin : 5px 15px 5px 0;
}
.box-container {
	float : left;
}
.box1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #121312;
  border-right:1px solid #121312;
  background:#080808}

.box{display:block}
.box *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.box1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #121312;
  border-right:1px solid #121312;
  background:#080808}
.box2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #1d1e1c;
  border-right:1px solid #1d1e1c;
  background:#060606}
.box3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #060606;
  border-right:1px solid #060606;}
.box4{
  border-left:1px solid #121312;
  border-right:1px solid #121312}
.box5{
  border-left:1px solid #080808;
  border-right:1px solid #080808}
.box-content{
  background:#000000;
  padding : 10px 15px 10px 15px;}
.box-content h1 {
	color : #5bb8d7;
	padding-top : 13px;
	font-size : 1.3em;
}
.box-content h1 a {
	color : #5bb8d7;
}
.sub-menu {
	width : 250px;
}
.sub-menu a {
	color : #ccc;
	display : block;
	font-size : 12px;
	height : 27px;
	line-height : 27px;
	padding : 0 15px 0 15px;
	border-top : solid 1px #333;
	border-bottom : solid 1px #333;
}
.sub-menu ul {
	list-style-type : none;
	padding : 0 0 20px 0;
}
.sub-menu li a {
	font-size : 10px;
	height : 20px;
	line-height : 20px;
	padding-left : 25px;
	border-top : solid 0px transparent;
	border-bottom : solid 0px transparent;
}
.sub-menu li a.sub-selected {
	background-color : #222;
}
.sub-menu a:hover {
	background-color : #1c1c1c;
	color : #fff;
}
a.sub-selected, a.sub-selected:hover {
	background-color : #233322;
	color : #fff;
}
.box-content img {
	float : left;
	margin : 0 4px 5px -3px;
}
.box-content p {
	font-size : 0.65em;
	color : #ccc;
	margin-left : 4px;
	line-height : 17px;
	clear : both;
}
.last-box {
	margin-bottom : 30px;
}
#didyouknow ul {
	list-style-type : none;
	margin : 0px;
	padding : 10px;
	font-size : 0.7em;
}
#didyouknow ul li {
	margin-bottom : 7px;
	color : #b8b8b8;
	padding-left : 10px;
	line-height : 1.3em;
	background : url('http://motiveight.com/images/ui/didyouknow.png') 0 4px no-repeat;
}
.profile-image {
	float : left;
	margin : 0 15px 45px 10px;
}
#staff-list {
	margin-top : 30px;
}
#staff-list p {
	margin-left : 125px;
	font-size : 11px;
	line-height : 18px;
	margin-bottom : 20px;
}
h3 {
	color : gray;
	border-bottom: 1px dotted #4c4c4c;
	font-size: 14px;
	padding-bottom: 3px;
}
h4 {
	color : #fff;
	font-size : 14px;
}
.drop-nav {
	display : none;
}
.work-link {
	font-size : 12px;
	display : block;
	clear : both;
	margin-top: 5px;
	margin-bottom: 10px;
}

.work-client {
	color : #ddd;
	display : block;
	font-size: 0.8em;
}
.work-description p {
	font-family : "Lucida Grande", arial;
	line-height : 17px;
}

.work-description ul li b {
	margin-bottom: 10px;
	color: white;
	line-height: 17px;
	font-family: "Lucida Grande", arial;
}

.work-description ul li {
	margin-bottom: 10px;
	line-height: 17px;
	font-family: "Lucida Grande", arial;
}

#intro {
	width : 600px;
	float : left;
	display : block;
	clear : left;
}
a.contact-btn {
	float : right;
	margin-right : 55px;
	display : block;
	background : url(http://www.motiveight.com/images/ui/hp-contact.png) no-repeat;
	width : 134px;
	line-height : 4000em;
	overflow : hidden;
	height : 139px;
	margin-top : 40px;
}
a.contact-btn:hover {
	background : url('http://www.motiveight.com/images/ui/hp-contact.o.png') no-repeat;
}
#entries {
	display : block;
	float : left;
	overflow : hidden;
	width : 600px;
}
#entries p {
	font-family : "Lucida Grande", arial;
	font-size : 12px;
	margin-bottom : 20px;
	line-height : 19px;
}
#blog-sidebar {
	margin-left : 30px;
	float : right;
	width : 180px;
}
.entry-date {
	font-size : 11px;
	color : #fff;
}
.entry {
	padding-bottom : 10px;
	border-bottom : solid 1px #333;
	margin-bottom : 20px;
}
#entries h3 {
	font-size : 18px;
	margin-top : 3px;
	margin-bottom : 10px;
	display : block;
	clear : both;
}
ul.comment-list {
	margin-bottom : 30px;
	padding-bottom : 20px;
	border-bottom : solid 1px #333;
}
ul.comment-list li {
	display : block;
	padding : 25px;
	background-color : #161616;
	margin-bottom : 2px;
}
ul.comment-list li p {
	display : block;
	margin : 0;
	padding : 0;
}
ul.comment-list li span.comment-author {
	margin : -15px 0 0 0;
	padding : 0px;
	display : block;
	font-size : 10px;
	color : #777;
}
#comment-form {
	padding : 20px;
}
#sidebar-list dt {
	font-size : 14px;
	display : block;
	padding-bottom : 6px;
	margin-bottom : 10px;
	border-bottom : solid 1px #666;
}
#sidebar-list a {
	display : block;
	color : #ccc;
	padding : 3px 0px 3px 0px;
	line-height : 18px;
	font-size : 11px;
	border-bottom : solid 1px #444;
}
#sidebar-list {
	margin-bottom : 30px;
}
#sidebar-list a:hover {
	color : #fff;
}
label {
	font-family : 'Lucida Grande', arial;
	font-size : 0.7em;
}
.formfield {
	margin-bottom : 10px;
}
form input {
	margin-left : 0px;
	margin-top : 6px;
}
input {
	height : 16px;
	margin-left : 4px;
	background : url('http://motiveight.com/images/ui/input_bg.gif') repeat-x #2e2e2e;
	border : solid 1px #444;
	padding-top : 4px;
	padding-left : 7px;
	width : 150px;
	color : #c3c3c3;
	font-size : 10px;
	font-family : arial;
}
textarea {
	background-color : #2e2e2e;
	border : solid 1px #444;
	padding-top : 4px;
	margin-top : 6px;
	padding-left : 7px;
	color : #c3c3c3;
	font-size : 10px;
	font-family : arial;
}
.validation-advice {
color: #666;
margin-top : 4px;
font-size : 11px;
}
p.contact-par {
	display : block;
	float : left;
	width : 200px;
	font-size : 0.8em;
}
#inquiry {
	float : right;
	text-align : left;
	width : 600px;
}
td {
	vertical-align: top;
	padding-right : 25px;
	padding-bottom : 10px;
}
textarea#services {
	width : 330px;
	height : 70px;
	margin-bottom : 20px;
}