@charset "utf-8";

* { margin: 0; padding: 0; }

body {
	background-attachment: fixed;
	background-image: url(../images/BG-001.jpg);
	background-size: cover;
}

a:link {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: rgba(255,255,255,1);
}
a:hover {
	text-decoration: underline;
	color: rgba(255,255,255,1);
}
a:active {
	text-decoration: none;
	color: rgba(255,255,255,1);
}






body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}


#masterContainer {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	margin-bottom: 24px;
	box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
	border: 2px solid rgba(255,255,255,1);
	height: 755px;
}

#header {
	width: 100%;
	height: 128px;
	background-image: url(../images/header.jpg);
}

#midLeft {
	float: left;
	height: 600px;
	width: 420px;
	background-color: rgba(255,255,255,.8);
}
#midCentre {
	float: left;
	height: 600px;
	width: 180px;
	background-image: url(../images/pic_parkIt.jpg);
}
#midRight {
	float: left;
	height: 580px;
	width: 380px;
	background-color: rgba(0,153,255,0.8);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer {
	height: 22px;
	width: 100%;
	float: left;
	background-color: rgba(0,0,0,1);
	font-size: 14px;
	text-align: center;
	color: rgba(45,167,249,1);
	padding-top: 5px;
}
.divider {
	background-color: rgba(153,153,153,1);
	height: 1px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,1);
	margin-top: 8px;
	float: left;
	overflow: auto;
	margin-bottom: 4px;
}


.headLogo {
	background-image: url(../images/SummitStorageLogo.png);
	float: left;
	height: 100px;
	width: 205px;
	margin-top: 6px;
	margin-left: 124px;
}
.headText {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
	float: right;
	color: rgba(157,223,255,1);
	margin-top: 4px;
	margin-right: 8px;
}

.bodyText {
	font-size: 15px;
	color: rgba(62,53,48,1);
	width: 96%;
	margin-left: 10px;
	font-weight: normal;
	margin-top: 6px;
	float: left;
	margin-bottom: 8px;
}
.bodyText2 {
	font-size: 15px;
	color: rgba(62,53,48,1);
	width: 48%;
	font-weight: normal;
	overflow: auto;
}
.icon {
	float: left;
	height: 56px;
	width: 56px;
}
.itemLine {
	padding-bottom: 6px;
	position: relative;
	float: left;
	width: 200px;
}
.itemLine2 {
	float: left;
	width: 100%;
	clear: left;
	height: 84px;
}
.phone {
	font-size: 30px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	text-shadow: 2px 2px 1px rgba(23,94,156,1);
	width: 190px;
	position: absolute;
	float: left;
	height: 42px;
	margin-top: -46px;
	margin-left: 60px;
}
.mapHolder {
	height: 276px;
	width: 100%;
	float: left;
	margin-top: 10px;
}
.mapTab {
	background-color: rgba(255,213,133,1);
	float: right;
	height: 22px;
	width: 200px;
	text-align: center;
	padding-top: 2px;
	font-size: 18px;
	font-weight: normal;
	color: rgba(13,50,95,1);
	border-radius: 12px 12px 0px 0px;
	cursor: pointer;
}
.mapTab:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(255,0,0,1);
}
.mapIframe {
	height: 250px;
	width: 372px;
	border: 2px solid rgba(0,153,255,1);
	float: right;
}



.email {
	font-size: 25px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	float: left;
	margin-left: 58px;
	text-shadow: 2px 2px 1px rgba(23,94,156,1);
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	margin-top: -44px;
}
.address {
	font-size: 18px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	width: 210px;
	text-shadow: 2px 2px 1px rgba(23,94,156,1);
	float: left;
	margin-top: -52px;
	margin-left: 150px;
	height: 70px;
}

.addressTitle {
	font-size: 16px;
	font-weight: bold;
	color: rgba(51,255,255,1);
	float: left;
	margin-left: 58px;
	margin-top: -50px;
	width: 90px;
	position: absolute;
}

.littleLock {
	background-image: url(../images/lock.png);
	float: right;
	height: 56px;
	width: 35px;
	overflow: auto;
	margin-right: 5px;
	margin-top: -45px;
}
.picHolder {
	float: left;
	height: 117px;
	width: 188px;
	margin-left: 8px;
	margin-right: 10px;

}
.picHolder2 {
	height: 152px;
	width: 397px;
	clear: left;
	float: left;
	margin-left: 10px;
}
.roundTitle {
	width: 120px;
	border: 1px solid rgba(255,213,133,1);
	height: 22px;
	margin-left: 11px;
	border-radius: 12px;
	margin-top: -14px;
	background-color: rgba(255,213,133,1);
	float: left;
	overflow: auto;
	font-size: 18px;
	font-weight: bold;
	color: rgba(13,50,95,1);
	text-align: center;
}
.roundBox {
	width: 80%;
	margin-top: 20px;
	border: 3px solid rgba(255,213,133,1);
	height: 258px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 12px;
}
.roundText {
	font-size: 18px;
	font-weight: bold;
	color: rgba(199,211,255,1);
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 10px;
}

.shortLong {
	float: right;
	background-color: rgba(255,213,133,1);
	height: 62px;
	width: 120px;
	border-radius: 12px;
	overflow: auto;
	font-size: 16px;
	font-weight: bold;
	color: rgba(13,50,95,1);
	text-align: center;
	padding-top: 5px;
}

.shortLongText {
	font-size: 16px;
	font-weight: bold;
	color: rgba(13,50,95,1);
	top: -22px;
	left: 23px;
	text-align: center;
	margin-top: 6px;
}
.textTitle {
	font-size: 24px;
	color: rgba(62,53,48,1);
	width: 96%;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}