@charset "utf-8";
/* CSS Document */

*{  
	margin:0; 
	padding:0; 
	} 

body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

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

img {
	border: none;
	}


#container {
	width: 960px;
	height: 680px;
	margin: auto;
	background-color:#000;
	}

#intro {
	position: absolute;
	background-image: url(../introPage.gif);
	z-index: 100;
	/*cursor: pointer;*/
	}

#header {
	width: 960px;
	height: 90px;
	padding-top: 40px;
	display:none;
	cursor: pointer;
	}

#header a {
	font-size:30px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing: .1em;
	color: #9c3;
	}

#header a:hover {
	color:#f60;
	}

#center {
	width: 960px;
	height:365px;
	}

#viewport{
	display: none;
	width: 960px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden;  /*Hides extra elements, those outside the viewport area */
	/*Fix for IE*/
	position:absolute;
	z-index: 5;
	top: 120px;
}
#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}
#viewport li {
	width: 473px; /* Defines the size of inner element */
	height: 343px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	background-color: #000; /*change from #000 to any color to see 1px border*/
	margin: 0 7px 0 0px;
	padding: 1px;
	text-align:center;
}

/* Cosmetic */
/*#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}
*/
#navIcons {
	display: none;
	width: 480px;
	}

#navIcons ul li {
	line-height:15px;
	display:block;
	list-style:none;
	display: inline;
	}

#navIcons ul li a {
	color:#9c3;
	margin-right: 25px;
	}

#navIcons ul li a:visited {
	color:#9c3;
	}

#navIcons ul li a:hover{
	color:#f60;
	}

#centerContent {
	z-index: 2;
	}
	
#centerContentLeft {
	float: left;
	position:relative;
	margin: 0px auto;
	height: 343px;
	width: 480px;
	}

#centerContentLeft img {
	display:none;
	}
	
#centerContentLeft ul li {
	position:relative;
	width: 480px;
	height: 343px;
	display: inline;
	}
	
#centerContentRight {
	font:Arial, Helvetica, sans-serif;
	padding-top: 20px;
	float: right;
	color: #fff;
	text-align:left;
	/*position:relative;*/
	margin: 0px auto;
	height: 343px;
	width: 325px;
	}

#centerContentRight p{
	line-height:1.75em;
	color: #fff;
	font-size: 1.0em;
	padding: 5px 0;
}

#centerContentRight h1 {
	font:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.25em;
	padding-bottom: 5px;
	color: #9c3;
	}
	
#centerContentRight .smallFont {
	font-size: .70em;
}

#centerContentRight img {
	display:none;
	}


#textSlide p {
	width: 210px;
	float:right;
	padding-top: 5px;
	color:white; 
	text-align:right; 
	font-size:1.25em; 
	}
	
#textSlide img{
	float:left;
	}

#textSlide a {
	color: #9c3;
	}

#textSlide a:hover {
	color: #f60;
	}

#navAnimate {
	float:left;
	padding: 50px 0 0 0;
	margin: 0px;
	height: 120px;
	width: 840px;
	display:none;
	}

#commercial ul {
	line-height: 1.4em;
	width: 480px;
	background-color: #9c3;
	}

#commercial ul li {
	display:block;
	display:inline;
	list-style: none;
	}

#commercial ul li a {
	margin-left: 1px;
	}

#residential ul{
	line-height: 1.4em;
	width: 480px;
	margin: 23px 0 23px 0;
	background-color: #9c3;
	}

#residential ul li {
	display:block;
	display:inline;
	list-style:none;
	}
	
#residential ul li a {
	margin-left: 1px;
	}
	
#tenant ul{
	line-height: 1.4em;
	width: 480px;
	background-color: #9c3;
	}

#tenant ul li {
	display:block;
	display:inline;
	list-style:none;
	}

#tenant ul li a {
	margin-left: 1px;
	}
	
#navRT {
	float: right;
	padding: 50px 0 0 0 ;
	width: 120px;
	height: 120px;
	display:none;
	}	

#navRT ul li {
	display:block;
	margin: 0 0 6px 0;
	color: #9c3;
	letter-spacing:.1em;
	text-align:right;
	list-style:none;
	text-decoration:none;
	}

#navRT li a {
	color: #9c3;
	}
	
#navRT li a:hover {
	color: #f60;
	}

.slideshow {
	height: 343px; 
	width: 620px; 
	}
	
.slideshow img {
	margin: 0px auto;
	height: 341px; 
	width: 473px; 
	}	
	
.project {
	margin-left: 10px;
	font-weight:bold;
	color: #000;
}

/*prevents dotted line box around last event focus*/	
:active, :focus { outline-style: none; -moz-outline-style:none; outline-color: #000; }

.bold {
	font-weight: bold;
	}
	
.licenseNumber {
	font-size: .75em;
	letter-spacing: .4em;
}

.first {
	margin-left: 400px;
	}