/*---------------------------------------------------------
adapted selfstorageinvesting styles for Alcatraz Storage
author: Visual Blaze
Description: 
Using concept shell for Alcat Stor
-----------------------------------------------------------*/



/*This site uses auto margin method to center page - avoids minimized page loss problem*/
body {
	margin: 0;
	padding: 0;
	/*margin-top: 25px;*/
	font-family: arial;
	/*font-size: 12px;original size font*/
	font-size: 14px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 900px;
	background: url(../images/bgTile.png) repeat;
}

#wrapper {
	position: relative;
	width: 900px;
	/*req. centering..*/
	margin: 0 auto;
	/*req. centering..*/
	text-align: left;
	background: url(../images/contentTile.png) repeat-y;
}

#navBar {
	position: relative;
	width: 900px;
	height: 183px;
	background: url(../images/headerBg.png) no-repeat top left;
}

/*navBar Alternative content html/css - only present when flash 8 not*/

#navBar ul {
	position: absolute;
	left: 80px;
	bottom: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 839px;
}

#navBar ul li {
	display: inline;
	margin-right: 25px;
	float: left;
}

#navBar ul a {
	display: block;
	padding: 5px;
	line-height: 2.1em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
#navBar ul a:hover {
	color: #fff;
}
#navBar ul a.active {
	color: #DA1B1B;
}

/*-------------------------
column layout
corresponds to body id tag
------------------------*/

/*one column layout - no body id*/

#col1 {
	display: inline;
	width: 815px;
	min-height: 260px;
	margin-left: 40px;
	/*background: #ff0000;*/
	float: left;
}



/*two column layout*/

#twoColLayout #col1 {
	display: inline;
	width: 400px;
	min-height: 260px;
	margin-left: 40px;
	/*background: #ff0000;*/
	float: left;
}

#twoColLayout #col2 {
	display: inline;
	width: 400px;
	min-height: 260px;
	margin-left: 10px;
	/*background: #ccc;*/
	float: left;
}

#col1 h2 {
	font-size: 16px;
}
#col1 h3 {
	font-size: 14px;
}

#col1 h2, #col1 h3, #col1 p {
	margin-left: 45px;
}
#col1 ul {
	list-style: none;
	}
	#col1 ul li {
		min-height: 37px;
		padding-top: 10px;
		padding-left: 40px;
		background: url(../images/ulBullet.png) no-repeat top left;
		}
		#col1 ul li a {
			color: #DA1B1B;
}

#col1 a {
	color: #DA1B1B;
}
#col1 a:hover {
	text-decoration: none;
}

/*index specific*/


#footer {/*inc vb update 081809*/
	width: 900px;
	height: 58px;
	background: url(../images/footer2.png) no-repeat top left;
	clear: both;
	}
	#footer a {
		display: inline;
		margin-top: 45px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #000;
		float: right;
	}
	#footer a:hover {
		text-decoration: underline;
		}
		#footer a span {
			color: #CB0514;
	}
	#footer a#footerLinkIn {
		margin-right: 80px;
	}
	#footer a#footerLinkUp {
		margin-right: 140px;
}



/*--------------
copyright text
-------------*/
.copyText {
	color: #ffffff;
	font-size: 10px;
}
/*---------------------
bottom visual Blaze tag
---------------------*/

#vbTag {
	line-height: 22px;
	padding-right: 38px;
	margin-top: 50px;
}

body > #vbTag {
/*background: url(../images/vbTag.png) no-repeat bottom right;*/
}

#vbTag a {
	color: #999;
	font-size: 10px;
	/*color: #ffffff;*/
	text-decoration: none;
}
#vbTag a:hover {
	text-decoration: underline;
}

/*--------------
general styles
---------------*/


h1 {
	line-height: 57px;
	font-size: 15px;
	padding-left: 75px;
	/*color: #DA1B1B;*/
	color: #fff;
	background: url(../images/h1Bullet.png) no-repeat top left;
}

/*no bg, plain red header*/
.h1Red {
	font-size: 15px;
	line-height: 15px;
	color: #DA1B1B;
	background: none;
	padding: 0px;
}

.redTextCentered {
	color: #DA1B1B;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
}


.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.textCenter {
	text-align: center;
}

/*!!added 02/04/08 - GENERAL FONT STYLING */

.boldWhite {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.boldBlack {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.boldRed {
	font-size: 16px;
	font-weight: bold;
	color: #DA1B1B;
}

.redLargeText {
	font-size: 17px !important;
	color: #C90630;
	font-weight: bold;
}
/*element floats*/

.leftFloat {
	display: inline;
/*	margin-left: 45px;*/
	/*margin-right: 15px;*/
	float: left;
}

.leftFloatClear {
	display: inline;
/*	margin-left: 45px;*/
	/*margin-right: 15px;*/
	float: left;
	clear: both;
}

.rightFloat {
	display: inline;
	margin-right: 5px;
	padding-bottom: 5px;
	float: right;
}

/*right float with clear*/
.rightFloatClear {
	display: inline;
	margin-right: 5px;
	padding-bottom: 5px;
	float: right;
	clear:both;
}

.clear {
	clear: both;
}


/*quotes*/

.quote {
	/*display: inline;*/
	margin-top: 40px;
	/*float: left;*/
}

.quoteAuthor {
	margin-left: 45px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:45px;
	color: #999;
}

/*crappy looking box around quotes*/
.quote  {
	/*border: #666 1px solid;*/
	/*background: #FFFF00;*/
	background: #FFFFCC;
	/*background: #999;*/
}

.listNoBull {
	list-style-type: none;
}



/*-----------------------------------
page specific
-styling intended for particular page
-----------------------------------*/


/*
.h1FloatLeft {
	display: inline;
	float: left;
	clear: both;
}
*/

.textBoxLeft {
	display:inline;
	width: 465px;
	height: 300px;
	float: left;
	/*background: #ff0000;*/
}


.textBoxRight {
	display:inline;
	width: 465px;
	height: 300px;
	float: right;
	/*background: #ff0000;*/
}

.textBoxRight h1 {
	width: 465px;
	text-align: left;
}


/*------------------------------------
videoContainer styling
- specific to caseStudy page [hasVid]
------------------------------------*/

.videoLeft {
	display: inline;
	float: left;
}

.videoRight {
	display: inline;
	float: right;
}

/*--------------
homeSWF styling
--------------*/

#homeSwf {
	margin-left: 30px;
	margin-top: -40px;
}