html, body {
	background: #fff url(../images/bg.jpg) repeat scroll;
	font: 11px Arial, sans-serif;
	color: #636363;
	line-height: 18px;
}

a:link {color: #2e3f67; text-decoration: underline;}
a:visited {color: #2e3f67; text-decoration: underline;}
a:active {color: #2e3f67; text-decoration: underline;}

.wrapper {
	min-width: 879px;
	width: 879px;
	margin: 0 auto;
}

p {
	margin-bottom: 1em;
}

h1 {
	font: bold 12px Arial, sans-serif;
	color: #2e3f67;
	margin-bottom: 1em;
}

h2 {
	font: bold 11px Arial, sans-serif;
	color: #2e3f67;
	margin-bottom: 1em;
}

h3 {
	font: italic bold 11px Arial, sans-serif;
	color: #2e3f67;
	margin-bottom: 1em;
	width: 175px;
	padding-bottom: 13px;
	border-bottom: 1px dotted #979796;
}

h4 {
	margin-bottom: 1em;
}

.clear {
	clear: both;
}

.hr {
	border-bottom: 1px dotted #979796;
	margin: 2em 0 2em 0;
}

.hidden {
	display: none;
	margin-left: -1000px;
}

/* --------------------------------------
  Header
  --------------------------------------- */
#header {
	background: #ececec url(../images/bg_top.jpg) repeat-x scroll;
	height: 127px;
}

.logo {
	margin-top: 21px;
	float: left;
}

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

#nav {
	float: left;
	font: bold 12px Arial, sans-serif;
	margin-top: 96px; margin-left: 40px;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav li a {
	background: #2e3f67 url(../images/nav_hover_bg.jpg) repeat-x scroll;
	color: #fff;
	padding: 9px 32px 8px 32px;
	text-decoration: none;
	border-right: 1px solid #4d618f;
	display: block;
}

#nav li a:hover, body#body_home #nav li.home_nav a, body#body_about_us #nav li.about_us_nav a, body#body_services #nav li.self_storage_nav a, body#body_portfolio #nav li.portfolio_nav a, body#body_contact_us #nav li.contact_us_nav a { 
	background: #fff url(../images/bg.jpg) repeat scroll;
	padding: 9px 32px 8px 32px;
	color: #2e3f67;
	border-right: 1px solid #d9d9d9;
	display: block;
}

#nav li.no_border a:hover {
	border: none;
}

/* --------------------------------------
  Main
  --------------------------------------- */

#main {
	margin-top: 30px;
}

#banner {
	background: #fff url(../images/banner_bg.png) no-repeat scroll top left;
	padding: 10px;
	margin-bottom: 2em;
}

/* --------------------------------------
  Left Column
  --------------------------------------- */

#left_column {
	width: 278px;
	padding-right: 15px;
	float: left;
}

#welcome {
	border-bottom: 1px dotted #979796;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

#news li {
	margin-bottom: 1em;
}

body.body_self_storage li.self_storage_services a, body.body_commercial li.commercial_services a, body.body_apartment li.apartment_services a {
	background: url(../images/nav_arrow.png) no-repeat scroll 0 50%;
	padding-left: 8px;
	text-decoration: underline;
	border-bottom: none;
	padding-bottom: 0;
}

ul#services_nav li a {
	padding-left: 8px;
}

ul#services_nav a:hover {
	text-decoration: underline;
	border-bottom: none;
	padding-bottom: 0;
}
/* --------------------------------------
  Center
  --------------------------------------- */
#center {
	float: left;
	border-left: 1px dotted #979796;
	padding-left: 25px;
}

body#body_contact_us #center {
	border: none;
	width: 450px;
	padding-left: 95px;
}

body#body_home #center_left_column, body#body_about_us #center_left_column {
	font-size: 10px; font-weight: bold;
	width: 240px;
	float: left;
}

#center_left_column {
	width: 367px;
	float: left;
}

#center_left_column p, #center_left_column ul#details {
	width: 337px;
}

