html {
	background:#DADADA url(/shredding-images/global/background.gif) repeat-x;
	}

body {
	margin:0px;
	min-width:850px;
	font: 12px/1.5em Verdana;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#003C73;
	font-weight:bold;
	font-size:26px;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003C73;
	font-size:16px;
	}
	
a		{color:#B62121; text-decoration:none; }
a:hover {color:#B62121;text-decoration:underline;}
a:visited{color:#426E96; text-decoration:none;}
a:visited:hover{color:#426E96; text-decoration:underline;}

#main {
	margin:0 auto;
	width:850px; 
	margin:0 auto;
	text-align:left; 
	background-color:#FFFFFF;; 
	}

#main img {border:0px;}

#header {
	height:80px;
	width: 850px;
	background-color:#FFFFFF;
	margin:0;
	}	

#header h1 {
    padding:5px;
    margin:0;
    }

#logoArea  {
	padding:10px 0px 10px 10px;
	float:left;
	}

#quoteArea {
	padding:15px 10px 0px 0px;
	float:right;
	font-size:90%;
	line-height:120%;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
#quoteArea a		{color:#B62121; text-decoration:none; }
#quoteArea a:hover{text-decoration:underline;}
#quoteArea a:visited{color:#B62121; text-decoration:none;}	
#phoneArea {
	padding:15px 62px 0px 0px;
	float:right;
	font-size:90%;
	line-height:120%;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
#phoneArea h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#426E96;
	font-weight:bold;
	font-size:24px;
	}
	
#contentLeft {
	width:570px;
	padding:20px 10px 20px 20px;
	background:#FFFFFF;
	float:left;
	}
	
#contentRight {
	width:220px;
	padding:20px 20px 20px 10px;
	background:#FFFFFF;
	float:right;
	}	

#contentRightService {
	width:220px;
	padding:20px 20px 20px 10px;
	background:#FFFFFF;
	float:right;
	font-size:10px;
	}	
#contentRightService a{font-size:12px;}
#contentRightService a:visited{color:#B62121; text-decoration:none;}	

.servicePicture  {width:65px; float:left;}
.servicePicture img {width:56px; height:56px; vspace:4px; border:1px solid black;}

#contentFull {
	width:760px;
	padding:20px 20px 20px 20px;
	background:#FFFFFF;
	float:left;
	}

#contentLeftPicture {
	width:180px;
	padding:10px 20px 0px 20px;
	background:#FFFFFF;
	float:left;
	align:center;
	}

#contentRightText {
	width:540px;
	background:#FFFFFF;
	float:left;
	}

#contentRightForm {
	width:540px;
	padding:20px 0px 0px 0px;
	background:#FFFFFF;
	float:right;
	}

#footer {
	clear: both;
	padding:5px 0px 5px 0px;
	background-color:#DADADA;
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	}

/*- Navigation --------------------------- */

#navigation {
	float:left;
    width:100%;
    background:#FFFFFF;
    line-height:normal;
	border-bottom:2px solid #003C73;
    }

/* ----------- Navigation Menus ------------------*/

.nav {
	padding-left:20px;
	width:654px; 
	height:27px; 
	position:relative; 
	z-index:100;
	border-right:1px solid #FFFFFF; 
	font-family:arial, sans-serif;}

* html .nav {width:746px; w\idth:654px;}

.nav ul {padding:0;margin:0;list-style-type:none;}
.nav ul ul {width:149px;}

.nav li {float:left;width:109px;position:relative;}

.nav a, .nav a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#000000; 
	width:98px; 
	height:25px; 
	border:1px solid #FFFFFF; 
	border-width:1px 0 1px 1px; 
	background: url(/shredding-images/global/tab.gif);
	padding-left:10px; 
	line-height:29px; 
	font-weight:bold;
	}

* html .nav a, * html .nav a:visited {width:99px; w\idth:88px;}

.nav a:hover {color:#FFFFFF; background:url(../shredding-images/global/tab-hover.gif)}
.nav :hover > a {color:#FFFFFF; background: url(../shredding-images/global/tab-hover.gif)} 
.nav ul ul a.drop, .nav ul ul a.drop:visited {background:#E3E2E3 no-repeat 130px center;}

.nav ul ul a.drop:hover{background:#426E96 no-repeat 130px center;}
.nav ul ul :hover > a.drop {background:#426E96 no-repeat 130px center;}

.nav ul ul ul a, .nav ul ul ul a:visited {background:#E3E2E3;}
/* style the third level hover */
.nav ul ul ul a:hover {background:#426E96;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:149px;border-top:1px solid #FFFFFF;}
/* another hack for IE5.5 */
* html .nav ul ul {top:25px;t\op:26px;}
/* position the third level flyout menu */
.nav ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.nav ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.nav ul ul a, .nav ul ul a:visited {
	background:#E3E2E3; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:128px;
	border-width:0 1px 1px 1px;
	}
/* yet another hack for IE5.5 */
* html .nav ul ul a, * html .nav ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.nav ul ul a:hover{color:#FFFFFF; background:#426E96;}
.nav ul ul :hover > a {color:#FFFFFF; background:#426E96;}
/* make the second level visible when hover on first level list OR link */
.nav ul li:hover ul,
.nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul{ visibility:visible;}

.pictureSmall {
	float:left;
	width:120px;
	margin:0 10 10 0
	}
	
.pictureLarge {
	float:left;
	width:170px;
	margin:0 10 10 0
	}

.pictureLarge img{width:150px;height:150px}

#formBox {
	width:212px;
	height:600px;
	background: url(../shredding-images/landing/formBackground.gif) no-repeat;
	padding:35px 0px 0px 10px;
	}

.subtitle {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:80%;
	text-align:center;
	}

.error {
	font-size:10px;
	color:#AE1B16;
	font-weight: bold;
	}

.formLabel {
	font-size:10px;
	color:#OOOOOO;
	font-weight: bold;
	line-height:100%;
	}
	
.button {
	margin-left:30px;
	}
	
/* set millions of background images */
.rbroundbox { background: url(../shredding-images/global/boxes/nt.gif) repeat; }
.rbtop div { background: url(../shredding-images/global/boxes/tl.gif) no-repeat top left; }
.rbtop { background: url(../shredding-images/global/boxes/tr.gif) no-repeat top right; }
.rbbot div { background: url(../shredding-images/global/boxes/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../shredding-images/global/boxes/br.gif) no-repeat bottom right; }

/* height and width stuff. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px;
			font-family:Arial, Helvetica, sans-seri;
			font-size: 18px;
			text-align:center;
			font-weight:bold;
			color:#FFFFFF;
			}
.rbroundbox { width: 100%; margin: 1em auto; }