html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-----------------------------end reset---------------------*/
* { margin:0; padding:0;}
body { margin:0; padding:0; width:100%; background:#CFCCC7 url(../images/bkgnd.png); border-top:2px solid #524B45; font: normal 14px georgia, times new roman, times, serif; color:#857C70; }
html { padding:0; margin:0; }
a { outline:none; }

.blue {color:#7AA6B3;}

.shadowlt { text-shadow: 0 1px 2px rgba(0,0,0,.1); }
.shadowdk { text-shadow: 0 1px 3px rgba(0,0,0,.9); }


.linesmall {width:223px; height:2px; background: url(../images/linesmall.png) no-repeat; clear:both;}
.linelarge {width:681px; height:2px; background: url(../images/linelarge.png) no-repeat; clear:both;}


/*menu*/
.menu { width:223px; padding:0; margin:0 auto 15px; text-align:center; }
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { display:block;  margin:0; padding:0; border:0; background:none;}
.menu ul li a { background:none; width:223px; display:block; margin:0; padding:8px 0 8px; color:#AEA89F; font:normal 18px georgia, times new roman, times, serif; text-decoration:none; letter-spacing:-1px;}
.menu ul li a:hover { color:#524B45; text-shadow:0 -1px 1px rgba(255,255,255,1);}
.menu ul li a.active { color:#524B45;}


/* contact */
.contact { padding:0; margin:44px 43px 0 0; float:right; height:96px; text-align:right; font: normal 12px georgia, times new roman, times, serif;}
.large {display:block; font: normal 20px georgia, times new roman, times, serif; text-decoration:none; color:#857C70; letter-spacing:-1px; margin:0; padding:0;}
.large:hover {text-decoration:underline; color:#524B45; text-shadow:0 -1px 1px rgba(255,255,255,1);}
.small {display:block; font: normal 12px georgia, times new roman, times, serif; text-decoration:none; color:#857C70; margin:0 0 4px; padding:0; }
.small:hover {text-decoration:underline; color:#524B45; text-shadow:0 -1px 1px rgba(255,255,255,1);}


/* main */
.main { margin:0; padding:0;}
.main_resize { margin:0 auto; padding:0; width:945px;}
.main_resize img { margin:5px auto; padding:0;}
.main_resize img.floated { float:left; margin:5px 5px; padding:0;}
.main_left { width:223px; float:left; padding:0; margin:0;}
.main_right { width:680px; float:right; padding:0; margin:0;}
.main_right_bg { background:#fff;  border:1px solid #efefef; padding:10px; margin:15px auto;}
.main_resize h2 { font:normal 16px georgia, times new roman, times, serif; padding:0; text-align:center; color:#524B45; margin:25px 0 8px; text-shadow:0 -1px 1px rgba(255,255,255,1);}
.main_resize p { font:normal 11px georgia, times new roman, times, serif; padding:0 15px; line-height:19px; text-align:justify; margin:0;}

.quote h2 { font:normal 16px georgia, times new roman, times, serif; padding:0; text-align:center; color:#524B45; margin:0 0 8px; text-shadow:0 -1px 1px rgba(255,255,255,1);}
.quote {  margin:25px auto 0; width:167px; height:176px; font:normal 11px georgia, times new roman, times, serif; text-align:justify; line-height:19px;}

.quoteabout h2 { font:normal 16px georgia, times new roman, times, serif; padding:0; text-align:center; color:#524B45; margin:0 0 8px; text-shadow:0 -1px 1px rgba(255,255,255,1);}
.quoteabout {  margin:10px auto 0; width:180px; height:176px; font:normal 11px georgia, times new roman, times, serif; text-align:justify; line-height:19px;}

.col ul { margin:25px 0 0 27px; padding:0; list-style:none; height:176px;}
.col li h2 { font:normal 16px georgia, times new roman, times, serif; padding:0; text-align:center; color:#524B45; margin:0 0 8px; text-shadow:0 -1px 1px rgba(255,255,255,1);}
.col li { width:180px; float:left; font:normal 11px georgia, times new roman, times, serif; padding:0 14px; line-height:19px; text-align:justify; margin:0;}
.col li a { font:normal 11px georgia, times new roman, times, serif; color:#857C70; margin:10px 0 0; text-align:center; color:#524B45; text-decoration:none; display:block;}
.col li a:hover {text-decoration:underline; text-shadow:0 -1px 1px rgba(255,255,255,1);}


/* logo */
.logo { padding:0; margin:0; height:180px; overflow:hidden;}
.logo img { margin:0; padding:0; border:none;}
.logo img:hover { margin:-180px 0 0;}


/********** contact form **********/
#contactform { margin:0 0 0 43px; padding:0; }
#contactform * { font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform label { margin:0 auto; width:250px; display:block; padding:10px 0 2px; color:#524B45; font: normal 12px georgia, times new roman, times, serif; float:left; }
#contactform label span { color:#7AA6B3; font-size:10px; font-family: Lucida Console, Monaco5, monospace; margin:-10px 0 -10px 5px;}
#contactform input.text { width:586px; border:none; margin:2px 0; padding:5px 0 5px 10px; height:16px; background:#fff; float:left; background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:inset 0 0 6px rgba(0,0,0,.6); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.6); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6); color:#857C70;}
#contactform textarea { width:576px; border:none; margin:2px 0; padding:10px; float:left; background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:inset 0 0 6px rgba(0,0,0,.6); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.6); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6); font: normal 12px georgia, times new roman, times, serif; color:#857C70;}
.submit { float:right; margin:15px 23px 0 0; padding:0;  border:0; height:42px; width:221px; display:block; background:url(../images/submit.png) no-repeat top center; cursor:pointer; outline:none; }
.submit:hover { margin:15px 23px 0 0; padding:0; border:0; background:url(../images/submit.png) no-repeat bottom center; }


/*************footer**********/
.footer {padding:0; margin:25px auto; font-size:10px; text-align:center; line-height:16px; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}

/* Index Slider */
#slideshowoutline { border:1px solid #857C70; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:27px auto 3px; width:584px; height:138px; padding:5px; }
#slider { padding:0px; margin:0 auto; }
#slideshow { margin:0 auto; width:584px; height:138px; background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; box-shadow:inset 0 0 10px rgba(0,0,0,.5); -moz-box-shadow:inset 0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5); padding:0; }
.slider-item { height: 138px; margin:0 auto 0; padding:0; overflow:hidden; }
.slider-item img { border:none; margin:0; padding:0;}
.slider-item img:hover { margin:-138px 0 0; }
.slider_content_inner img { border: none; margin:0 auto; }
.controls-center { width: 600px; margin:0 auto; padding:0; }
#slider_controls { float: right; margin:0 0 3px;  width:90px;}
#slider_controls ul { margin:0 auto; padding:0; width:74px;}
#slider_controls ul li { background:none; margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('../images/tabs_2.png') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover { background:url('../images/tabs_3.png') no-repeat center center; }
#slider_controls ul li a.activeSlide { background:url('../images/tabs_1.png') no-repeat center center; }

/* ------ Slider Style for the about page is in the head of the about.html --------*/

/* Projects Thumbnail Slider */

.thumb ul { list-style:none; }
.thumb li { margin:0 26px 0 0; padding:0; float:left; width:180px; }

.boxgridoutline { border:1px solid #857C70; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:170px; 
height:138px; padding:5px; }

.boxgrid { 
				width: 170px; 
				height: 138px; 
				margin:0;
				padding:0; 
				float:left;   
				overflow: hidden; 
				position: relative; 
				background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;
				border-radius: 4px; box-shadow:inset 0 0 6px rgba(0,0,0,.6); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.6); 
				-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6);
			}
			
				.boxgrid a { 
				font:normal 10px georgia, times new roman, times, serif; color:#857C70; 
				margin:0 0 2px; display:block; text-align:center; color:#524B45;}
				
				.boxgrid a:hover {text-decoration:underline; text-shadow:0 1px 2px rgba(0,0,0,.3); color:#000;}
				
				.boxgrid img { 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0;
					margin:0;
					padding:0; 
				}
				
				.boxgrid h3 { 
					padding: 8px 0 0; 
					font: normal 12px georgia, times new roman, times, serif; 
					color:#524B45;
					text-align:center;
					}
					
				.boxgrid p { 
					padding: 2px 10px 10px; 
					font: normal 10px georgia, times new roman, times, serif; 
					color:#857C70; 
					text-align:justify;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 155px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 155;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 155;
 					left: 0;
 				}