body{
	background:url(images/bg.png) #90a1aa repeat;
	color:#333;
	font:.75em Verdana, Calibri, "Trebuchet MS", Arial, Helvetica;
	line-height:1.8em;
	text-align:center;/* IE page-centering fix */
}
h1, h2{
	margin:0 0 .5em 0;
	font-size:2em;
	font-variant:small-caps;
	color:#555;
}
h2{
	font-size:1.5em;
}
#page{
	position:relative;
	margin:0 auto;
	min-width:700px;
	max-width:900px;
	_width:775px;/* IE <=6 */
	text-align:left;/* IE page-centering fix */
}
#content{
	position:relative;
	top:105px;
	background-color:#fbfbfb;
}
#content-tl{
	position:absolute;
	top:0px;
	background-image:url(images/content-tl.png);
	height:40px;
	width:20px;
}
#content-tr{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(images/content-tr.png);
	height:40px;
	width:20px;
}
#content-lt{
	position:absolute;
	top:40px;
	bottom:10px;
	left:0px;
	width:20px;
	background-image:url(images/content-lt.png);
}
#content-rt{
	position:absolute;
	top:40px;
	bottom:10px;
	right:0px;
	width:20px;
	background-image:url(images/content-rt.png);
}
#intro, #head{
	position:relative;
	top:-20px;
	left:20px;
	z-index:1;
	background-color:#F59237;
	margin:0 40px 0 20px;
	padding:0;
}
#intro .top, #intro .btm, #head .top, #head .btm{
	background-color:#F59237;
	height:6px;
	font-size:0%;
	margin:0 6px 0 6px;
	padding:0;
}
#intro .top, #head .top{ position:relative;top:-6px; }
#intro .btm, #head .btm{ position:relative;bottom:-6px; }
.cnr{
	background: url('images/round-orange.png') no-repeat;
	position: absolute; width: 6px; height: 6px; font-size: 0%;
}
.tl { top: -6px; left: 0; background-position: 0 0; }
.tr { top: -6px; right: 0; background-position: -6px 0; }
.bl { bottom: -6px; left: 0; background-position: 0 -6px; }
.br { bottom: -6px; right: 0; background-position: -6px -6px; }
#intro h1{
	margin:0 20px 0 250px;
	color:#fff;
	font-size:1.5em;
	font-weight:500;
	font-variant:normal;
	text-align:justify;
}
#head h1{
	margin:7px 20px 7px 250px;
	color:#fff;
	font-size:1.5em;
	font-weight:500;
	font-variant:normal;
	text-align:center;
}
#main{
	margin:0 20px 0 20px;
	padding:0px 20px 20px 20px;
	background-color:#fbfbfb;
	line-height:1.6em;
}
.column{
	width:46%;
	padding:0 20px 0 0;
}
.photo{
	border:4px solid #ccc;
	float:left;
	padding:0;
	margin:0 10px 0px 0;
}
#logo{
	position:absolute;
	top:5px;
	left:20px;
	z-index:1;
	width:247px;
	height:139px;
	background:#000;
	border:1px solid #777;
}
#logo img{
	border:0;
	margin:0;
}
#contact{
	position:absolute;
	top:0px;
	height:25px;
	width:100%;
	text-align:right;
	font-size:1.2em;
	color:#222;
}
#menu{
	position:absolute;
	top:25px;
	width:100%;
	padding-top:10px;
	text-align:right;
	height:70px;
	background:#2a323e url(images/menu-bg.png) repeat-x top left;
}
#menu ul{
	margin:0;
	padding-top:10px;
}
#footer ul{
	margin:25px 40px 0 40px;
	padding:0;
}
#menu li, #footer li{
	display:inline;
	padding-right:25px;
	white-space:nowrap;
}
#menu li a, #menu li a:hover, #menu li a:visited{
	color:#ddd;
	font-size:1.1em;
	font-weight:bold;
}
#footer li a, #footer li a:hover, #footer li a:visited{
	color:#ddd;
	font-weight:normal;
}
#menu li a:hover, #menu li.current a, 
#footer li a:hover, #footer li.current a{
	text-decoration:none;
}
#footer{
	position:relative;
	height:75px;
	font-size:88%;
	background:url(images/footer-bg.png) repeat-x;
	color:#ddd;
	overflow:hidden;
}
#footer p{
	margin:0;
	padding:25px 40px 0 40px;
}
#footer img{vertical-align:middle;}
#footer-lt{
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:75px;
	background: url(images/footer-lt.png) no-repeat top left;
	font-size:1em;
	line-height:.5em;
}
#footer-rt{
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:75px;
	background: url(images/footer-rt.png) no-repeat top left;
}
.footnote{
	float:left;
	clear:both;
	position:relative;
	bottom:-110px;
	font-size:88%;
}
form{
	margin:20px auto 0 auto;
	width:600px;
}
fieldset{
	border:1px solid #555;
	padding:0 20px 20px 20px;
}
form p{
	padding-bottom:3px;
}
form label { 
	display:block;
	float:left; 
	width:150px; 
	padding:0;
}
input, textarea{
	width:400px;
	border:1px solid #555;
	padding:1px 4px 1px 4px;
	color:#3134a7;
	font:1.25em Verdana, Calibri, "Trebuchet MS", Arial, Helvetica;
}
.submit{
	width:100px;
}
.quote{
	color:#666;
	font-size:88%;
	padding:0 0 15px 40px;
	background:url(images/quotes.gif) no-repeat top left;
}
.list{
	margin:0;
	padding-left:15px;
}
.list li a{ font-size:85%; margin-left:30px; }
.ctr{ text-align:center; }
.fl{ float:left }
.fr{ float:right }
.fix{
	clear:both;
	height:1px;
	margin:-1px 0 0;
	overflow:hidden;
}

/*_____________________________________________ Start - Projects - jCarouselLite _____________________________________________*/

.carousel  {
    padding:0;
    margin:0;
    position:relative;
	width:320px;
}
.carousel a.prev,  .carousel a.next {
	display:block;
	float:left;
	width:30px;
	height:25px;
	text-decoration:none;
	background:url(images/navLeft.gif) left 0px no-repeat;
}
.carousel a.next {
	background:url(images/navRight.gif) right 0px no-repeat;
}
.carousel a.next:hover {
	background-image:url(images/navRightHover.gif);
}
.carousel a.prev:hover {
	background-image:url(images/navLeftHover.gif);
}    
.carousel a:hover, .carousel a:active {
	border:none;
	outline:none;
}                 
.carousel .jCarouselLite {
	border:1px solid black;
	float:left;
	background-color:#dfdfdf;
	
	/* Needed for rendering without flicker */
	position:relative;
	visibility:hidden;
	left:-5000px;
}
.carousel ul {
	margin:0;
}
.carousel li img, 
.carousel li p {
	background-color:#fbfbfb;
	width:250px;
	height:375px;
	margin:4px 4px 0 4px;
}
            
/*_____________________________________________ End - Projects - jCarouselLite _____________________________________________*/