/* CSS Document */

/* Colors
Red:#ed0038
Med Red:#b30037
Dark Red:#820024
Light Gray:#cfd0d2
Dark Gray:#404040
*/


/* Page Structure */
body {
	margin:0;
	padding:0;
	background:url(images/pg_bkgrnd.jpg) no-repeat center top #404040;
}

#wrapper_hm {
	width:100%;
	margin:50px 0 20px 0;
	background:url(images/main_bkgrnd.png) repeat-x 0px 60px;
}

#main_hm {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#header_hm {
	height: 286px;
}

#nav_hm {
	position:relative;
	*position:static;
	*margin-top:65px;
	top:65px;
	margin-left:300px;
}

#wrapper {
	width:100%;
	margin:20px 0 20px 0;
	background:url(images/main_bkgrnd.png) repeat-x 0px 60px;
}

#text_hm {
	margin-left:300px;
	margin-right:45px;
}

#login_area {
	float:left;
	width:200px;
	height:157px;
	background-image:url(images/login.gif);
	margin-left:45px;
}

#main {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height: 187px;
}

#nav {
	position:relative;
	*position:static;
	*margin-top:42px;
	top:32px;
}

#small_nav {
	position:relative;
	left:500px;
	*left:500px;
	/*top:25px;*/
	white-space:nowrap;
}

#small_nav a, #small_nav a:active, #small_nav a:visited {
	display:inline-block;
	/*float: left;*/
	white-space: nowrap;
	margin-left: 25px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	color: #fff;
	text-decoration:none;
	font-size: 10px;
	padding: 3px 10px;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
}

#small_nav a:hover {
	color:#ed0038;
}

#nav ul {
	margin-left:290px;	
}

#content { 
	margin:50px 0;
}


#sidebar {
	float:right;
	width:300px;
	background-image:url(images/diagonal_bk_300.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-right:50px;
	margin-left:50px;
}

#text {
	margin:0 300px 0 50px;
}

#footer {
	width:850px;
	border-top:1px solid #fff;
	margin-left:50px;
	text-align:center;
}

/*#callout {
	background-color:#cfd0d2;
}*/

/* Text Styles */
h1 { font-family:Arial, Helvetica, sans-serif; color:#fff; }
h2 { font-family:Arial, Helvetica, sans-serif; color:#fff; }
h3 { font-family:Arial, Helvetica, sans-serif; color:#fff; }
h4 { font-family:Arial, Helvetica, sans-serif; color:#fff; padding:5px 20px; margin:0; background:url(images/diagonal_header.gif) no-repeat; }
p { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#fff; }
ul { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#fff; }
#content ul { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#820024; padding:10px 0; margin:0; }
#callout ul { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#820024; padding:8px 0; margin:0; background:url(images/callout_li_bk.gif) no-repeat left bottom; }
#content li { margin:0 50px 9px 50px; }
#sidebar p { font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:20px; }
#sidebar h3 { padding:0 20px; }
#footer p { font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:8px 0; }
#footer a, #footer a:visited, #footer a:active  { font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* Image Styles */
#header_img { margin-top:63px; *margin-top:32px; }
#logo { float:left; margin-right: 20px; border:none; }
#img_right { float:right; margin-left:10px; }
#img_left { float:left; margin-right:20px;}

/* Login Form */
#login_area form { font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:20px 0 8px 40px; text-transform:uppercase; }
form { font: 12px/20px Verdana, Arial, Helvetica, sans-serif; color:#fff; }
#button { border:1px solid #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(images/login_btn_bkgrnd.gif) repeat-x #404040; padding: 3px; color:#fff; text-transform:uppercase; font-weight:bold; margin-top:10px; }
#button:hover { cursor:pointer; background:url(images/login_btn_bkgrnd_2.gif) repeat-x #404040; }


/* Nav Bar Styles */
#nav_hm li, #nav li { float:left; list-style-type:none; } 
#link1 a, #link1 a:active, #link1 a:visited{ display:block; cursor:pointer; width:181px; height:49px; background:url(images/nav_warehousing.gif) no-repeat center; margin-right: 60px;}
#link2 a, #link2 a:active, #link2 a:visited{ display:block; cursor:pointer; width:122px; height:49px; background:url(images/nav_about.gif) no-repeat center; margin-right: 60px;}
#link3 a, #link3 a:active, #link3 a:visited{ display:block; cursor:pointer; width:151px; height:49px; background:url(images/nav_contact.gif) no-repeat center;}