/* CSS Document */

/* Page */

html, body {
	height: 100%;
}

body {
	margin:0px auto 0px auto;
	padding: 0;
	color:#CCCCCC;
	background-color:#000000;
	font-family: Arial, Verdana, Helvetica;
	font-size:14px;
	background-image:url(/graphics/common/background.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

.clearall {
  clear: both;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  height:0px;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	color:#3FCFD5;
	text-decoration:none;
}

p {
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	line-height:19px;
}

ul {
	line-height:19px;
}

ul li {
	line-height:19px;
}

ol {
	line-height:19px;
}

ol li {
	line-height:19px;
}

h1 {
	font-size:28px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	font-size:20px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	font-size:16px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

h4 {
	font-size:14px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

h5 {
	font-size:14px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

/* Menu */

#menu {
	width:auto;
	height:23px;
	margin-top:7px;
	float:right;
	font-size:16px;
}

.home-button {
	width:27px;
	height:23px;
	background-image:url(/graphics/common/6-home-icon.png);
	float:left;
	margin-right:15px;
	
}

.menu-button {
	height:20px;
	float:left;
	text-align:right;
	padding-left:30px;
	padding-top:3px;
	font-weight:bold;
}

.menu-button-selected {
	height:20px;
	float:left;
	text-align:right;
	padding-left:30px;
	padding-top:3px;
	font-weight:bold;
	color:#3FCFD5;
}

.menu-button-selected a {
	color:#3FCFD5;
}

/* Content */

#top-bar {
	width:100%;
	height:3px;
	background-color:#3FCFD5;
}

#top-bar2 {
	width:100%;
	height:26px;
	background-color:#333333;
	text-align:right;
	font-size:14px;
}

#top-bar2-inner {
	width:980px;
	height:19px;
	margin-left:auto;
	margin-right:auto;
	padding-top:3px;
}

#content-hidden-info {
	background-color:#000000;
	display:none;
}

#content-hidden-info-inner {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

#container {
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	width:980px;
	height:80px;
}

#logo {
	width:87px;
	height:72px;
	margin-top:5px;
	float:left;
}

#header-right {
	width:auto;
	height:70px;
	float:right;
}

#tel-number {
	width:auto;
	font-size:24px;
	font-weight:bold;
	text-align:right;
	margin-top:10px;
	color:#3FCFD5;
}

#our-family {
	width:359px;
	height:20px;
	float:left;
	text-align:right;
	margin-top:7px;
	margin-right:5px;
	padding-top:3px;
}

#why-digital-media {
	width:119px;
	height:20px;
	float:left;
	background-image:url(/graphics/common/whydigitalmedia.png);
	text-align:center;
	margin-top:7px;
	margin-right:5px;
	padding-top:3px;
}

#why-design-media {
	width:124px;
	height:20px;
	float:left;
	background-image:url(/graphics/common/whydesign.png);
	text-align:center;
	margin-top:7px;
	margin-right:5px;
	padding-top:3px;
}

#pulsar {
	width:65px;
	height:20px;
	float:left;
	background-image:url(/graphics/common/epulsar.png);
	text-align:center;
	margin-top:7px;
	padding-top:3px;
}

#feature-box {
	width:980px;
	height:250px;
	background-color:#1E1E1E;
}

#content {
	width:980px;
	padding:20px;
	padding-left:0px;
	padding-right:0px;
	background-color:#000000;
	background-image:url(/graphics/common/blue-line.png);
	background-position:top;
	background-repeat:no-repeat;
}

.left-col {
	width:670px;
	float:left;
}

.right-col {
	width:295px;
	float:right;
}

.border {
	border-color:#333333;
	border-style:solid;
	border-width:1px;
}

.line {
	width:auto;
	height:1px;
	background-color:#333333;
}

.title-box {
	width:auto;
	height:24px;
	background-image:url(/graphics/common/tab.png);
	padding-left:25px;
	padding-top:7px;
	border-bottom-color:#333333;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#3FCFD5;
	font-weight:bold;
}

.title-box h1 {
	font-size:14px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#3FCFD5;
}

.title-box h2 {
	font-size:14px;
	color:#3FCFD5;
}

.feature-box {
	width:auto;
	padding:25px;
}

.feature-box ul {
	width:auto;
	list-style:none;
	margin:0px;
	padding:0px;
}

.content-box {
	width:auto;
	padding:25px;
}

.discover-more {
	width:120px;
	height:18px;
	float:right;
	background-image:url(/graphics/common/discovermore.png);
	background-position:right;
	background-repeat:no-repeat;
	font-size:12px;
	padding-top:4px;
}

.news-wrapper {
	width:auto;
	margin-bottom:15px;
}

.generic-wrapper {
	width:auto;
	margin-bottom:15px;
}

.date-box {
	width:125px;
	height:22px;
	background-image:url(/graphics/common/date-box.png);
	text-align:center;
	padding-top:7px;
}

#newsletter-signup-logo {
	width:180px;
	height:25px;
	float:left;
	background-image:url(/graphics/common/email-icon.png);
	background-position:left;
	background-repeat:no-repeat;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	margin-top:11px;
	padding-top:3px;
}

#newsletter-signup-input {
	width:270px;
	float:left;
	margin-top:11px;
	margin-left:5px;
}

#newsletter-signup-submit {
	width:34px;
	height:22px;
	float:left;
	margin-top:13px;
}

#footer {
	width:980px;
}

#footer-top {
	width:980px;
	height:50px;
	background-color:#000000;
}

#footer-middle {
	width:980px;
	height:109px;
	background-color:#000000;
}

.footer-box {
	width:322px;
	height:109px;
	float:left;
	background-color:#000000;
}

.footer-box-splitter {
	width:7px;
	height:109px;
	float:left;
	background-color:#000000;
}

.footer-box:hover {
	background-image:url(/graphics/common/hover-3boxes.png);
	background-repeat:no-repeat;
}

#footer-base {
	width:980px;
	height:119px;
	background-image:url(/graphics/common/footer.png);
	background-repeat:no-repeat;
	font-size:10px;
	padding-top:30px; 
}

.content-tag {
	width:auto;
	float:left;	
}

.a-selected {
	color:#3FCFD5;
}

.form-input-long {
	width:300px;
}

#button-request-quote {
	width:123px;
	height:20px;
	background-image:url(/graphics/common/quote-button-roll.png);
	font-size:12px;
	padding-left:10px;
	padding-top:3px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

#button-request-quote:hover {
	background-image:url(/graphics/common/quote-button.png);
}

.button-submit {
	width:80px;
	height:20px;
	background-image:url(/graphics/common/submit-button-roll.png);
	font-size:12px;
	padding-left:10px;
	padding-top:3px;
	margin-left:auto;
	margin-right:auto;
}

.button-submit:hover {
	background-image:url(/graphics/common/submit-button.png);
}