@charset "utf-8";
/* CSS for 24-7 DVD site */
/* = HTML tags */
body, html, h1, h2, h3, h4, p, fieldset, #nav, #nav ul, ol, #footer ul {/* mini reset */
	margin:0;
	padding:0;
}
html {
	background:#edeeef url(/img/bg.jpg) top center repeat-y;
}
body {
	background:transparent url(/img/bg_header.jpg) no-repeat top center;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#111;
	font-size:62.5%;
	height:100%;
}
h1{
	color:#00adef;
	font-size:1.8em;
}
h2 {
	color:#00adef;
	font-size:1.6em;
	padding:0.6em 0 0.3em 0;
}
h3, #blogSidebar h2{
	padding-top:0.5em;		
	font-size:1.4em;
}
h4 {
	padding-top:0.5em;
	font-size:1.2em;
}
p {
	padding-bottom:0.5em;
	font-size:1.2em;
}
ol li{
	padding-bottom:0.6em;	
	margin-left:2em;
}
#content li p, #content li li {
	font-size:1em;
}
#content li, dt, dd, #extra li {
	font-size:1.2em;
}
#content li li, #extra li li{
	font-size:1em;	
}
dt {
	font-weight:bold;
	padding-top:0.8em;
}
dd {
	border-bottom:1px solid #dee1e3;
	padding-bottom:0.8em;
}
a {
	outline:none!important;
}
a:link {
	color:#00adef;
	text-decoration:underline;
}
a:visited {
	color:#62a5be;
}
a:hover, a:active {
	text-decoration:none;
}
a img {
	border:none;
}
td, th {
	font-size:1.2em;
	padding:0.25em 1.5em 0.25em 0;
	vertical-align:top;
}
th {
	border-bottom:2px solid #acb1b4;
}
td, tbody th {
	border-bottom:1px solid #dee1e3;
}
#quickquote fieldset {
	border:none!important;
}
#content fieldset {
	border:1px solid #CCC;
	padding:0.6em 1.2em 1.2em;
	margin:1em 0;
}
#quickquote legend {
	display:none;
}
#content legend {
	font-size:1.2em;
	font-weight:bold;
	color:#00ADEF;
}
label {
	display:block;
}
#quickquote label {
	color:#FFF;
	font-size:1.1em;
}
#content label {
	font-weight:bold;
	font-size:1.2em;
}
input[type="text"] {
	display:block;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
}
#extra input[type="text"] {
	width:145px;
}
textarea {
	display:block;
	width:100%;
	height:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
#extra textarea {
	width:165px;
	height:130px;
}
/* = Layout */
#header {
	height:130px;
	padding:0 26px 0 56px;
	margin:0 -26px 0 -56px;
	overflow:hidden;
}
#logo {
	float:left;
	padding-right:22px;
	margin-top:1.2em;
	background:transparent url(/img/logo_24-7.png) no-repeat top left;
}
#logo a {
	display:block;
	width:303px;
	height:100px;
	text-indent:-999em;
}
#nav {
	list-style:none;
}
#nav li {
	float:left;
	margin-left:1em;
}
#nav a {
	display:block;
	width:93px;
	height:75px;
	color:#FFF;
	text-decoration:none;
	text-indent:-999em;
	background:transparent url(/img/navigation.gif) no-repeat bottom;
}
#nav li:hover a {
	height:85px;
}
#nav #nav-services {
	margin:0;
}
#nav #nav-services a {
	background-position:bottom left;
}
#nav #nav-services a:hover {
	text-decoration:none;
}
#nav #nav-quote a {
	background-position:-105px bottom;
}
#nav #nav-copyright a {
	background-position:-210px bottom;
	width:100px;
}
#nav #nav-clients a {
	background-position:-323px bottom;
}
#nav #nav-blog a {
	background-position:-428px bottom;
}
#nav #nav-contact a {
	background-position:bottom right;
}
/*#nav a:hover{
	height:97px;	
}*/
#nav div {
	position:absolute;
	width:425px;
	z-index:500;
	background:url(/img/bg_subnav.png) no-repeat top left;
	padding-top:30px;
	margin-top:-10px;
	left:-999em;
}
#nav ul {
	list-style:none;
	margin-left:10px;
}
#nav ul li {
	float:left;
	width:45%;
	font-size:1.2em;
	padding-bottom:5px;
}
#nav #servicesSubMenu ul a {
	background:none;
	text-indent:0;
	width:auto;
	height:auto;
	color:#1181c8;
	text-decoration:underline;
	line-height:26px;
	background:url(/img/icon_dvd.gif) no-repeat left;
	padding-left:30px;
}
#nav li:hover ul a:hover {
	text-decoration:none;
}
#nav span {
	display:block;
	clear:both;
	height:20px;
	margin-bottom:-20px;
	background:url(/img/bg_subnav-cap.png) no-repeat bottom left;
}
#nav li:hover div {
	left:auto;
}
#container, #wrap {
	width:940px;
	margin:0 auto;
	text-align:left;
	line-height:1.5;
}
#content {
	width:505px;
	float:left;
	clear:both;
}
#extra {
	width:360px;
	float:right;
}
#quickquote, #offers {
	padding:10px;
	margin-bottom:12px;
	position:relative;
}
/*rounded corners for the Quick Quote and Special boxes*/
.top-right, .bottom-right, .bottom-left {
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	background:no-repeat top left;
}
.top-right {
	right:0;
	top:0;
}
.bottom-right {
	right:0;
	bottom:0;
}
.bottom-left {
	left:0;
	bottom:0;
}
#quickquote {
	background:#00aef3 url(/img/corner_blue_top-left.gif) no-repeat top left;
}
#quickquote .top-right {
	background-image:url(/img/corner_blue_top-right.gif);
}
#quickquote .bottom-right {
	background-image:url(/img/corner_blue_bottom-right.gif);
}
#quickquote .bottom-left {
	background-image:url(/img/corner_blue_bottom-left.gif);
}
#offers {
	background:#f9c403 url(/img/corner_yellow_top-left.gif) no-repeat top left;
}
#offers .top-right {
	background-image:url(/img/corner_yellow_top-right.gif);
}
#offers .bottom-right {
	background-image:url(/img/corner_yellow_bottom-right.gif);
}
#offers .bottom-left {
	background-image:url(/img/corner_yellow_bottom-left.gif);
}
#quickquote h2, #quickquote a, #offers h2, #offers a {
	color:#FFF;
	padding:0;
}
#quickquote h2 {
	text-align:center;
}
/*sticky footer*/
html, body, form, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#content {
	padding-bottom: 10em;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin: -8em auto 0 auto; /* negative value of footer height */
	height: 8em;
	clear:both;
	width:960px;
	text-align:center;
	padding:3.6em 0 2.4em 0;
}
#footer ul {
	list-style:none;
	margin-left:19em;
}
#footer li {
	font-size:1.2em;
	float:left;
	padding:0 0.5em;
	border-right:1px solid #5e5f6a;
	line-height:1.2;
}
#footer li:last-child {
	border:none;
}
#footer p {
	clear:both;
}
/* = Classes */
.hidden { /*hiding accessibility links from all except screenreaders */
	position:absolute;
	left:-999em;
}
.detail {
	font-size:11px;
}
.photo { /*photos with shadows and tape */
	position:relative;
	background: no-repeat top left;
}
.large {
	background-image:url(/img/shadow.png);
	width:550px;
	margin:23px 0 0 -17px;
	padding:0 0 25px 17px;
	height:300px;
}
.small {
	/*	float:right;
	clear:right;*/
	margin:0.6em 0 0 0.6em;
	width:360px;
	height:216px;
	background-image:url(/img/shadow-small.png);
	padding:0 0 12px 12px;
}
.photo span {
	display:block;
	position:absolute;
	z-index:100;
	background:no-repeat top left;
}
.large span {
	width:138px;
	height:39px;
	top:-23px;
	left:200px;
	background-image:url(/img/tape.png);
}
.small span {
	width:78px;
	height:28px;
	background-image:url(/img/tape-small.png);
	top:-14px;
	left:130px;
}
.really-strong {/*making text REALLY stand out*/
	text-transform:uppercase;
	color:#C00;
	font-weight:bold;
	font-size:1.1em;
}
.button a {
	display:block;
	text-decoration:none;
	text-indent:-999em;
	height:17px;
	padding:0;
	line-height:1;
}
#order-now a {
	background:url(/img/button_order.gif) no-repeat top right;
}
#order-now a:hover {
	background-position:center right;
}
#order-now a:active {
	background-position:bottom right;
}
.notes { /*copyright, disclaimers and Datadial link*/
	font-size:1.1em;
	padding-top:2em;
	color:#666;
}
.notes a {
	color:#666;
}
.error{
	display:block;
	background:#FFC;
	width:145px;
	padding:3px;
}
.iconlist, .iconlist ul{
	list-style:none;
	margin:0;
	padding:0 0 0 1em;
}
.iconlist{
	border-bottom:1px solid #BBB;	
	padding-bottom:1em;
}
a.icon {
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
	margin-bottom:2px;
	padding:0 0 0 25px;
	width:5em;
}
a.pdf {
	background-image:url(/img/icon_pdf.gif);
}
a.illustrator {
	background-image:url(/img/icon_illustrator.gif);
}
a.photoshop {
	background-image:url(/img/icon_photoshop.gif);
}
#authoringlink{
	text-align:center; 
	font-weight:bold; 
	line-height:1; 
	margin-bottom:1em;
}
#authoringlink a{
	background:transparent url(/img/authoring-menus.png) no-repeat top; 
	padding-top:300px; 
	display:block;
}
#usblink{
	text-align:center; 
	font-weight:bold; 
	line-height:1; 
	margin-bottom:1em;
}
#usblink a{
	background:transparent url(/img/usb_rio_blue.png) no-repeat top; 
	padding-top:300px; 
	display:block;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:24px;
	z-index:200;
}
#offers .sIFR-hasFlash h2, #quickquote .sIFR-hasFlash h2, {
 	visibility:hidden;
 	font-size:18px;
	z-index:200;
}
/* = Slideshow styles */
#slideshow img {
	position:absolute;
	top:0;
	left:17px;
	z-index:8;
	opacity:0.0;
}
#slideshow img.active {
	z-index:10;
	opacity:1.0;
}
#slideshow img.last-active {
	z-index:9;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* JQuery Styles */
