/*
-----------------------------------------------------
OfficeSpaceEllicottCity.com CSS Document
FileName:  screen.css
Author: Shane Gardner
Site: officespaceellicottcity.com
-----------------------------------------------------
*/

/* --------- Global Reset --------- */

html,body,pre,blockquote,p,div,ul,ol,li,dl,dd,dt,input,fieldset,form,h1,h2,h3,h4,h5,h6,img,th,td {
	margin:0;padding:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;font-weight:normal;
}

li,ul {
  	list-style:none; 
}


/* --------- Primary Layout Styles --------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-image: url(../images/eos_background.gif);
	background-color: #8B0000;
	background-repeat: repeat-x;
}

#wrap {
	text-align: center;
	font-size: 95%;
	padding: 0;
	width: 790px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#special-badge {
	display:block;
	width:251px;
	height:43px;
	background-color: transparent;
	float: left;
	padding-left: 85px;
}

h1 {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
    padding:5px 0 2px 0;
}

h2 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom: solid 1px #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	
}


h3 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #8B0000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
    
}


.hidden {
	display:none;

}

a {
color:#990000;
text-decoration:underline;

}


a:hover {

text-decoration:underline;

}

p {
	text-align: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

}

em {
	font-style: italic;

}

.list
{

	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}



ul.list {


}

.list li
{
padding-left: 18px;
background-image: url(../images/arrowBullet.gif);
background-repeat: no-repeat;
background-position: 0.5em 0.5em;
zoom:1;


}

.image-box {
	float:left;
	width:170px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;

}





.map a{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/mapBullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;


}


/* --------- Login Form ---------- */



.formRow {clear:both; text-align:left; padding:4px; vertical-align:middle; overflow:hidden;  line-height:25px;}

.formButtonPad {clear:both; margin-left:0px;}

.loginForm {
	padding:10px;
	margin:10px 0 10px 0;

}


.loginForm li{

padding:5px 0 5px 0;

}


.input-width-40 {
width:40px;
}


.input-width-225 {
width:225px;
}

.input-width-350 {
width:350px;
}



/* --------- Utility Styles --------- */

#home .home, #courthouse-square .courthouse-square, #executive-office-suites .executive-office-suites, #pine-orchard .pine-orchard, #contact-us .contact-us {
  	background-image: url(../images/hereButtonBack.gif)!important;
	background-repeat: repeat-x !important;
	color: #000000 !important;
	background-position: 5px bottom !important;
}


 /*sub nav active*/
.here {
background-color:#fff !important;
font-weight:bold;

}

.feature {
background-color:#EBF1E0!important;
font-weight:bold;

}




.spacer {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;

}

.green-text {
	font-weight: bold;
	color: #617838;
	text-decoration: none;

}

.red-text {
	color: #990000;
	text-decoration: none;
	font-weight: bold;

}

.yellow-text {

	color: #f5d976;
	text-decoration: none;
	font-weight: bold;

}

.white-text {
	color: #FFFFFF;

}

.gray-text {
	color: #999999;

}

strong {
	font-weight: bold;
	font-style: italic;

}

.header-address {
	font-family: Arial, Helvetica, sans-serif;

}

.header-contact a{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/user_suit.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size:14px;
	font-weight: bold;

}

.thinLine  {
	border:0;
	padding:5px 0 5px 0;
	clear:both;
	background-image: url(../images/thinLine.gif);
	background-repeat: repeat-x;
	background-position: center center;

}


/* --------- Header Styles --------- */

#header {
	background-image: url(../images/logoBrand.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 790px;
	clear: both;
	height: 103px;
	

}
#header h1 , #header h2 {
	display:none;
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px;
		
}


.top-utilities {
	float: right;
	width: 200px;
	text-align: left;
	margin-top: 20px;


}

.call-today {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F9DC39;
	font-size: 18px;
	font-weight: bold;



}

.phone-number {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;


}

/* --------- Primary Navigation Styles --------- */

#primary-navigation {
	width:790px;
	clear: both;
	float: left;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/navBack.gif);
}

