/*
-----------------------------------------------
Layout CSS
----------------------------------------------- */

body {
	font-size: 12px;
	background-attachment: scroll;
	background-image: url(../img/bg/body_bg_3.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #C4DEED;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}


.container_12,
.container_16
{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: auto;
}

#wrapper_main  {
	background-image: url(../img/bg/content_bg.jpg);
	background-repeat: repeat-y;

}
#wrapper #nav-main {
	height: 36px;
	background-repeat: repeat-x;
	background-image: url(../img/nav/nav_bg.jpg);
	margin: 0px;
	padding: 0px;
	width: 990px;
}
#wrapper #nav-main h2 {
text-indent:-9999px;
}
#wrapper #branding #nav-main ul, #wrapper #branding #nav-main {
	float:left;
}
#wrapper #branding #nav-main {

}
#wrapper #branding #nav-main li { float:left; margin-left:0;}
#wrapper #branding #nav-main li a {
color:#8F8F92;
float:left;
font-size:1em;
font-style:italic;
font-weight:normal;
padding:0 5px;
letter-spacing:0.09em;
}
#wrapper #branding #nav-main li a:hover {
}

#wrapper #branding img {
	float: right;
}

#wrapper #content {
	background-repeat:repeat-y;
	width:986px;
	height: 100%;
	margin-top: 0px;
	background-image: url(../img/bg/content_bg.jpg);
	clear: both;
	margin-right: 0px;
	margin-left: 0px;
}



#wrapper #content #content-top {
	background-repeat:no-repeat;
	width:986px;
	height: 20px;
	margin-top: 0px;
	background-image: url(../img/bg/content_top_shadow.jpg);
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

#wrapper #content #content-main h2 {
	text-indent:-9999px;
}

#wrapper #main #content #content-sub h2 {
	text-indent:-9999px;
	display: none;
}

.slides h2 {
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
	display: none;
}

#wrapper #content #content-sub {
	margin-left: 20px;
}

#wrapper #content #content-sub ul li  {
	display:block;
	margin: 0px;
}
#wrapper #content #content-sub ul li a { color:#58595b;  width:297px; font-size:1em;}
#wrapper #content #content-sub ul li a img {
	margin-bottom: 20px;
}


#wrapper #main #content #content-sub #colA a {
	text-indent:-9999px;
	width:301px;
	height:123px;
	background:url(../img/gen/business-storage.jpg) no-repeat left top;
}

#wrapper #main #content #content-sub #colB a {
	text-indent:-9999px;
	width:301px;
	height:123px;
	background:url(../img/gen/personal_storage.jpg) no-repeat left top;
}

#wrapper #main #content #content-sub #colC a {
	text-indent:-9999px;
	width:301px;
	height:123px;
	background:url(../img/gen/shredding.jpg) no-repeat left top;
}

#wrapper #main #content #content-sub #colA a:hover, #wrapper #main #content #content-sub #colB a:hover, #wrapper #main #content #content-sub #colC a:hover, #wrapper #main #content #colE #call_us a:hover, #wrapper #main #content #colE #student_storage a:hover { background-position:right top;}


#wrapper #main #content #colE #call_us a { text-indent:-9999px; width:299px; height:162px;
background:url(../img/gen/boxes_packaging.jpg) no-repeat left top; display:block; }

#wrapper #main #content #colE #student_storage a { text-indent:-9999px; width:300px; height:162px;
background:url(../img/gen/student_storage.jpg) no-repeat left top; display:block; }

#wrapper #content #content-sub ul li {
	margin-bottom: 15px;
}


#wrapper #content #content-sub ul li a span {
	display:block;
}

#wrapper #content #content-sub ul #colA a {
	display:block;
}
#wrapper #content #content-sub ul #colB a {
	display:block;
}
#wrapper #content #content-sub ul #colC a {
	display:block;
}

#wrapper #content #content-sub ul #colD a {
	height: 125px;
}

#wrapper #content #colE {
	margin-left: 10px;
	margin-top: 2px;
	width: 633px;

}

#wrapper #main #content-lhs {
	width: 240px;
	margin-left: 40px;
}


#wrapper #main #content-rhs {
	padding-top: 35px;
	padding-left: 11px;
}