.js #largePhoto {
	position:relative;
}
.js #largePhoto img {
	display:none;
	position:absolute;
	left:18px;
	top:0;
}
.js #thumbnails {
	display:block;
}
.js #thumbnails ul{
	margin:0;
	padding:0;
	list-style:none;
	width:509px;
	position:relative;
	left:-22px;
}
.js #thumbnails li{
	float:left;
	font-size:1.2em;
	width:33%;
	background:#D0D5D9;
	overflow:hidden;
	color:#262836;
	border-bottom:1px solid #F7F7F7;
}
.js #thumbnails img{
	vertical-align:middle;	
}
.js #thumbnails li:hover{background-color:#becdd9;}
.js #thumbnails .on{
	color:#FFF;
	background-color:#00AEF3;
}
#thumbnails {
	display:none;
}
/* blog */
#blogContent {
	width:660px;
	float:left;
}
#blogSidebar {
	width:200px;
	float:right;
}
	#blogSidebar ul {
		margin:0;
		padding:0;
	}
	#blogSidebar ul li {
		list-style:none;
		margin:5px 0;
	}
	#blogSidebar ul, #blogSidebar a {
		
	}
	#blogSidebar ul li ul {
		margin:0;
		padding:0 0 0 10px;
	}
	#blogSidebar ul li ul li {
		padding:0;
		margin:0 0 0 15px;
		list-style:url(../img/blue_arrow.gif);
		font-size:1.2em;
	}
#blogContainer h1 {
	margin:0 0 25px 0;
	width:700px;
	float:left;
}
#blogFooter {
	clear:both;
	text-align:center;
	padding:3.6em 0 2.4em 0;
}	
	#blogFooter ul {
		margin:1em 0 0.5em -4em;
		margin:1em 0 0.5em 0 !justIE; 
	}
	#blogFooter li {
		list-style:none;
		font-size:1.2em;
		display:inline;
		padding:0 0.5em;
		border-right:1px solid #5e5f6a;
		line-height:1.2;
	}
	#blogFooter li:last-child, #blogFooter li.last /* IE bug */ {
		border:none;
	}
	/* search */
	form#searchform input#s {
		width:120px;
		float:left;
		margin:2px 5px 0 0;
	}
	/* end search */

.post {
	margin:0 0 30px 0;
}
.entry {
	margin:15px 0 0 0;
}
p.postmetadata {
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-left:#00adef 1px solid;
}
a.rss img {
	text-decoration:none;
	border:none;
}