#primary-navigation ul {
	list-style:none;
	padding:0;
	margin: 0;

}

#primary-navigation li {
	float:left;
	list-style:none;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}



#primary-navigation a {
	padding-top: 12px!important;
	padding-right: 0;
	padding-bottom: 10px!important;
	padding-left: 0;
	color: #ccc;
	font-weight: bold;
	font-size: 12px;
}



#primary-navigation a.home {
	display:block;
	text-decoration:none;
	line-height:21px;
	width:100px;
	text-align:center;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/separator.gif);
	background-repeat: no-repeat;
	background-position: right;

}

#primary-navigation a.courthouse-square {
	display:block;
	text-decoration:none;
	line-height:21px;
	width:230px;
	text-align:center;
	padding:0;
	background-image: url(../images/separator.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#primary-navigation a.executive-office-suites {
	display:block; 
	text-decoration:none; 
	line-height:21px; 
	width:230px; 
	text-align:center; 
	padding:0;

	background-image: url(../images/separator.gif);
	background-repeat: no-repeat;
	background-position: right;

}

#primary-navigation a.pine-orchard {
	display:block;
	text-decoration:none;
	line-height:21px;
	width:230px;
	text-align:center;
	padding:0;

}




#primary-navigation a:hover {
color: #fff;


	

}



/* --------- Content Container Styles --------- */


#content-container {
	clear: both;
	background-image: url(../images/contentBackgroundTop.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	text-align: left;
	width: 760px;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;



}

.title-container {
	clear: both;
	padding-bottom: 10px;


}

.title-heading-green {
	background-image: url(../images/greenHeaderLineBack.gif);
	background-repeat: repeat-x;
	padding: 5px 0 5px 0;
	float: left;
	width:760px;
	position: relative;
	height: 40px;
	background-color: #5E7535;

}


.title-heading-red {
	background-image: url(../images/redHeaderLineBack.gif);
	background-repeat: repeat-x;
	padding: 5px 0 5px 0;
	float: left;
	width:760px;
	position: relative;

}

.title{
    color: #FFFFFF;
    font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	float:left;
	width:400px;
	padding-left:100px;
	text-align:center;

}


.title-learn-more a{
	float:right;
	width:180px;
	color: #FFFF99;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;

}

.title-green {
	background-image: url(../images/greenHeaderLineBack.gif);
	background-repeat: repeat-x;
	padding-left: 180px;

}


.title-green h1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 3px 0 5px 0;

}

.title-red {
	background-image: url(../images/redHeaderLineBack.gif);
	background-repeat: repeat-x;
	padding-left: 187px;

}


.title-red h1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 3px 0 5px 0;

}


/* --------- Content Styles --------- */



.content-block {
	clear: both;
	width: 760px;
	float: left;
	position: relative;
	padding-top: 40px;





}

.content-block-courthouse {
	clear: both;
	width: 760px;
	float: left;
	position: relative;
	padding-top: 5px;





}


.content {
	width: 580px;
	text-align: left;
	float: left;
	clear: both;




}



.interior-content {
	width: 581px;
	text-align: left;
	float: left;
	position: relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F0F0F0;
	padding-left: 5px;


}


.row {
	float: left;
	width: 570px;
	clear: both;

}

.interior-row {

	width: 100%;
	float:left;
	clear: both;
	

}

.interior-row img{

border: solid 1px #CCCCCC;

}


.box {
	float: left;
	width: 184px;
	margin-right: 6px;

}

.box2 {
	float: left;
	width: 279px;
	margin-right: 6px;

}

.box3 {
	float: left;
	width: 285px;
	margin-right: 5px;
}

.box3 li{
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	margin-bottom: 3px;
	margin-top: 2px;

}

.box4 {
	float: left;
	width: 272px;
	margin-right: 10px;
}

.box4 li{
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	margin-bottom: 3px;
	background-color: #FFE1E1;
	margin-top: 2px;

}





.description {
	padding: 5px;

}

