/*----------------*/
/*----- Tags -----*/
/*----------------*/
body {
	margin:0;
	padding:0;
	background:#dedbd2;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}
p {
	margin:0 0 1em 0;
}

/* Horizontal Rule with some "hacks" */
hr {
 border:0;						/* Disable border for Firefox */
 color:#c0c0c0;				/* Line's color for Internet Explorer */
 background-color:#c0c0c0;/* Line's color Firefox and Opera */
 height:1px;					/* Line's height */
 clear:both;
}
span.smark {
    font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */
    line-height: 0; /* keep the leading consistent in a paragraph */
}

/*----------------*/
/*---- Links -----*/
/*----------------*/

a:link		{text-decoration:none;}
a:visited	{text-decoration:none;}
a:hover		{text-decoration:underline;}
a:active	{}

/* color of current nav links */
#header-nav a.current, #left-content a.current, #left-content-nav a.current {color:black; text-decoration: none;}
/* color of nav's link */
#header-nav a, #left-content a, #left-content-nav a {color:#00477f;}
#header-nav a:hover {text-decoration: none; color: black;}

/*-----------------*/
/*---- Layout -----*/
/*-----------------*/

/* main container dimensions */
#container {
	margin:0 auto;
	width:80em;
	border:1px #a9a9a9 solid;
	background:white;
}
/* if not enough content- give height */
#containerMinHeight {
	margin:0 auto;
	width:80em;
	height:50em;
	border:1px #a9a9a9 solid;
	background:white;
}
/*height of header*/
#header {
	height:6.4em;
}
/* positioning logo */
#header img {
	float:left;
}
/* small nav in right corner of header */
#header-nav {
	float:right;
	margin-right:1.5em;
	line-height:6.5em;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}

/* huge image's block in the center */
#home {
	height:25em;
	border-bottom:2em #939598 solid;
	background:url(../../images/home.jpg) no-repeat 0px;
	width:100%;
	margin-bottom:1em;
}
/*Some text above huge image*/
#home-text {
	font-size:1.3em;
	color:white;
	width:21em;
	padding:3em 1.5em 1em 1.5em;
}

#about {
	height:12.5em;
	border-bottom:2em #939598 solid;
	background:url(../../images/about.jpg) no-repeat 0px;
	width:100%;
	margin-bottom:1em;
}
#education {
	height:12.5em;
	border-bottom:2em #939598 solid;
	background:url(../../images/education.jpg) no-repeat 0px;
	width:100%;
	margin-bottom:1em;
}
#mortgage {
	height:12.5em;
	border-bottom:2em #939598 solid;
	background:url(../../images/mortgage.jpg) no-repeat 0px;
	width:100%;
	margin-bottom:1em;
}
#commercial {
	height:12.5em;
	border-bottom:2em #939598 solid;
	background:url(../../images/commercial.jpg) no-repeat 0px;
	width:100%;
	margin-bottom:1em;
}
#contact {
	height:12.5em;
	border-bottom:2em #939598 solid;
	background:url(../../images/contact.jpg) no-repeat 0px;
	width:100%;
	margin-bottom:1em;
}

/* some styles for left\right captions */
.caption {
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#464646;
	height:3em;
	margin:0 0 1em 0;
	border-bottom-width:0.1em;
	border-bottom-style:solid;
	line-height:4.3em;
}

/* left block */
#left {
	float:left;
	width:27em;
	padding:0 1.5em 0 1.5em;
}
#left-sub {
	float:left;
	width:27em;
	padding:0 1.5em 0 1.5em;
}
/* define left caption bottom border */
#left .caption {
	border-bottom-color:#aeb0b2;
}
#left-sub .caption {
	border-bottom-color:#aeb0b2;
	text-align:right;
}
/* left content */
#left-content {
	font-size:1.1em;
	line-height:1.4em;
	color: #707070;
}
#left-content-home {
	font-size:1.1em;
	line-height:1.2em;
	color: #707070;
}
#left-content-nav {
	font-size:1.1em;
	font-weight:bold;
	text-align:right;
	text-transform: capitalize;
	line-height:1.4em;
	color: #707070;
}
/* right block */
#right {
	margin-left:30em;
	width:47em;
	padding-right:1em;
	padding:0 1em 1em 1em;
	background:#f0f0f0;
}
/* define left caption bottom border */
#right .caption {
	border-bottom-color:white;
}
/* right content */
#right-content {
	font-size:1.1em;
	line-height: 1.4em;
	color:#707070;
}
#right-content a {color:#00477f;}

/* footer in the bottom */
#footer {
	margin:0 auto;
	padding:0 1em;
	height:5.5em;
	width:78em;
	background:black;
	color:#939598;
	line-height:5.5em;
}
/* footer's content postioning and colors of links */
#copyright	{float:left;}
#links		{float:right;}
#links a	{color:#939598;}
#links a.selected {text-decoration: underline;}

#bbb {
	margin: 0 auto;
	padding: 1em 0 0 0;
	width:80em;
}
#bbb img {
	float: right;
}