/*	CSS Document for Shred Easy
 	Designed by Goldladder
 	Designer name : Steve
 /*	Colors used on site : 
 blue : #1b5093
 red : #ee1d23
 */
 /*------------------------------
 			GLOBAL
 -------------------------------*/
 body {
 	background: #fff;
 	font-family: Helvetica, Arial, sans-serif;
 	color: #000;
 	font-size: small;
 }
 article, aside, dialog, figure, footer, header,
   hgroup, menu, nav, section {
	display: block;
 }
 /*------------------------------
 			LAYOUT
 -------------------------------*/
 #container {
 	width: 940px;
 	margin: 0 auto;
 }
 header {
 	position: relative;
 	width: 940px;
 	height: 101px;
 	text-align: left;
 	clear: both;
 }
 nav#topmenu {/*for the old button menu*/
	width: 100%;
	height: 40px;
	padding-left: 55px;
 }
 nav#topmenudrop {
 	width: 100%;
 	height: 40px;
 }
 aside nav {
 	width: 294px;
 	margin-bottom: 20px;
 }
 section#main {
 	float: left;
 	width: 630px;
 	margin-top: 0;
 }
 article.column {
 	float: left;
 	text-align: justify;
 }
 article.left {
 	width: 245px;
 	margin-left: 30px;
 	margin-right: 50px;
 }
 article.right {
 	width: 255px;
 	margin-right: 50px;
 }
 aside {
 	float: left;
 	width: 294px;
 	margin-top: 0;
 	margin-left: 10px;
 }
 aside .news {
 	background: url(../images/panelbg.gif) no-repeat left bottom;
 }
 aside .info {
 	background: url(../images/panelbg.gif) no-repeat left bottom;
 	margin-bottom: 10px;
 }
 article.social {
 	margin-top: 20px;
 }
 footer {
 	width: 940px;
  	clear: both;
 	text-align: left;
 }
 /*------------------------------
 			NAV
 -------------------------------*/
 nav ul.sidenav {
 	margin-left: 10px;
 }
 nav ul.sidenav li {
 	padding: 3px 0;
 }
 nav ul.sidenav li a {
 	background: url(../images/bullet1.gif) no-repeat;
 	color: #003F87;
 	text-decoration: none;
 	padding-left: 10px;
 }
 aside nav {
 	background: url(../images/panelbg.gif) no-repeat left bottom;
 	min-height: 158px;
 }
 /*------------------------------
 			DROPDOWN MENU COLORS
 -------------------------------*/
 #ajaxmenu ul li a:link, #ajaxmenu ul li a:visited {
 	color: #1b5093;/*top level font color*/
 }
 #ajaxmenu ul li.firstcategory {
 	color: pink;/*not used*/
 }
 #ajaxmenu ul li.category {
 	color: pink;/*not used*/
 }
 #ajaxmenu ul li.lastcategory {
 	color: pink;/*not used*/
 }
 #ajaxmenu ul li.firstcategory:hover, #ajaxmenu ul li.firstcategory.over {
 	color: pink;/*not used*/
 }
 #ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {
 	color: pink;/*not used*/
 }
 #ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {
 	color: pink;/*not used*/
 }
 #ajaxmenu li a, #ajaxmenu li.over a {
 	color: pink;/*not used*/
 }
 #ajaxmenu li li a:hover, #ajaxmenu li.over li a:hover {
 	color: #000;/*Dropdown hover font color*/
 	}
 #ajaxmenu li li a, #ajaxmenu li.over li a {
 	color: #000;/*set dropdown font color, before hover*/
 }
 /*------------------------------
 			MENU
 -------------------------------*/
 /*********************************************************
 I TRIED TO MAKE THIS EASY TO STYLE! SEE NOTES BELOW
 **********************************************************/
 #dropdown-holder {
 	/*
 		This is just the holder and how you want what is behind the
 		main menu links too look like
 	*/
 	z-index: 1000;
 }
 .dropdown {
 	/*
 		OVER ALL LINE HEIGHT
 	*/
 	line-height:32px;
 }
 .dropdown a {
 	/* The minimum width of the "MAIN" links on top 
 	min-width: 90px; */
 	display:block;
 	padding: 0px 10px;
 	color:#000;
 	text-decoration:none;
 }
 .dropdown li li a {
 	color: #333;
 }
 .dropdown a:hover{
 	color: #000;
 	background-color: #999999;
 }
 .dropdown ul {
 	top:32px;
 }
 .dropdown li ul a{
 	/* The width of the dropdown and popout menu */
 	width:200px;
 	background-color:#cccccc;
 }
 .dropdown li ul {
 	xborder-top: solid 1px #333333;
 	/* time for some math  {a}:width + {a}:padding + {a}:border */
 	width:145px;
 }
 .dropdown li ul li{
 	/* time for some math  {a}:width + {a}:padding + {a}:border */
 	width:220px;
 }
 .dropdown li ul li a{
 	border-bottom: solid 1px #e1e1e1;
 }
 .dropdown a.popout {
 	/* totally optional popout indicator */
 	background-image: url(../images/popout.gif);
 	background-position:center right;
 	background-repeat:no-repeat;
 }
 /************************************************************
 ONLY EDIT BELOW IF YOU REALLY KNOW WHAT YOUR DOING!
 ************************************************************/
 .dropdown {
 	margin:0;
 	padding:0;
 	list-style-type:none;
 }
 .dropdown ul{
 	margin:0;
 	padding:0;
 	list-style-type:none;
 }
 .dropdown a {
 	display:block;
 }
 .dropdown li{
 	float:left;
 	position:relative;
 	display: block;
 }
 .dropdown ul {
 	position:absolute;
 	display:none;
 }
 .dropdown li ul a{
 	float:left;
 }
 .dropdown li ul {
 	float:left;
 }
 .dropdown li ul li{
 	float:left;
 	position:relative;
 }
 .dropdown ul ul{
 	top:1px;
 	left:100%;
 }
 .dropdown li ul ul {
 	width:auto;
 	margin: -1px 0px 0px 0px;
 	float:left;
 }
 .dropdown li:hover ul ul, .dropdown li:hover ul ul ul, .dropdown li:hover ul ul ul ul{
 	display:none;
 }
 .dropdown li:hover ul, .dropdown li li:hover ul, .dropdown li li li:hover ul, .dropdown li li li li:hover ul{
 	display:block;
 }
 /*------------------------------
 			HEADINGS
 -------------------------------*/
 header h1 {
 	position: absolute;
 	top: 42px;
 	left: 190px;
 	font-size: 20px;
 	color: #1b5093;
 }
 header h2 {
	position: absolute;
	width: 200px;
	height: 90px;
	left: 640px;
	top: 0px;
	padding-left: 90px;
	padding-top: 30px;
	font-size: 24px;
	color: #1b5093;
	text-transform: uppercase;
	font-weight: normal;
	background-image: url(../images/phone.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;
 }
 header h2 span {
	padding-left: 3px;
	font-weight: bold;
	color: #EE1921;
	font-size: 26px;
 }  #main { background: url(../images/headerbg.jpg) no-repeat;}
 #textheader {
 	width: 630px;
 	background: url(../images/headerbg.jpg) no-repeat;
 	color: #fff;
 	font-size:  70px;
 	text-transform: uppercase;
 	padding: 10px;
 	line-height: 0.8;
 }
 .heading2 {
 	font-size: 66px;
 	margin-left: 70px;
 }
 .heading3 {
 	font-size: 38px;
 	margin-left: 100px;
 	padding-top: 8px;
 	float: left;
 }  .heading4 { 	padding-top: 6px; 	clear: both;         color: #1b5093;
 	font-size: 30px;         text-transform: uppercase;
 	padding-left: 30px;}  .heading5 { 	padding-top: 6px; 	clear: both;         color: #1b5093;
 	font-size: 100px;         text-transform: uppercase;
 	padding-left: 50px; 	font-weight: bold; }
 aside nav h3, aside .news h3, aside .info h3 {
 	color: #ee1d23;
 	font-size: 16px;
 	background: url(../images/paneltop.gif) no-repeat left top;
 	padding: 10px;
 }
 .news h2 {
 	margin: 10px;
 	font-size: 11px;
 	border: none;
 }
 .info h2 {
 	margin: 10px;
 	font-size: 11px;
 	border-bottom: 1px solid #888;
 }
 #main h2 span {
 	font-size: 108px;
 }
 #main h3 {
 	color: #1b5093
 }