#wrapper #content #colE #call_us{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#wrapper #content #colE #student_storage{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: right;

}
#wrapper #content #content_bottom {
	background-image: url(../img/bg/content_lower_shadow.jpg);
	height: 20px;
	width: 985px;
	margin-left: 0px;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: bottom;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#wrapper #site_info {
	border-top:1px solid #9b9c9e;
	border-bottom:1px solid #9b9c9e;
	margin:0px;
	color:#9b9c9e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:0.09em;
	font-weight:normal;
	padding:0;
	background-image: url(../img/bg/footer.jpg);
	background-repeat: repeat-x;
}

#wrapper #site_info a { color:#58595b;}
#wrapper #site_info .about {margin-left:0; margin-right:11px; }

#wrapper #content #content-main .order {
	display:block;
	background-image:url(../../example_html_css/img/orderline_button.jpg);
	background-repeat: no-repeat;
	width:265px;	
	height:72px;
	text-indent:-9999px;
	margin-left:20px;
}

#wrapper #content #content-main .info {
	display:block;
	background-image:url(../../example_html_css/img/more_info_button.jpg);
	background-repeat: no-repeat;
	width:265px;	
	height:72px;
	text-indent:-9999px;
	margin-left:0px;
}

#wrapper #main #content-rhs #map_canvas {
	height: 350px;
	width:620px;
	margin-bottom: 20px;

}

#wrapper #content #content-main .order, #wrapper #content #content-main .info {
}

/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}

p a {color: #1E8BD5;
	font-weight: normal;}
	
p a:hover { text-decoration: underline;}


a.blue {
	color: #72BAEB;
	text-decoration: none;
	font-weight: normal;
}

a.blue:hover {
	color: #1E8BD5;
	text-decoration: underline;
	font-weight: normal;
}

a.ftr{
	font-family: Arial, Helvetica, sans-serif;
	color: #666A6C;
	font-size: 9px;
	line-height:1em;
}
a.ftr:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9px;
	line-height:1em;
	text-decoration: underline;
}
a.ftr_email{
	font-family: Arial, Helvetica, sans-serif;
	color: #72BAEB;
	font-size: 9px;
	line-height:1em;
}
a.ftr_email:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #1E8BD5;
	font-size: 9px;
	line-height:1em;
	text-decoration: underline;
}
#wrapper #branding .skip { display:none;}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {

}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height:1em;
	margin-bottom:0.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}


h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h2 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
}

#wrapper #content #content-main h2 {margin-top:0; font-size:36px; font-weight:normal;}
#branding h2 {float:left; margin-top:0.5em;}
#wrapper #branding #nav-main h2 { display:none; }

#content-lhs h1 {
	font-size: 1.286em;
	letter-spacing: 0.3em;
	padding-bottom: 0.5em;
	color: #1b81c5;
}

#content-rhs h1 {
	font-size: 1em;
	letter-spacing: 0.3em;
	color: #1b81c5;
}

#colD h1 {

	color: #1b81c5;
}
h1 a {
	font-weight:normal;
	
}

#wrapper #branding h1 a {
	background-image: url(../img/gen/gtw_logo.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:101px;
	text-indent:-9999px;
	width:459px;
		
}

#wrapper #branding h1 {
	background-image: url(../img/gen/gtw_logo.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:101px;
	text-indent:-9999px;
	width:459px;
	
}

#footer h2 {
	color: #666666;
}

/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	margin-bottom:0;
	padding-top: 0.7em;
	padding-right: 1em;
	padding-bottom: 0.7em;
	padding-left: 20px;
	height: 100px;
}

#wrapper #branding {
	width:990px;
	background-repeat: repeat-x;
	height: 108px;
	background-image: url(../img/bg/header.jpg);
	padding-left: 10px;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}




/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
	color: #666a6c;
}


p.home {
	margin-bottom:1em;
	color: #666a6c;
	font-size: 0.9em;
}
p.ftr{
	font-family: Arial, Helvetica, sans-serif;
	color: #666A6C;
	font-size: 9px;
	line-height:1em;
}

p.onlinetools{
	font-family: Arial, Helvetica, sans-serif;
	color: #666A6C;
	font-size: 9px;
	line-height:0.7em;
}
blockquote {
	font-size:1.2em;
	padding-left:1em;
	text-align: center;
}
blockquote cite {
	font-size:0.9em;
	font-style: normal;
	color: #72BAEB;
	text-align: right;
}