.description-link {
	padding: 5px;

}

.large-image {


}

.small-image {


}

/* --------- Home Sidebar Styles --------- */


.side-bar-ad {
	margin-top: 10px;
	text-align: center;


}



.side-bar-home {
	float: left;
	width:175px;
	margin-top: 0px;
	margin-right: 5px;

}
.side-bar-home2 {
	float: left;
	width:175px;
	margin-top: 0px;
	margin-right: 5px;

}
#officespace {
	background-image:url(../images/office_spcae_bk.jpg);
	float: left;
	height:248px;
	width:175px;
	margin-top: 10px;

}

.side-bar-home a{
	color: #000000;


}


.side-bar-home ul{
	padding-top: 0px;
	padding-bottom: 5px;
	background-position: 0px 2px;

}

.side-bar-home li a{
	padding: 5px;
	margin-bottom: 2px;
	text-decoration:none;

}

.side-bar-home li a:hover{

	background-color: #fff;
	text-decoration:none;


}

.side-bar-home-business-name {
	font-weight: bold;
	font-size: 12px;

}
.side-bar-home-business-name em{
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	color: #617838;

}




ul.side-bar-home-business-green {
	background-image: url(../images/greenBuildingBullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;

}

ul.side-bar-home-business-red {
	background-image: url(../images/redBuildingBullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;

}






ul.side-bar-home-address {
	padding-left: 16px;

}





ul.side-bar-home-phone {

	background-image: url(../images/bluePhoneBullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

li.side-bar-home-phone {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 0px;


}

li.side-bar-home-phone-number{
	font-weight: normal;
	font-size: 12px;
	padding-top: 0px;


}



ul.side-bar-home-directions {
	background-image: url(../images/mapBullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
}


ul.side-bar-home-contact-us {
	background-image: url(../images/user_suit.gif);
	background-repeat: no-repeat;
	padding-left: 16px;

}




/* --------- Interior Sidebar Styles --------- */



.side-bar {
	float: left;
	width:160px;
	margin-right: 5px;

}

.side-bar a{
	color: #000000;
}


.side-bar ul{
	padding-top: 0px;
	background-position: 0px 2px;

}

.side-bar li {
margin-bottom: 2px;

}

 
.side-bar li a{
    width:150px;
	display:block;
	padding: 5px;
	background-color: #E8EFF7;
	text-decoration:none;
    

}


.side-bar li a:hover{
	background-color: #fff;
	text-decoration:none;
	margin-bottom: 2px;



}

/* ---------Contact Us Styles --------*/

.contact-us a{
	color: #000000;


}

.contact-us a:hover{
	color: #333333;

}

.contact-us ul{
	padding-top: 0px;
	padding-bottom: 5px;
	background-position: 0px 2px;

}

.contact-us li{
	margin-left: 5px;
	padding-bottom: 5px;

}

.contact-us-business-name {
	font-weight: bold;
	font-size: 12px;

}
.contact-us-business-name em{
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	color: #617838;

}




ul.contact-us-business-green {
	background-image: url(../images/greenBuildingBullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;

}

ul.contact-us-business-red {
	background-image: url(../images/redBuildingBullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;

}






ul.contact-us-address {
	padding-left: 16px;

}





ul.contact-us-phone {

	background-image: url(../images/bluePhoneBullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
}

li.contact-us-phone {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 0px;


}

li.contact-us-phone-number{
	font-weight: normal;
	font-size: 12px;
	padding-top: 0px;


}



ul.contact-us-directions {
	background-image: url(../images/mapBullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
}


ul.contact-us-email {
	background-image: url(../images/envelopeBullet.gif);
	background-repeat: no-repeat;
	padding-left: 16px;

}





/* --------- Footer Styles --------- */


#footer {
	background-color: #333333;
	float: left;
	width: 770px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.footer-address {
	text-align: left;
	margin-bottom: 10px;
	color: #FFFFFF;


}

.footer-address em{
	color: #FFFFFF;
	font-style: italic;
}