.blogPost {
	background: #e1e1e1;
	border: 1px solid #999;
	padding: 10px;
	display: block;
	margin-bottom: 20px;
}
.blogPost p {
  line-height:22px;
}
 /*------------------------------
 			TEXT
 -------------------------------*/
 #main article strong {
 	color: #ee1d23;
 	text-transform: uppercase;
 }
 p {
 	padding: 10px 0;
 	line-height: 1.4;
 	font-size: 12px;
	color: #003F87;
 }
 .news p {
font-weight: normal!important;
 	padding: 10px;
 	padding-top: 0;
 	color: #777;
 	font-size: 11px;
 	line-height: 1.6;
 }
 .info p {
 	padding: 10px;
 	color: #777;
 	font-size: 11px;
 	line-height: 1.6;
 }
 footer p {
	float: right;
	color: #444;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
 }
  footer a {
	text-decoration: none;	
 }
 /*------------------------------
 			TEXT COLORS
 -------------------------------*/
 .bluetext {
 	color: #000080;
 	font-weight: bold;
 }
 .redtext {
	font-weight: bold;
 }

 .boldtext {
	font-weight: bold;
 }
 .gianttext {
	font-size: large;
 }
 /*------------------------------
 			IMAGES
 -------------------------------*/
 header img {
 	position: absolute;
 	top: 16px;
 	left: 0;
 }
 /*------------------------------
 			LINKS
 -------------------------------*/
 a:link, a:visited {
 	color: #003F87;;
 	font-weight: bold;
 }
 a:hover, a:active {
 	color: #003F87;
 	font-weight: bold;
 }
 a:link.button1, a:visited.button1 {
	display: block;
	text-indent: -9000px;
	background: url(../images/button1.gif) no-repeat top left;
	width: 294px;
	height: 55px;
	margin-top: -4px;
	padding-bottom: 10px;
 }
 a:link.about, a:visited.about {
 	background: url(../images/bullet-about.gif) no-repeat top left;
 	padding: 10px 0 12px 46px;
 	text-decoration: none;
 	color: #003F87;
 }
 a:link.contactus, a:visited.contactus {
 	background: url(../images/bullet-contact.gif) no-repeat top left;
 	padding: 10px 0 12px 46px;
 	text-decoration: none;
 	color: #003F87;
 }
 a:link.twitter, a:visited.twitter {
 	background: url(../images/bullet-twitter.gif) no-repeat top left;
 	padding: 10px 0 12px 46px;
 	text-decoration: none;
 	color: #003F87;
 }
 a:link.facebook, a:visited.facebook {
 	background: url(../images/bullet-facebook.gif) no-repeat top left;
 	padding: 10px 0 12px 46px;
 	text-decoration: none;
 	color: #003F87;
 }
 a:link.linkedin, a:visited.linkedin {
 	background: url(../images/bullet-linkedin.gif) no-repeat top left;
 	padding: 10px 0 12px 46px;
 	text-decoration: none;
 	color: #333;
 }
 a:hover.about, a:hover.contactus, a:hover.twitter, a:hover.facebook, a:hover.linkedin {
 	background-position: bottom left;
 }
 /*------------------------------
 			LISTS
 -------------------------------*/
 header ul {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 }
 header ul li {
 	float: left;
 	list-style: none;
 	font-size: 15px;
 }
 .contact {
 	background: url(../images/contact.gif) no-repeat;
 	height: 45px;
 	display: block;
 	padding-top: 10px;
 	padding-left: 40px;
 	padding-right: 20px;
 	font-size: 16px;
 }
 .call {
 	background: url(../images/phone.gif) no-repeat;
 	height: 45px;
 	display: block;
 	padding-top: 10px;
 	padding-left: 65px;
 	text-transform: uppercase;
 	font-size: 13px;
 }
 .call span {
 	padding-left: 10px;
 	font-size: 18px;
 }
 a:link.call {
 	color: #ee1d23;
 }
 header a {
 	text-decoration: none;
 }
 .column ul {
 	margin-left: 12px;
 	font-size: 11px;
 	line-height: 12px;
 }
 article.social ul li {
 	list-style: none;
 	padding: 14px 0;
 }
 footer ul {
 	margin-left: 20px;
 }
 footer ul li {
 	float: left;
 	list-style: none;
 	margin-top: 10px;
 }
 footer ul li a:link, footer ul li a:visited {
 	font-size: 11px;
 	color: #444;
 	text-decoration: none;
 	padding: 0 10px;
 	border-right: 1px solid #888;
 }
 footer ul li a.last {
 	border: none;
 }
 /*------------------------------
 			FORMS 
 -------------------------------*/
 form#contactform {
 	width: 550px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
 }
 form#contactform fieldset {
 	border: none;
 	padding: 10px;
 }
 form#contactform ol li {
	line-height: normal;
	list-style: none;
	display: block;
	clear:both;
	float:left;
 }
 form#contactform ol ol li {
 	background: none;
 	border: none;
 	float: left;
 }
 form#contactform label {
	float: left;
	width: 250px;
	color: #003F87;
	font-size: 13px;
 }
 form#contactform fieldset fieldset label:hover {
 	cursor: pointer;
 }
 form#contactform input {
 	background: #fff;
 	/*border: 1px solid #1b5093;*/
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
 	outline: none;
 	width: 200px;
 }
 form#contactform button {
 	float: left;
 	background: none;
 	border: 1px solid #000;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
 	color: #333;
 	display: block;
 	font: 16px;
 	font-style: italic;
 	letter-spacing: 1px;
 	padding: 4px;
 	margin: 0;
 	margin-right: 20px;
 	margin-top: 10px;
 }
 form#contactform button:hover {
 	color: #333;
 	cursor: pointer;
 }
 form#contactform p {
 	color: #333;
 	font-size: 14px;
 	padding: 10px 0;
 }
 form#contactform .smallprint {
 	width: 330px;
 	font-size: 12px;
 	float: left;
 	clear: both;
 	overflow: hidden;
 	padding-top: 10px;
 }