p.cite{
	text-align: right;
}
span.last_word   {
	display: inline;
	float: none;
	font-size:inherit;
	margin-top:0em;
	font-style:normal;
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

ul, ol {
	padding-top:0;
}

/* images
----------------------------------------------- */
.img_border{
	background-color: #FFFFFF;
	padding: 5px;
	height: auto;
	width: auto;
	margin: 0px;

}
#wrapper #main #content-lhs img{
	border: 1px solid #666666;
	margin: 0px;
	padding: 7px;
	background-color: #FFFFFF;



}



/* menus
----------------------------------------------- */

ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}

/* footer
----------------------------------------------- */
html, body, #wrapper {
	height: 100%;
}

body > #wrapper {
	height: auto;
	min-height: 100%;
	width: 985px;

}

#main {
	padding-bottom: 250px;
	background-image: url(../img/bg/content_bg.jpg);
	background-repeat: repeat-y;
	width: 985px;
	margin: 0px;
	padding-left: 0px;
}  /* must be same height as the footer */

.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;}


#ftr_contact{
	width: 140px;
	background-color: #E0EBF1;
	height: 173px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 20px;
}



#ftr_opening{
	width: 124px;
	background-color: #E0EBF1;
	height: 123px;
	margin-top: 20px;
	margin-right: 2px;
	margin-bottom: 0px;
	background-image: url(../img/gen/footer_dots.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -13px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 20px;

}

#ftr_online_tools{
	width: 287px;
	background-color: #D3DDE7;
	height: 123px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0px;
	background-image: url(../img/gen/footer_dots.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-left: 6px;

}

#ftr_testimonials{
	width: 275px;
	background-color: #E0EBF1;
	height: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 1px;
	background-image: url(../img/gen/footer_dots.jpg);
	padding-left: 20px;
}

#ftr_bottom{
height: 70px;
	padding-top: 0px;
	background-color: #CED9DF;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
}

.built_by_grp  a  {
	text-indent:-9999px;
	background-image: url(../img/nav/built_by_grp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration:none;
	width:162px;
	height:45px;
	display:block;
	
	margin-bottom: 5px;
	float: right;
	margin-top: -10px;
	margin-right: 20px;
}

.oval  a  {
	text-indent:-9999px;
	background-image: url(../img/nav/Oval_FS_Logo.jpg);
	text-decoration: none;
	height: 52px;
	width: 110px;
	float: left;
}

.t_logo{
	text-decoration: none;
	height: 52px;
	width: 110px;
	float: left;
	margin-bottom: 20px;


}
/* table
----------------------------------------------- */


.mytable {
	width: 610px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;

}

caption {
	padding: 0 0 5px 0;
	width: 610px;
	text-align: right;
	font-style: italic;
}

th {
	color: #336799;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #D7EEFC;
	background-image: url(../img/bg/table_bg_header.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #C1DAD7;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #999999;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background-color: #fff;
	background-image: url(../img/bg/table_bullet1.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	color: #797268;
	background-color: #f5fafa;
	background-image: url(../img/bg/table_bullet2.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: normal;
}

th.clear {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	color: #797268;
	background-color: #fff;
	font-size: 12px;
	font-weight: normal;
}


/* contact form
----------------------------------------------- */

/* General */

.cleanform {
	width:360px;
	color:#666666;
	text-align:left;
	margin-bottom: 1em;
	margin-top:1.5em;
	border: 1px solid #F0F0F0;
}

/* Elements */



.cleanform  label,.cleanform legend{
	padding:0;
	
}

.cleanform  hidden input{
	padding:0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.cleanform fieldset{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

.cleanform label {
    font-weight:bold;
	display:block;
}

.cleanform span { font-size:0.833em; clear:right; display:block;}

.cleanform fieldset input {
	width:50%;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	padding-left: 0.15em;
	line-height: 1.5em;
}

.cleanform .radio input,
.cleanform .checkbox input {
	width:auto;
	border:none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
 }

.cleanform input, .cleanform textarea, .cleanform select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    
 }

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

.cleanform .radio input, .cleanform .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

.cleanform button {
	margin:0.3em 0;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

.cleanform button:hover {
	background-color:#E0E9EB;
	border:1px solid #CCCCCC;
	color:#333333
}

.cleanform button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

.cleanform .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:0.1em solid #ddd
}

.cleanform .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

.cleanform .formInfo p{
	text-align:justify
}

.cleanform .required {
	color:#ff3838;
	font-weight:bold;
	font-size:0.8em
}