body { font: 10px/1.5 Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0; background: #dfdbd0 url(../images/wrapper/bg-tile.jpg) repeat; }

a { outline: none; color: #990000; }
a img { border: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; color: #000; margin:2em 0 1em 0; }
h1 { font-size: 24px; color: #990000; text-transform: uppercase; margin: 1em 0; }
h2 { font-size: 18px; margin: 1em 0; }
h3 { font-size: 16px; text-transform: none; color: #990000; margin: 24px 0 12px 0; }
h4 { font-size: 14px; }
h5 { font-weight: bold; font-size: 12px; }
h6 { font-size: 12px; }

h2 span { color: #990000; }

p { font-size: 12px; margin: 0 0 1em 0; }

hr { border: none; border-top : 1px dotted #CCC; margin: 20px 0px; padding: 0; background: none; clear: both; }

ul, ol { margin: 2em; padding: 0 0 0 18px; }
li { font-size: 12px; }
blockquote { margin: 0 20px 20px 20px; padding: 0; clear: both; }

dl { margin: 0 0 1em 0; padding: 0; }

sup { font-size: 70%; }

input { font: 15px/1 Arial, Helvetica, sans-serif; color: #333; }
textarea { font: 15px/1.5 Arial, Helvetica, sans-serif; color: #333; }

address { font-style: italic; margin: 0 0 1em 1em; }

/* Wrapper ------------------------------------------------------------------- */

#wrapper { width: 960px; margin: 0 auto; background: #FFF;
	-webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; }
	
#header { overflow: hidden; height: 1%; padding: 20px 0 20px 20px; background: #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #333,  #000); }

#logo a { overflow: hidden; float: left; display: block; text-indent: -9999px; width: 220px; height: 54px; background: url(../images/wrapper/graphic_authority_logo.png) no-repeat; }

#nav, #nav ul { list-style: none; margin: 0; padding: 0; }
#nav { float: right; font-weight: bold; text-transform: uppercase; padding: 10px 5px 0 0; }
#nav li { float: left; font-size: 11px; }
#nav li.selected a { color: #FFF; background: #990000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#660000');
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#660000));
	background: -moz-linear-gradient(top,  #990000,  #660000); }
#nav li:hover a,
#nav li:focus a { color: #CCC; }
#nav li.selected:hover a { color: #FFF; }
#nav a { display: block; text-decoration: none; color: #FFF; margin: 0 0 5px 0; padding: 5px 15px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#social_header { overflow: hidden; clear: both; color: #FFF; height: 1%; padding: 5px; background: #000; border-top: 1px solid #222; }

/* drop down */

#nav ul { position: absolute; left: -999em; line-height: 1.9; padding: 0 10px 15px 10px; background: #000; z-index: 9000;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
#nav li:hover ul,
#nav li:focus ul { left: auto; }
#nav li li { float: none; display: inline; text-transform: none; color: #CCC; }
#nav li:hover li a,
#nav li:focus li a { color: #FFF; margin: 0; padding: 0 5px; background: none;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#nav li li a:hover,
#nav li li a:focus { background: #666; }
#nav li.selected li a { filter: none; }

#page_nav { float: right; width: 219px; padding: 20px; }
#page_nav h2 { text-transform: uppercase; }
#page_nav h3 a:link { text-decoration: none; }
#page_nav ul { list-style: none; margin: 0; padding: 0; }
#page_nav li { display: inline; }
#page_nav li.selected a,
#page_nav li.selected a:hover,
#page_nav li.selected a:focus { color: #990000; }
#page_nav li a { display: block; text-decoration: none; font-size: 14px; line-height: 1.3; color: #666; padding: 10px 0; border-bottom: 1px solid #CCC; }
#page_nav li a:hover,
#page_nav li a:focus { color: #000; background: #F2F2F2; }

#content { float: left; width: 660px; margin: 20px 0; padding: 0 20px; border-right: 1px dotted #CCC; }
#content { min-height: 400px; height:auto !important; height: 400px; }

#content .section { float: left; margin: 0 0 20px 0; border-bottom: 1px dotted #CCC; clear: both; }

#content .section .item { float: left; display: inline; margin: 10px; width: 200px; }
#content .section .item a { text-decoration: none; }
#content .section .item a:hover h2 { text-decoration: underline; }
#content .section .item h2 { font-size: 14px; color: #990000; }
#content .section .item img { margin: 0 0 0 0;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3); box-shadow: 0 2px 5px rgba(0,0,0,.3); }
#content .section .item p { margin: 0; }
#content .section .item ul { list-style: none; margin: 0 0 1em 0; padding: 0; }

#content .section .bannerfirst { margin: 0 0 10px 0; }
#content .section .banner { margin: 0 0 10px 16px; }

#product_details { margin: 20px 0 20px 320px; clear: both; }
#product_details img { float: left; margin: 0 0 0 -320px; }
#product_details h1 { margin: 0 0 .5em 0; }
#product_details h2 { font-weight: bold; font-size: 12px; text-transform: none; margin: 0; }
#product_details h2.price { margin: 0 0 1em 0; }
#product_details h3 { font-size: 12px; text-transform: none; color: #990000; margin: 1em 0 0 0; }
#product_details ul { list-style: none; margin: 0 0 1em 0; padding: 0; }

#promotion_details { margin: 20px 0; clear:both }

.slideshow { width: 100%; margin: 0;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3); box-shadow: 0 2px 5px rgba(0,0,0,.3); }
.slideshow img { display: block; }
.slideshow-nav { position: absolute; list-style: none; height: 0; margin: 0; padding: 0 0 0 11px; }
.slideshow-nav li { position: relative; top: -38px; float: left; margin: 0; padding: 0 3px 0 0; }

.instructions { display: none; }
#content .instructions { display: block;  padding: 10px;  }
.instructions span { color: #990000; font-size: 12px; cursor: pointer; }
.instructions ol { margin: 0; width: 620px; }
.instructions li { margin: 10px 0; }

#footer { overflow: hidden; clear: both; color: #FFF; height: 1%; padding: 20px; border-top: 1px solid #FFF; background: #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #333,  #000); }
#footer p { margin: 0; }
#footer a { text-decoration: none; color: #FFF; }
#footer a:hover,
#footer a:focus { text-decoration: underline; }
#footer .contact { float: left; text-indent: -9999px; overflow: hidden; width: 170px; height: 29px; margin: 0 20px 20px 0; background: url(../images/wrapper/phone_number.gif) no-repeat; }
#footer p.copyright { clear: both; margin: 0; }
#footer .column1 { float: left;	}
#footer .column2 { float: right; }

#promo-fields { overflow: hidden; clear: both; color: #FFF; height: 1%; padding: 20px; border-top: 1px solid #FFF; background: #000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -moz-linear-gradient(top,  #333,  #000); }
#promo-fields p { margin: 0; }
#promo-fields a { text-decoration: none; color: #FFF; }
#promo-fields a:hover,
#promo-fields a:focus { text-decoration: underline; }
#promo-fields .contact { float: left; text-indent: -9999px; overflow: hidden; width: 170px; height: 29px; margin: 0 20px 20px 0; background: url(../images/wrapper/phone_number.gif) no-repeat; }
#promo-fields p.copyright { clear: both; margin: 0; }
#promo-fields .column1 { float: left;	}
#promo-fields .column2 { float: right; }

#social_nav { float: right; list-style: none; margin: 0 10px 0 0; padding: 0; }
#social_nav li { float: left; padding: 0 0 0 5px; }
#social_nav a {	display: block; text-indent: -9999px; width: 32px; height: 32px; }
#social_nav li.facebook a {	background: url(../images/wrapper/facebook.gif) no-repeat; }
#social_nav li.twitter a { background: url(../images/wrapper/twitter.gif) no-repeat; }
#social_nav li.youtube a { background: url(../images/wrapper/youtube.gif) no-repeat; }
#social_nav li.facebook a:hover,
#social_nav li.facebook a:focus,
#social_nav li.twitter a:hover,
#social_nav li.twitter a:focus,
#social_nav li.youtube a:hover,
#social_nav li.youtube a:focus { background-position: 0 -32px; }

#email_sign_up_top label { font-size: 15px; line-height: 1; font-weight: bold; text-transform: uppercase; color: #FFF; float:left; margin: 10px 10px 5px 10px; }
#email_sign_up_top #es { float: left; margin: 5px 5px 5px 0; padding: 3px; width: 250px; border: 1px solid #FFF; }
#email_sign_up_top #go_top { float: left; text-indent: -9999px; overflow: hidden; margin: 5px 0; width: 25px; height: 25px; border: none; background: url(../images/wrapper/arrow_button.png) no-repeat; }

#email_sign_up label { font-size: 15px; line-height: 1; font-weight: bold; text-transform: uppercase; color: #FFF; display: block; }
#email_sign_up #ea { float: left; margin: 5px 5px 5px 0; padding: 3px; width: 270px; border: 1px solid #FFF;}
#email_sign_up #go { float: left; text-indent: -9999px; overflow: hidden; margin: 5px 0; width: 25px; height: 25px; border: none; background: url(../images/wrapper/arrow_button.png) no-repeat; }
#email_sign_up p { clear: both; font-style: italic; font-size: 10px; line-height: 1; color: #FFF; margin: 0; }

/* Classes ------------------------------------------------------------------- */
.warning { color: #990000; }
.small { font-size: 10px; }

.float_left { float: left; margin: 0 20px 20px 0; }
.float_right { float: right; margin: 0 0 20px 20px; }
.photo_clear { clear: both; margin: 20px, auto; }
.button,
.slideshow-button { cursor: pointer; display: inline-block; font-weight: bold; font-size: 10px; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.3); color: #FFF; margin: 0; padding: 5px 10px; border: 1px solid #660000;
	background: #990000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#660000');
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#660000));
	background: -moz-linear-gradient(top, #990000,  #660000);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.button:hover,
.button:focus,
.selected .button,
.slideshow-button:hover,
.slideshow-button:focus,
.selected .slideshow-button {
	background: #CC0000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#990000');
	background: -webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#990000));
	background: -moz-linear-gradient(top,  #CC0000,  #990000); }
.button:active,
.slideshow-button:active { color: #CCC;
	background: #660000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#660000', endColorstr='#990000');
	background: -webkit-gradient(linear, left top, left bottom, from(#660000), to(#990000));
	background: -moz-linear-gradient(top,  #660000,  #990000); }
	
.button-download { cursor: pointer; display: inline; font-weight: bold; font-size: 10px; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.3); color: #FFF; margin: 0; padding: 5px 10px; border: 1px solid #309;
	background: #309;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39C', endColorstr='#309');
	background: -webkit-gradient(linear, left top, left bottom, from(#39C), to(#309));
	background: -moz-linear-gradient(top, #39C,  #309);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.button-download:hover,
.button-download:focus,
.selected .button-download {
	background: #309;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39C', endColorstr='#39C');
	background: -webkit-gradient(linear, left top, left bottom, from(#39C), to(#39C));
	background: -moz-linear-gradient(top,  #39C,  #39C); }
.button-download:active { color: #CCC;
	background: #660000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#309', endColorstr='#309');
	background: -webkit-gradient(linear, left top, left bottom, from(#309), to(#309));
	background: -moz-linear-gradient(top,  #309,  #309); }	
	

.button-webinar { cursor: pointer; display: inline-block; font-weight: bold; font-size: 10px; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,.3); color: #FFF; margin: 0 2em; padding: 5px 10px; border: 1px solid #309;
	background: #309;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39C', endColorstr='#309');
	background: -webkit-gradient(linear, left top, left bottom, from(#39C), to(#309));
	background: -moz-linear-gradient(top, #39C,  #309);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.button-webinar:hover,
.button-webinar:focus,
.selected .button-webinar {
	background: #309;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39C', endColorstr='#39C');
	background: -webkit-gradient(linear, left top, left bottom, from(#39C), to(#39C));
	background: -moz-linear-gradient(top,  #39C,  #39C); }
.button-webinar:active { color: #CCC;
	background: #660000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#309', endColorstr='#309');
	background: -webkit-gradient(linear, left top, left bottom, from(#309), to(#309));
	background: -moz-linear-gradient(top,  #309,  #309); }		
	
	
.note {	clear:both; margin: 1em; padding: 20px; border: 1px solid #F90; background: #FFC;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
.warning { margin: 1em; padding: 20px; border: 1px solid #F90; background: #FFC;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }	
	
.example_box { float: left; width:300px; padding: 10px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.example_box.video { margin: 0 20px 20px 0; background: #000 url(/images/wrapper/video_header.png) left -60px no-repeat; }
.example_box.image { background: #000 url(/images/wrapper/image_haeder.png) left -60px no-repeat; }
.example_box h2 { font-weight: bold; font-size: 24px; text-transform: uppercase; color: #FFF; margin: 0; padding: 15px 0 35px 80px;}
.example_box h3 { font-size: 12px; color: #FFF; text-align: center; margin: 0; }
.example_box a { zoom: 1;  float: left; text-decoration: none; margin: 10px; }

dl.faq { position: relative; margin: 0; padding: 0 0 1em 0; }
dl.faq dt { font-size: 14px; color: #990000; text-decoration: underline; margin: 0; padding: 0; cursor: pointer; }
dl.faq dd { margin: 0; padding: 0; }

.enlarge { cursor: pointer; display: inline-block; font-weight: bold; font-size: 10px; text-decoration: none; text-transform: uppercase; color: #333; margin: 0; padding: 2px 6px; border: 1px solid #666; background: #FFF;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3);
	filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75; }

.enlarge:hover { filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

/* Home ------------------------------------------------------------------- */

#sub_header { text-align:center; overflow: auto; height: 1%; padding: 5px; border-bottom: 1px solid #65625C; border-top: 1px solid #65625C; background: #87837b; }
#sub_header div { float: left; }
#sub_header h1 { font-weight: bold; font-size: 22px; text-transform: none; color: #FFF; margin: 0; }
#sub_header p { margin: 0; }

#sub_header ul { float: right; display: inline; list-style: none; margin: -20px 0 -20px 0; padding: 0; }
#sub_header li { float: left; }
#sub_header li a { overflow: hidden; text-indent: -9999px; display: block; width: 220px; height: 86px; }
#sub_header li.video a { background: url(/images/wrapper/watch_videos.png) no-repeat; }
#sub_header li.image a { background: url(/images/wrapper/view_examples.png) no-repeat; }

#billboard { float: left; padding: 20px; }
#billboard h2 { text-transform: uppercase; color: #990000;  margin: 10px 0; }
#billboard .section { float: left; width: 300px; margin: 0 20px 0 0;  }
#billboard .slideshow {float: left; margin: 0 0 20px 0; }
#billboard .large {	display: block;	font-size: 16px; text-align: center; width: 415px; float: left; padding: 15px 20px; }

#category-examples .header { clear: both; padding: 20px; border-top: 1px solid #FFF; }
#category-examples .header { padding-left: 100px; background: #000 url(/images/wrapper/image_haeder.png) left center no-repeat; }
#category-examples .header h2 { font-weight: bold; font-size: 22px; text-transform: uppercase; color: #FFF; margin: 0; }
#category-examples .header p { color: #999; margin: 0; }
#category-examples .section { overflow: auto; height: 1%; padding: 20px; background-color: #c8c5be;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
	background: -moz-linear-gradient(top,  #999,  #666);*/ }
#category-examples .section a.first { margin: 0; }
#category-examples .section a { float: left; margin: 0 0 0 20px; }

#category-examples .section a.bannerfirst { margin: 0 0 10px 0; }
#category-examples .section a.banner { float: left; margin: 0 0 10px 20px; }

#video-examples .header,
#image-examples .header { clear: both; padding: 20px; border-top: 1px solid #FFF; }
#video-examples .header { padding-left: 100px; background: #000 url(/images/wrapper/video_header.png) left center no-repeat; }
#image-examples .header { padding-left: 100px; background: #000 url(/images/wrapper/image_haeder.png) left center no-repeat; }
#video-examples .header h2,
#image-examples .header h2 { font-weight: bold; font-size: 22px; text-transform: uppercase; color: #FFF; margin: 0; }
#video-examples .header p,
#image-examples .header p { color: #999; margin: 0; }
#video-examples .section,
#image-examples .section { overflow: auto; height: 1%; padding: 20px; background: #666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
	background: -moz-linear-gradient(top,  #999,  #666); }
#video-examples .section a,
#image-examples .section a { float: left; margin: 0 0 0 20px; }
#video-examples .section a.first,
#image-examples .section a.first { margin: 0; }

/* Forms ------------------------------------------------------------------- */

#contact_form,
#upload_form {
	width: 278px;
	margin: 2em 0;
	padding: 20px;
	border: 1px solid #CCC;
	background: #F2F2F2;
}

#contact_form label,
#upload_form label { display: block; }

#contact_form #name,
#contact_form #email,
#contact_form #number,
#contact_form #subject,
#contact_form #message,
#upload_form #name,
#upload_form #email,
#upload_form #number,
#upload_form #file {
	width: 272px;
	margin: 0;
	padding: 3px;
	border: 1px solid #CCC;
}

#contact_form #message {
	height: 180px;
}

/* Blockquote ------------------------------------------------------------------- */
#content blockquote {
	margin: 45px 0 0 0;
	padding: 0;
	font-size: 130%;
	line-height: 160%;
	font-weight: bold;
	clear: both;
}

.bqstart {
     float: left;
     height: 45px;
     margin-top: -25px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #FF0000;
 }

 .bqend {
	float: right;
	font-size: 700%;
	height: 0px;
	margin-top: 0px;
	padding-top: 25px;
    color: #FF0000;	
 }
 
  .bqcredit {
     float: right;
	 margin: 0px 100px 10px 0px;
     padding-top: 10px;
     font-size: 200%;
     color: #999;
 }

#selectedItemsBar {
	background: #f6f6f6;
	position: fixed;
	top: auto;
	bottom: 0px;
	right: 0px;
	left: 0px;
	border-top: 1px solid #aaa;
	z-index: 100;
	padding: 10px;
	display: none;
}
 
 /* Webinar Class Links ------------------------------------------------------------------- */
.class-links { clear: both; 
}