#self_storage li, #commercial li, #apartment li, #firealarm li {
	margin-bottom: 10px;
}

#commercial, #firealarm {
	margin-top: 30px;
}

body#body_home #center_right_column, body#body_about_us #center_right_column {
	font-size: 10px; font-weight: bold;
	width: 240px;
	float: left;
	margin-left: 60px;
}

#center_right_column {
	float: left;
	margin-left: 30px;
}

li.img_bg {
	margin-bottom: 10px;
	background: url(../images/services_img_bg.png) no-repeat scroll top left;
	width: 138px; height: 109px;
}

li.img_bg img {
	padding: 8px 8px;
}

ul#details {
	margin: 1em 0 1em 0;
}

ul#service_images li {
	margin-bottom: 10px;
}

ul#company_logos {
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
}

ul#company_logos li {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

.map {
	margin: 30px 0 0 -10px;
}

#self_storage_gal, #commercial_gal {
	margin-bottom: 2em;
	width: 535px;
}

li.blank_tn {
	background-color: #d3d3d3;
	width: 67px; height: 49px;
}
/* --------------------------------------
  Form
  --------------------------------------- */

fieldset label {
	float: left;
	margin: .2em 3px 0 0;
	font-weight: bold;
	text-align: right;
}

fieldset .nobr {
	display:none;
} 

fieldset .textfield {
	width:195px; height:16px;
	border: solid 1px #cbcbcb;
	background: transparent url("../images/textfield.jpg") no-repeat;
	color: #8a8a8a;
	font: 11px Arial, sans-serif;
	padding: 2px;
	margin-bottom: 15px;
}

fieldset>input.textfield {
	background: transparent url("../images/textfield.jpg") no-repeat;
}

fieldset textarea {
	width:448px; height:164px;
	border: solid 1px #cdcdcd;
	background: transparent url("../images/comment.jpg") no-repeat scroll;
	color: #8a8a8a;
	font: 11px Arial, sans-serif;
	padding: 2px;
	overflow: auto;
}

fieldset>input textarea {
	background: transparent url("../images/comment.jpg") no-repeat scroll;
}

fieldset .textfield:hover, fieldset .textfield:focus, fieldset textarea:hover, fieldset textarea:focus {
	border: solid 1px #ababab;
}

fieldset .submit {
	float: right;
}

fieldset .submit:hover {
	cursor: pointer;
}

/* ----------dialog-------------- */
#dialog {
	cursor: pointer;
	width: 250px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -110px;
	margin-top: -75px;
	background: #fff;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	border: 6px solid #636363;
}

#dialog p {
	padding: 10px 0 0 20px;
	font: 11px Arial, sans-serif;
	line-height: 1.5em;
}

#dialog img {
	float: right;
}

/* --------------------------------------
  Footer
  --------------------------------------- */
#footer {
	margin-top: 30px;
	padding-bottom: 40px;
}

#contact_info {
	background: url(../images/footer_bg.png) no-repeat scroll top left;
	height: 90px;
	padding: 40px;
}

#contact_info ul {
	float: left;
	margin-right: 33px;
}

li.email {
	font: bold 11px Arial, sans-serif;
	margin-bottom: 1em;
	padding-bottom: 13px;
}

li.email a {
	color: #636363;
}

#footer_nav {
	margin-top: 15px;
}

#footer_nav a{
	font-weight: bold;
	text-decoration: none;
}

#footer_nav a:hover, body#body_home li.footer_nav_home a, body#body_about_us li.footer_nav_about_us a, body#body_services li.footer_nav_self_storage a, body#body_portfolio li.footer_nav_portfolio a, body#body_contact_us li.footer_nav_contact_us a {
	text-decoration: underline;
}

#footer_nav li {
	background: url(../images/footer_nav_divider.gif) no-repeat scroll right center;
	float: left;
	padding: 0 9px 0 7px;
}

#footer_nav li.last_footer_nav {
	background: none;
	padding-right: 0;
}
