@charset "utf-8";



* { margin: 0; padding:0;}

img { border:none;}



h1{}

h2{ font-size: 14px; color: #296a93;}

h3{ font-size: 12px; color: #296a93;}



p{}



a{ text-decoration: underline; color:#f4a120;}

a:hover{ text-decoration: none;}



body,td,th {

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

	font-size: 12px;

}



body {

	background-image: url(../images/backdrop.jpg);

	background-repeat: repeat-x;

	background-position: top;

	}





/*---------------------framework-------------------------*/



#container {

	width: 854px;

	padding: 0 20px;

	margin: 0 auto;

	}

#header{ color:#4e83a5; font-size: 11px;}

	#header a { color:#4e83a5; text-decoration: none;} 

	#header a:hover { text-decoration: underline;} 

	.contact-info { text-align: right; padding-top: 60px;}
	#header .contact-info a { text-decoration: underline;}
	#header .contact-info a:hover { text-decoration: none;}

	.icon-mail { background-image:url(../images/icon-mail.gif); background-repeat:no-repeat; background-position:left; padding-left: 13px;}



#nav {
	background:url(../images/navdrop.gif) repeat-x;
	height: 33px;
	border:1px solid #dadada;
	}

	#nav ul { list-style: none;}

	#nav li { float:left; border-right: 1px solid #dadada;}
	#nav li.last { border-right: none;}

	#nav a {
		display: block;
		text-decoration: none;
		color: #1A5F8A;
		font-weight: bold;
		font-size: 14px;
		padding: 9px 17px 8px 17px;
		}
		#nav a:hover { text-decoration: underline;}

		/*
		#nav-home { background-image:url(../images/nav-home.gif); width: 103px;}

		#nav-about { background-image:url(../images/nav-about.gif); width: 131px;}

		#nav-locations { background-image:url(../images/nav-locations.gif); width: 127px;}

		#nav-services{ background-image:url(../images/nav-services.gif); width: 134px;}

		#nav-help { background-image:url(../images/nav-help.gif); width: 196px;}

		#nav-cservice { background-image:url(../images/nav-cservice.gif); width: 163px;}
		*/


#banner {}

	#main-image { width: 572px;}

	#request-info {

		width: 277px;

		height: 183px;

		padding: 12px 0px;

		border: 1px solid #e2e2e2;

		color: #73737a;

		background-color:#FFFFFF;

		}

	#request-info p { padding-left: 13px;}

	#request-info h2 { background-repeat:no-repeat; background-position:left top; border-bottom: 1px solid #e1e2e1; text-indent: -3000px; margin:0  13px;}

		#h-request-info { background-image:url(../images/h-request.gif); height: 24px;}

		

		.greybox { font-size: 11px; background-color: #eeeeef; padding: 8px 0; margin: 10px 0;}

		.request-input { border: 1px solid #a7b2c5; width: 235px; padding: 3px 5px;}



#wrapper{ background-repeat:no-repeat; background-position:top left; padding: 31px 0 21px 0;}

	#extender { background-image:url(../images/wrapper.gif); background-repeat:repeat-y;}

	#home-extender { background-image:url(../images/home-wrapper.gif); background-repeat:repeat-y;}

	.banner01 { background-image:url(../images/sh-banner01.jpg);}





	#leftcol{ width: 560px;}

		#leftcol h1 { background-repeat:no-repeat; background-position:left; height: 17px; margin-bottom: 3px; color: #f4a120; font-size: 17px;
			font-weight: normal;}

			/*
			#h-secure { background-image:url(../images/h-secure.gif);}

			#h-about { background-image: url(../images/h-about.gif);}

			#h-locations { background-image:url(../images/h-locations.gif);}

			#h-services { background-image:url(../images/h-services.gif);}

			#h-help { background-image:url(../images/h-help.gif);}

			#h-cs { background-image:url(../images/h-cs.gif);}

			#h-contact { background-image:url(../images/h-contact.gif);}
			*/
			

		#leftcol p { padding-bottom: 12px; line-height: 18px; color: #1a5f8a; font-size: 12px;}
		
		#leftcol ul, #leftcol ol { color: #1A5F8A; padding: 0 0 12px 20px; line-height: 18px;}

		#leftcol p.subtext { color: #7f9eb9; font-size: 13px;}	

	#rightcol{ width: 265px;}

		.sidebox {

			width: 249px;

			height: 103px;

			padding: 13px 0 0 14px;

			border: 1px solid #d6d5d5;

			background-repeat:repeat-x;

			background-position:top;

			margin-bottom: 7px;

			}

		.sidebox a { color: #1a5f8a;}

		.sidebox h3 { background-repeat:no-repeat; background-position:left; text-indent: -3000px; height: 20px;}

			#h-storage { background-image:url(../images/h-storage.gif);}

			#h-logistics { background-image:url(../images/h-logistics.gif);} 

			#h-recorddata { background-image:url(../images/h-recorddata.gif);}

			#storage { background-image:url(../images/sidebox-papers.jpg);}

			#logistics { background-image:url(../images/sidebox-laptop2.gif);}

			#recorddata { background-image:url(../images/sidebox-cabinent.jpg);}

		#singlecol .sidebox { margin: 0 9px 0 10px;}

		#singlecol .last { margin-right: 0;}



#footer-container {

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

	background-repeat:repeat-x;

	background-position:top;

	}

	#footer{

		width: 854px;

		height: 38px;

		padding: 15px 20px 0 20px;

		margin: 0 auto;

		color: #FFFFFF;

		font-size: 11px;

		text-align: right;

		}

	#footer p {
		padding-bottom: 35px;
		}





/*---------------------universal classes-------------------------*/



.bluearrow { background-image:url(../images/bluearrow.gif); background-repeat:no-repeat; background-position:left; padding-left: 14px;}

.bluearrow2 { background-image:url(../images/bluearrow2.gif); background-repeat:no-repeat; background-position:left; padding-left: 14px;}



.small {}

.normal {}

.large {}

.xlarge {}



.right { float:right;}

.left { float:left;}

.clear { clear:both;}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.displaymessage {
	color: red;
	font-weight: bold;
}
.errormessage {
	color: red;
	font-weight: bold;
}

.table-form td { padding: 2px;}
.input-text { width: 200px; padding: 2px 3px; border: 1px solid #A7B2C5; }
.input-text2 {  padding: 2px 3px; border: 1px solid #A7B2C5; }
