/** GLOBAL RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body { text-align: center; }


/** GLOBAL STYLES **/

body { font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; line-height: 1.7em; color: #646464; background-color: #e2e2e2; }

h1 { margin: 0; padding: 0 0 20px 0; color: #1272b8; font-size: 24px; font-weight: normal; text-align: left; letter-spacing: 1px; font-family: helvetica, arial, verdana, sans-serif; }
h2 { margin: 0; padding: 5px 0 10px 0; color: #1272b8; font-size: 14px; font-weight: normal; font-weight: bold; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }
h3 { margin: 0; padding: 0 0 20px 0; color: #000; font-size: 13px; font-weight: normal; font-weight: bold; text-align: left; font-family: helvetica, arial, verdana, sans-serif; }

p { margin: 0 0 20px 0; text-align: justify; font-weight: normal; }

a { color: #5285b0; text-decoration: none; }
a:hover { color: #cd8e15; text-decoration: underline; }

sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }

.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }


/** HEADER **/

#headerLayout { width: 100%; margin: 0 auto; background: #fff url(../images/headerBKG.gif) repeat-x top left; }
#header { width: 962px; margin: 0 auto; text-align: left; }
#header .logo { float: left; margin: 32px 0 30px 58px; }
#header .phone { float: right; margin: 80px 56px 0 0; }


/** HERO **/

#hero { width: 962px; height: 289px; margin: 0 auto; background: transparent url(../images/heroBKG.jpg) no-repeat top left; }

#tagline { float: left; margin: 33px 0 0 55px; }

#slideshow { float: right; padding: 33px 60px 0 0; }


/** CONTENT **/

#contentOutside { width: 100%; background-color: #fff; padding-bottom: 50px; }
#contentLayout { width: 962px; margin: 0 auto; background: #fff url(../images/contentBKG.gif) repeat-y top center; }
#content { width: 956px; margin: 0 auto; padding-bottom: 30px; text-align: left; min-height: 400px; background: #fff url(../images/contentBKG2.gif) repeat-x top left; }

#colleft { float: left; width: 425px; padding-left: 55px; text-align: left; }
#colright { float: right; width: 400px; padding-right: 54px; text-align: right; }

#divide { margin: 35px 0 35px 55px; }

#map { float: right; width: 380px; height: 310px; padding: 3px; border: 1px solid #d1d1d1; }

#triangle { margin-left: 55px; padding-bottom: 20px; }

#triangleGallery { margin-left: 202px; padding-bottom: 30px; }
#triangleAbout { margin-left: 359px; padding-bottom: 30px; }
#triangleStorage { margin-left: 533px; padding-bottom: 30px; }
#triangleParking { margin-left: 709px; padding-bottom: 30px; }
#triangleContact { margin-left: 841px; padding-bottom: 30px; }


/** BOXES **/

.box { float: left; width: 160px; height: 158px; padding: 18px 33px 0 37px; text-align: left; background: transparent url(../images/boxDivide.gif) no-repeat top right; }
.box img { margin-bottom: 8px; }
.box p { margin: 5px 0 0 0; font-size: 12px; color: #888787; text-align: left; line-height: 1.5em; }
.box a { text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #719dc2; }
.box a:hover { border-bottom: 1px solid #cd8e15; text-decoration: none; }

#boxfirst { padding: 22px 33px 0 55px; }
#boxlast { background: none; }


/** FOOTER **/

#footer { padding-bottom: 30px; width: 100%; font-size: 11px; color: #909090; background-color: #e2e2e2; }
#footer ul { margin: 0; padding: 30px 0 20px 0; text-align: center; text-decoration: none; }
#footer li { margin: 0; padding: 0 10px; display: inline; }
#footer a { padding-bottom: 2px; font-size: 12px; color: #565656; text-decoration: none; }
#footer a:hover { color: #cd8e15; border-bottom: 1px solid #cd8e15; text-decoration: none; }
#footer .link { font-size: 11px; color: #909090; text-decoration: none; }
#footer .link:hover { color: #cd8e15; border-bottom: 1px solid #cd8e15; text-decoration: none; }


/** MISC **/

.smalllink { font-size: 11px; padding-right: 10px; }

.table1 { width: 100%; font-size: 12px; border: 1px solid #dce0e2; text-align: center; margin: 0; border-collapse: collapse; }
.table1 th { background: url(../images/bg-th.gif) repeat-x 1px 1px #fff; padding: 5px 10px; color: #cd8e15; border: 1px solid #dce0e2; font-weight:bold; }
.table1 td { background: url(../images/bg-td.gif) repeat-x 1px 1px #f3f9fd; padding: 8px 10px; line-height: normal; color: #444; border: 1px solid #dce0e2; }

.image { padding: 3px; border: 1px solid #d1d1d1; }

#gallery img { float: left; margin: 5px 25px 20px 0; padding: 3px; border: 1px solid #d1d1d1; }


/** NAV **/

#nav { width: 960px; height: 46px; margin: 0 0 0 1px; text-align: center; }
#nav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }

#nav a { display: block; height: 46px; text-indent: -9999px; }

#nav li { margin: 0; padding: 0; list-style: none; float: left; }

#nav li.home a { background: url(../images/navHome.gif) no-repeat; width: 97px; }
#nav li.home a:hover { background: url(../images/navHome.gif) no-repeat 0 -46px; }

#nav li.gallery a { background: url(../images/navGallery.gif) no-repeat; width: 176px; }
#nav li.gallery a:hover { background: url(../images/navGallery.gif) no-repeat 0 -46px; }

#nav li.about a { background: url(../images/navAbout.gif) no-repeat; width: 130px; }
#nav li.about a:hover { background: url(../images/navAbout.gif) no-repeat 0 -46px; }

#nav li.storage a { background: url(../images/navStorage.gif) no-repeat; width: 228px; }
#nav li.storage a:hover { background: url(../images/navStorage.gif) no-repeat 0 -46px; }

#nav li.parking a { background: url(../images/navParking.gif) no-repeat; width: 116px; }
#nav li.parking a:hover { background: url(../images/navParking.gif) no-repeat 0 -46px; }

#nav li.contact a { background: url(../images/navContact.gif) no-repeat; width: 152px; }
#nav li.contact a:hover { background: url(../images/navContact.gif) no-repeat 0 -46px; }