/**********************************************************************
		Table of Contens:
		-----------------
		1. global properties
		2. global classes


		Color Hex Values:
		-----------------
		1. Black - 1d1d1d
		2. Blue - 0681c4
		2. Brown - 774400
		4. Green/Yellow - 918d13


**********************************************************************/



/*********************** global properties *************************/

body,html{height:100%;width:100%}

body{
	color:#1d1d1d;
	height:100%;
	font-family:Arial,Verdana, Sans-Serif;
	font-size:62.5%;
	padding-top:100px;
	width:100%;
}

a{color:#0681c4;text-decoration:none;}
a:hover,a:active{background:#0681c4;color:#fff;}

strong{display:block}

p{
	display:block;margin-bottom:20px
}

hr{
	background:#1d1d1d;
	border:0;
	color:#1d1d1d;
	height:1px;
	margin:0 0 20px 0;
}

#content{ font-size: 14px; margin: 20px 0; line-height: 18px;}
/*********************** global classes *************************/

.blue{color:#0681c4;}
.block{display:block;}
.text{
	border:1px solid #333;
	color:#2f2f2f;
	display:block;
	font-size:1.1em;
	margin-bottom:20px;
	padding:10px 5px 0 5px;
	width:340px;
}
.invalid{
	background:#f00;
	color:#fff;
}

/*********************** individual id's *************************/

#container{position:relative;}

#call_today_fixed{
	background:#f1f1f1;
	font-size:2.5em;
	left:50%;
	margin-left:-480px;
	padding:25px 10px 10px 10px;
	position:fixed;
	text-align:right;
	top:100px;
	width:200px;
}

	#call_today_fixed p{margin-right:25px;}
	#call_today_fixed strong{color:#0681c4}

#logo{
	font-size:7.2em;
	line-height:.8em;
	margin-bottom:20px;
}

#nav_fixed{
	font-size:1.8em;
	left:50%;
	margin-left:-480px;
	position:fixed;
	top:240px;
	text-align:right;
	width:220px;
	z-index:100;
}
	#nav_fixed li{line-height:1.4em;}
		#nav_fixed li a{color:#1d1d1d;display:block;}
		#nav_fixed li a:hover{
			background:url(../images/nav_active_arrow.gif) 27% 50% no-repeat;
			color:#0681c4;
		}
		#body_discovery_suites #li_discovery_suites a,
		#body_suite_information #li_suite_information a,
		#body_location #li_location a,
		#body_contact #li_contact a,
		#body_suite_photos #li_suite_photos a{
			background:url(../images/nav_active_arrow.gif) 27% 50% no-repeat;
			color:#0681c4;
			font-weight:bold;
			padding-left:25px;
		}

#sub_nav{margin-bottom:40px;}
	#sub_nav a{
		color:#0681c4;
		display:block;
		font-size:1.6em;
		line-height:40px;
		text-align:center;
		text-decoration:none;
		width:160px;
	}
	#sub_nav a:hover{color:#fff;}
	#sub_nav a.selected{
		background:#1d1d1d;
		color:#fff;
	}


#available_for_lease,#internet_special{
	background:#774400;
	color:#fff;
	font-size:2.4em;
	line-height:.8em;
	margin-bottom:20px;
	padding:25px 0;
}

	#available_for_lease p,#internet_special p{margin:0 25px;}
	#available_for_lease strong,#internet_special strong{
		font-size:1.2em;
		line-height:.8em;
		margin-bottom:10px;
	}

#internet_special{background:#918d13;}
#internet_special_ribbon{
	background:url(../images/internet_special_ribbon.png) no-repeat;
	height:91px;
	left:50%;
	margin-left:217px;
	position:absolute;
	top:132px;
	width:54px;
}

#main_photo{
	background:url(../images/front_office_photo.jpg) top right no-repeat;
	border-bottom:7px solid #1d1d1d;
	height:221px;
	margin-bottom:20px;
}

#located_in_irvine{
	font-size:1.8em;
	text-align:right;
}
	#located_in_irvine strong{color:#918d13;font-size:1.2em;}
	
#suite_information{
	font-size:1.3em;
	line-height:1.6em;
}
	#suite_information h2{
		font-size:2.2em;
		line-height:.8em;
		margin-bottom:.5em;
	}
	#suite_information p{margin-bottom:4em;}
	
#suite_photos{display:none;}
#body_suite_photos #suite_photos{display:block}
	#suite_photos a{
		background:#cdcdcd;
		display:block;
		padding:10px;
		margin-bottom:20px;
		width:320px;
	}
	#suite_photos a:hover{background:#918d13;}
	
#location{}
	#location p{
		font-size:1.8em;
	}
	#location p strong{
		font-size:1.3em;
		line-height:.8em;
		padding:20px 0 20px 0;
	}
	a#get_directions{
		background:#918d13;
		color:#fff;
		display:block;
		line-height:40px;
		margin-bottom:20px;
		text-align:center;
		width:160px;
	}
	a#get_directions:hover{background:#0681c4;}
	a#map{
		background:#cdcdcd;
		display:block;
		height:307px;
		padding:10px;
		width:440px;
	}
	
#contact{font-size:1.3em;}
	#contact label{
		display:block;
		font-weight:bold;
		margin-bottom:5px;
	}
	#contact form{padding:20px 0 40px 0;}
	#lbl_name{width:160px;}
	#lbl_email{width:160px;}
	#lbl_phone{width:232px;}
	#lbl_questions{width:243px;}
	textarea.text{
		border:1px solid #1d1d1d;
		font-family:Arial,Verdana,Sans-serif;
		height:200px;
		margin-top:10px;
	}
	#send_form{

	}