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

/* REQUIRED */

body {
	background:url(../../images/homeBkgd.jpg) no-repeat top center #e0e0e0;
	padding: 0 0;
	margin: 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:12px;
}

table {
	line-height:170%;
	margin-bottom:10px;
}

td {
	border-top: solid 1px #EEEEEE;
}

body#aboutBkgd {
	background:url(../../images/aboutBkgd.jpg) no-repeat top center #e0e0e0;
}
body#projectsBkgd {
	background:url(../../images/projectsBkgd.jpg) no-repeat top center #e0e0e0;
}
body#profileBkgd {
	background:url(../../images/profileBkgd.jpg) no-repeat top center #e0e0e0;
}
body#contactBkgd {
	background:url(../../images/contactBkgd.jpg) no-repeat top center #e0e0e0;
}
/* GLOBAL */

p {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.7em;
	margin:15px 0px;
}

ul ol {
	padding:0px 0px 0px 40px;
	margin:0px;
}

ol li {
	line-height:1.7em;	
}

ul li {
	line-height:1.7em;	
}

.imgRight {
	float:right;
	margin: 10px 0px 10px 20px;
	border:1px solid #CCCCCC;
	padding:5px;
	text-align:center;
	max-width:290px;
}
.imgRight img {
	max-width:290px;
	border:none;
}
.imgRight p {
	margin:7px 0px 2px 0px;
	padding:0px;
	font-size:10px;
	color:#555555;
	
}

.imgLeft {
	float:left;
	margin: 10px 20px 10px 0px;
	border:1px solid #CCCCCC;
	padding:5px;
	text-align:center;
	max-width:290px;
}
.imgLeft img {
	max-width:290px;
	border:none;
}
.imgLeft p {
	margin:7px 0px 2px 0px;
	padding:0px;
	font-size:10px;
	color:#555555;
	
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#001c2f;
	font-style:italic;
	font-weight:lighter;
	margin:0px 0px 8px 0px;
	line-height:1.2em;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:1.2em;
	color:#b87100; /* #da9f20 */
	font-weight:lighter;
	margin:0px 0px 10px 0px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#b87100;
	font-weight:lighter;
	margin:0px;
}


#container {
	margin: 0 auto;
	width:1000px;
}

.noList {
	list-style:none;
	margin:0px;
	padding:0px;
}

/* HEADER */

#header {
	position:relative;
	height:410px;
	width:980px;
	padding: 0px 10px;
	background: url(../../images/contentTopBkgd.png) no-repeat bottom center;
}

#innerHeader {
	position:relative;
	height:250px;
	width:980px;
	padding: 0px 10px;
	background: url(../../images/contentTopBkgd.png) no-repeat bottom center;
}

#logo {
	position:absolute;
	top:12px;
	left:10px;
}
#logo img {
	border:none;
	padding:0px;
}

#slogan {
	position:absolute;
	bottom:50px;
	left:10px;
}

#slogan img {
	border:none;
	padding:0px;
}

/* NAVIGATION */

#nav {
	position:absolute;
	top:0px;
	right:10px;
}

#menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	margin:0px;
	padding:0px;
	width:128px;
	text-align:center;
	color:#FFFFFF;
	background:url(../../images/centerBtn.png) no-repeat;
}
#menu li img{
	border:none;
	padding:0px;
}

#menu li:hover {
	background:url(../../images/centerBtnOver.png) no-repeat center top;
}
#menu li.selectBtn {
	background:url(../../images/centerBtnDown.png) no-repeat center top;
}

#menu li#leftBtn {
	background:url(../../images/leftBtn.png) no-repeat left top;
}
#menu li#leftBtn:hover {
	background:url(../../images/leftBtnOver.png) no-repeat left top;
}
#menu li#leftBtn.selectBtn {
	background:url(../../images/leftBtnDown.png) no-repeat left top;
}

#menu li#rightBtn {
	background:url(../../images/rightBtn.png) no-repeat right top;
}
#menu li#rightBtn:hover {
	background:url(../../images/rightBtnOver.png) no-repeat right top;
}
#menu li#rightBtn.selectBtn {
	background:url(../../images/rightBtnDown.png) no-repeat right top;
}

/* CONTENT */

#content {
	position:relative;
	min-height:380px;
	width:960px;
	padding: 0px 20px;
	background: url(../../images/contentBkgd.png) repeat-y top center;
}

#content a {
	color:#1a82ab;
	text-decoration:none;
}

#content a:hover {
	color:#1a82ab;
	text-decoration:underline;
}
.narrowColumn {
	position:relative;
	float:left;
	width:220px;
	margin:0px 10px;
}
.wideColumn {
	position:relative;
	float:left;
	width:380px;
	margin:0px 10px;
}

.halfColumn {
	position:relative;
	float:left;
	width:460px;
	margin:0px 10px;
}

.singleColumn {
	position:relative;
	float:left;
	width:300px;
	margin:0px 10px;
}
.doubleColumn {
	position:relative;
	float:left;
	width:620px;
	margin:0px 10px;
}

.tripleColumn {
	position:relative;
	float:left;
	width:940px;
	margin:0px 10px;
}
.row {
	position:relative;
	clear:both;
	border-top:solid 1px #DDDDDD;
	padding: 10px 0px;
}

.clearFix {
	width:100%;
	height:1px;
	clear:both;
	
}

/* FOOTER */

#footer {
	position:relative;
	width:980px;
	padding: 30px 10px;
	background: url(../../images/contentBottomBkgd.png) no-repeat top center;
	font-size:12px;
	color:#888888;
	text-align:center;
}
#footer p {
	font-size:12px;
	color:#888888;
	margin:10px 0px;
}
#footer a {
	color:#888888;
	text-decoration:none;
}

#footer a:hover {
	color:#1a82ab;
	text-decoration:none;
}

/* CAROUSEL */

#carousel {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom:10px;
}

#carouselBorder {
	border: 1px solid #CCCCCC;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 9px solid #FFFFFF;
overflow: scroll; /*leave this value alone*/
width: 600px; /* 640 */
height: 200px; /*Height should enough to fit largest content's height*/
}
 
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
 
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
 
 
#galleryc{
width: 450px;
height: 170px;
border: 10px solid;
}
 
#galleryc .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}
 
p.samplebuttons{
width: 300px;
text-align: center;
}
 
p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}