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

body {
	background:#ffffff;
	font-family:Arial, Candara, Verdana;
	margin:0px;
}

img {
	border:none;
}

#header {
	width:100%;
	height:65px;
	position:relative;
}

#logo {
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:28px;
}

#menu {
	position:relative;
	float:left;
	margin-top:29px;
	margin-left:70px;
	font-size:11px;
	line-height:20px;
}

#menu a:link {text-decoration:none; color:#000000;}
#menu a:active {text-decoration:none; color:#000000;}
#menu a:visited {text-decoration:none; color:#000000;}
#menu a:hover {text-decoration:none; color:#f15e5c;}

#menu ul {
	padding:0px;
	margin:0px;

}

#menu li {
	list-style:none;
}

#submenu {
	position:relative;
	float:left;
	margin-top:29px;
	margin-left:150px;
	font-family:Arial, Candara, Verdana;
	font-size:11px;
	line-height:20px;
}

#submenu ul {
	padding:0px;
	margin:0px;

}

#submenu li {
	list-style:none;
}



#active a:link {text-decoration:none; color:#F00;}
#active a:active {text-decoration:none; color:#F00;}
#active a:visited {text-decoration:none; color:#F00;}
#active a:hover {text-decoration:none; color:#F00;}

#submenu a:link {text-decoration:none; color:#000000;}
#submenu a:active {text-decoration:none; color:#000000;}
#submenu a:visited {text-decoration:none; color:#000000;}
#submenu a:hover {text-decoration:none; color:#f15e5c;}

#arrow {
	margin-left:-135px;
	margin-top:-25px;
	width:102px;
	height:74px;
	position:absolute;
}

#content {
	width:100%;
	margin-top:80px;
	position:relative;
}

#mainContent {
	width:100%;
	margin-top:80px;
	margin-left:250px;
	position:relative;
}

#scrollArea {
	position:relative;
	min-height:500px;
	overflow:auto;
	display:inline;
	width:100%;
	float:left;
	white-space:nowrap;
}

.box {
	position:relative;
	margin-left:20px;
	padding-right:50px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	font-size:15px;
}



.titleTop {
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:11px;
	width: 300px;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
	
}

.titleBottom {
	padding-top:5px;	
	text-align:center;	
	font-size:12px;
}

/* About Section */

.aboutBox {
	position:relative;
	padding-left:20px;
	padding-right:20px;
	display:inline;
	vertical-align:top;
	white-space:nowrap;
	width:300px;
	font-size:11px;
}

.aboutBox table {
	display:inline;
}
	
.aboutTitleTopFirst {
	margin-top: 20px;
	text-align:center;
	width:280px;
	height:20px;
	border-bottom:1px solid #f15e5c;
	padding-bottom:7px;
	color:#f15e5c;
}

.aboutBottomFirst {
	padding-top:15px;
	text-align:left;
	line-height:13px;
	color:#f15e5c;
	font-size:12px;
	white-space:normal;
	width:280px;
}
.aboutTitleTopSecond{
	margin-top: 20px;
	text-align:center;
	width:280px;
	font-size:11px;
	height:20px;
	border-bottom:1px solid #000000;
	padding-bottom:7px;
}
.aboutBottomSecond{
	padding-top:10px;
	line-height:21px;
	text-align:left;
	white-space:normal;
	width:280px;
	font-size:12px;
}
.aboutInnerTest{
	padding-top:10px;
	line-height:13px;
	text-align:left;
	white-space:normal;
	width:280px;
	font-size:12px;
}

	
.aboutTitleTop {
	margin-top: 20px;
	text-align:center;
	width:280px;
	font-size:11px;
	height:20px;
	border-bottom:1px solid #000000;
	padding-bottom:7px;
}

.aboutBottom {
	padding-top:15px;
	line-height:20px;
	text-align:left;
	white-space:normal;
	width:280px;
	font-size:12px;
}



a:link {text-decoration:none; color:#000000;}
a:active {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#f15e5c;}

/* Generic Portfolio Style Sheet */

#details {
	float:left;
	width:18%;
	padding-left:20px;
	height:200px;
	position:absolute;
	margin-top:400px; /* Change to move down */
	z-index:2;
}


#portfolioScrollArea {
	position:relative;
	overflow:auto;
	width:100%;
	min-height:550px;
	float:left;
	white-space:nowrap;
	z-index:1;
}

/* News Section */

.newsTitleTop {
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	width: 100%;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
	
}

.newsTitleBottom {
	padding-top:5px;
	margin:auto;
	white-space:normal;
	width:100%;
	font-size:12px;
	border-bottom:1px solid #000000;
	text-align:center;
	padding:20px 0 20px 0;
}

.newsText {
	width:500px;
	font-size:12px;
	text-align:left;
	white-space:normal;
	padding-bottom:8px;
	}

.newsText a:link{color:#FF0000;}
.newsText a:hover{color:#FF0000;}
.newsText a:active{color:#FF0000;}
.newsText a:visited{color:#FF0000;}

.booktitleTop {
	margin-top: 20px;
	text-align:center;
	font-size:11px;
	width: 330px;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
}

.bookTitleBottom {
	padding-top:5px;
	margin:auto;
	font-size:12px;
	border-bottom:1px solid #000000;
	width: 330px;
	text-align:center;
	height:25px;
}

.bookTitleText {
	font-size:12px;
	text-align:left;
	padding-top:5px;
	width:330px;
	line-height:17px;
}

#backArrow {
position:absolute;
margin-top:20px;
z-index:3;
}


