@charset "utf-8";

/* ------ general styles ------ */
html {
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #d71930;
	padding: 0;
	margin: 0;
	height: 100%;
}
img{
	border-style:none;
}
a:link {

}
a:visited {

}
a:hover {
	
}
a:active {

}
.clear_float {
	clear: both;
}
#background {
	background-image:url(../img/bkg.png);
	height: 100%;
}
.no-repeat {
	background: top center no-repeat;
}
/* ---------------------------- */

/* ---------- header ---------- */

#header {
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
#header a {
	text-decoration:none;
	color: #fff;
}
#f_name {
	float: left;
	color: #fff;
	padding: 61px 0 0 0;
	font-size: 48px;
	line-height: 40px;
	text-transform: uppercase;
	margin-left: -5px;
} 
#l_name {
	float: left;
	color: #fff;
	padding: 61px 0 0 0;
	font-size: 48px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: bold; 
}
#location {
	float: left;
	padding: 72px 0 0 0;
	font-size: 36px;
	line-height: 28px;
	color: #fff;
}
/* ---------------------------- */

/* ---------- content --------- */
#content {
	width: 920px;
	height: 525px;
	margin: 0 auto;
	padding: 0;
}
/* ---------------------------- */

/* --------- accordion -------- */
#red {
	/*background-color: #d71930;*/
	background: url(../img/nav_home.jpg) top right no-repeat;
}
#orange {
	/*background-color: #f2690e;*/
	background: url(../img/nav_portfolio.jpg) top right no-repeat;
}
#green {
	/*background-color: #78a040;*/
	background: url(../img/nav_resume.jpg) top right no-repeat;
}
#blue {
	/*background-color: #12aed5;*/
	background: url(../img/nav_contact.jpg) top right no-repeat;
}
.accordion {
	background-color: #fff;
	padding: 0px;
	margin: -1px 0 0 0;
	float: left;
	width: 765px;
	height: 525px;
	overflow-y: auto;
	overflow-x: hidden;
}
.accordionTitle {
	width: 38px;
	color:#fff;
	font-size:11px;
	cursor: pointer;
	padding: 0;
	margin: -1px 0 0 0;
	float: left;
	height: 525px;
	overflow: auto;
}
.accordionTitleImg {
	width: 38px;
	height: 525px;
	background:url(../img/home.png) top right no-repeat;
} 
.accordionContent {
	padding: 5px;
	width: 755px;
	line-height: 20px;
}
/* ---------------------------- */

/* ----------- home ----------- */
.home_header {
	color: #d71930;
	font-size: 30px;
	padding: 0 10px;
}
.home_text {
	font-size: 18px;
	padding: 0 10px;
}
#services li{
	list-style-image: url(../img/bullet.jpg);
}
.service {
	font-size: 18px;
}
/* ---------------------------- */

/* --------- portfolio -------- */
.portfolio_thumb {
	width: 71px;
	height: 80px;
	float:left;
	text-align: center;
	background-color: #f2690e;
	margin: 5px;
	padding-top: 3px;
}
.portfolio_header {
	color: #f2690e;
	font-size: 20px;
	font-weight: bolder;
}
.portfolio_section {
	float: left;
	width: 755px;
	border-top: 3px dotted #f2690e;
}
/* ---------------------------- */

/* --------- resume ----------- */
.td_border_top {
	border-top: 3px solid #78a040;
	border-top-style: dotted;
}
#resume {
	width: 725px;
	margin-left: -5px;
}
#resume p{
	font-size: 12px;
}
.table_title {
	font-weight:bolder;
	color: #78a040;
}
#resume th {
	width: 150px;
	border-right: 3px solid #78a040;
	border-top: 3px solid #78a040;
	color: #78a040;
	font-size: 18px;
	vertical-align: top;
}
#resume li{
	font-size: 12px;
}
/* ---------------------------- */

/* ---------- contact --------- */
#contact {
	width: 725px;
	line-height: 50px;
	font-size: 30px;
}
#contact td {
	padding-left: 10px;
}

.contact_type {
	width: 145px;
	color: #12aed5;
	text-align: right;
}
/* ---------------------------- */

/* ---------- footer ---------- */
#footer {
	width: 920px;
	height: 12px;
	margin: -1px auto;
	padding: 0 0 3px 0;
	font-size: 10px;
	color: #fff;
	background-color: #d71930;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
	border-style: none;
	outline: none;
}
/* ---------------------------- */