/* the following was taken from YUI Reset and Fonts */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

body {

}



fieldset,img{border:0;}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%; font-weight:normal; font-style:normal}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{*font-size:100%;}

/* ------------- */

body {

	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;

	color: #000000;

	background-color: #CCCCCC;

	text-align: center;

	}

h1,h2,h3 {

	font-weight: bold;

	color: #000;

	}

h1 {

	font-size: 170%;

	margin-bottom: 0.5em;

	margin-top: 0em;

	color: #666666;

}

h2 {

	font-size: 135%;

	margin-bottom: 0.5em;

	margin-top: 1em;

	color: #666;

}

h3 {

	font-size: 120%;

	margin-bottom: 0.5em;

	margin-top: 1px;

}

p {

	margin-bottom: 1em;

}

ul {

	margin: 1em 1em 1em 2em;

}

li {

	list-style: disc outside;

	margin-bottom: 0.5em;

}

a:link {

	color: #0066CC;

	text-decoration: none;

}

a:visited {

	color: #993366;

	text-decoration: none;

}

a:hover {

	color: #0099FF;

	text-decoration: none;

}

a:active {

	color: #CC0000;

	text-decoration: none;

}

#container {

	margin: auto;

	text-align: left;

	width: 750px;

	}

/* the header is done in pixels, not ems - it stays constant in IE */

#header {

	background-image: url(images/bg.gif);

	background-repeat: no-repeat;

	height: 132px;

}

#logo {

	float: left;

	margin-left: 60px;

}

#phone {

	font-weight: bold;

	float: left;

	width: 170px;

	white-space: nowrap;

	margin: 20px 0px 0px 30px;

	font-size: 13px;

	line-height: 16px;

}

#shark {

	margin-right: 60px;

	float: right;

	margin-bottom: 10px;

}

#banner {

	font-weight: bold;

	text-transform: uppercase;

	color: #CCCCCC;

	text-align: center;

	clear: both;

	margin: 0px;

	font-size: 13px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding: 0px;

}

#nav {

	float: left;

	width: 100%;

	background-image: url(images/bg-nav.gif);

	font-size: 13px;

	line-height: 1;

	font-weight: bold;

	text-align: center;

}

#nav ul {

	margin:0;

	padding:0;

	list-style:none;

    }

#nav li {

	float:left;

	margin:0;

	padding:0;

	list-style-type: none;

    }

#nav a {

	display:block;

	width: 125px;

	padding-top: 5px;

	padding-bottom: 5px;

    }	

a#storage:link, a#about:link {

	color: #666;

	text-decoration: none;

}

a#storage:visited, a#about:visited{

	color: #666;

	text-decoration: none;

}

a#storage:hover, a#about:hover {

	color: #000;

	text-decoration: none;

}

a#data:link, a#shred:link, a#manage:link, a#contact:link {

	color: #E5E5E5;

	text-decoration: none;

}

a#data:visited, a#shred:visited, a#manage:visited, a#contact:visited {

	color: #E5E5E5;

	text-decoration: none;

}

a#data:hover, a#shred:hover, a#manage:hover, a#contact:hover {

	color: #FFF;

	text-decoration: none;

}

.navlink {

	display: block;

	margin-right: 10px;

	margin-left: 10px;

}



#bar {

	clear: both;

	height: 20px;

	width: 100%;

}



#body {

	clear: both;

}

#sidebar {

	float: left;

	width: 200px;

	background-image: url(images/bg-side.gif);

	background-repeat: repeat-y;

	background-position: right bottom;

}

#sidebar ul, #sidebar li

{

	list-style: none;

	margin: 0;

	padding: 0;

	text-align: right;

}

#sidebar ul {

	margin: 1em 35px 0em 5px;

}

#sidebar li {

	margin-bottom: 0.5em;

}

#sidebar img {

	margin-right: 21px;

	float: right;

	vertical-align: bottom;

}





#main {

	margin-left: 220px;

	padding: 15px 0px 0em;

	}

#main img {

	border: 2px solid #FFFFFF;

}

.imgright {

	margin: 0px 0px 15px 15px;

	float: right;

}

#main .nb {

	border-width: 0px;

	border-style: none;

}

#footer {

	font-size: 90%;

	color: #666666;

	text-align: center;

	padding-top: 1em;

	padding-bottom: 1em;

	clear: both;

}

#sidebar img.line {

	margin: 0px;

	float: none;

	vertical-align: middle;

}