@charset "utf-8";
/* CSS Document - Date: 14th Jun, 2010 */

body { margin:0; padding:0; background:#163C20; color:#666; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; border-top:5px solid #2A6439; }

div,p,img,hr,h1,h2,h3,h4,ul,ol,li,input,select,form { margin:0; padding:0;} /*-- for reset --*/

img, a img { border:0;}

.left {float:left;}
.right {float:right;}
.clear { clear:both; line-height:0; font-size:0;}
.clear-5 { clear:both; height:5px;}
.clear-10 { clear:both; height:10px;}
.clear-15 { clear:both; height:15px;}
.clear-20 { clear:both; height:20px;}
.clear-border { clear: both; font-size:0; border-bottom:1px solid #D1D1D1; margin:15px 0;}

p { margin:0 0 15px 0;}

a:focus { outline:none;}
a.active { -moz-outline: none;}

a { color:#097F19; text-decoration:underline;}
a:hover { color:#000; text-decoration:underline;}

h1 { font-size:26px; margin:0 0 15px 0;}
h2 { font-size:22px; margin:0 0 12px 0;}
h3 { font-size:16px; margin:0 0 10px 0;}
h4 { font-size:14px; margin:0 0 10px 0;}

.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}


/* -------------------------------------
      * -----  PAGE STYLES  ----- *
----------------------------------------*/
.Topheader { margin:0; padding:0; width:100%; overflow: hidden; background:#0A2516 url(../images/new/bg_header.jpg) no-repeat center top;
}
.Top { width:980px; margin:0 auto; padding:18px 0 10px 0; border-bottom:1px solid #213327; display: block;}
.Logo { width: 165px; height:50px; float:left;}
.Logo h1 a { margin:0; padding:0; display: block; text-indent:-9999px; width: 165px; height: 50px; background:url(images/new/capstone-logo.png) no-repeat 0 0;}

.Social-links { margin:0; padding:0; float:right; width: auto;}
.Social-links a { color:#fff; text-decoration: underline; padding:0 3px;}
.Social-links a :hover{ color:#71C587; text-decoration: underline;}
.Social-links img { vertical-align: middle;}

.Navigation { clear:right;
color:#7B8C80;
float:right;
font-family:Arial,Helvetica,Sans;
margin:16px 0 0;
padding-left:0;
text-align:right;
text-transform:uppercase;
width:562px;}

.Slideshow { width:980px; margin:0 auto; padding:0 0 28px 0; overflow: hidden; clear: both; background:url(images/new/header-bottom.png) no-repeat left bottom; height:278px;}

.Content-wrap { width:100%; margin:0; padding:0; overflow: hidden; clear: both; background:#FFFFFF;}
.Content { width: 920px; margin:0 auto; padding:0 30px 20px 30px; clear: both; background:#FFFFFF url(images/new/content-bk.gif) no-repeat 0 0; overflow: hidden;}
.Content h1 { text-transform: none;}

.work { width:100%; margin:0 0 15px 0; padding:0; float: left;}
ul.small-images { margin:0; padding:0; overflow: hidden;}
ul.small-images li.work_thumb { width: 200px; float:left; padding:0; margin:0 30px 0 0;  list-style: none;}
ul.small-images li.work_thumb img { border:1px solid #d1d1d1; padding:2px; overflow:hidden;}
ul.small-images li.work_thumb h3 { font-size:16px; color:#222; margin-bottom:0px; line-height:24px;}
ul.small-images li.work_thumb p { margin-bottom:5px; color:#666666;}

.hr-greenseparator { width:100%; height:7px; margin:20px 0; clear: both; background:#153B1F; font-size:0;}

.services-info { width:100%; margin:0 0 20px 0; padding:0; float:left;}
.column220 { width:220px; padding:0 10px 0 0; border-right:1px dashed #D1D1D1; margin-right:15px; float:left; display: inline;}
.services-info h2 { text-transform: uppercase; font-size: 16px;}
.column200 { width:180px; float:left; display: inline; margin:0; padding:0;}

.Footer-wrap { width: 100%; clear: both; margin:0; padding:18px 0; overflow: hidden; background:#163C20 url(images/new/footer-border.gif) repeat-x 0 0;}
.Footer { width: 940px; margin:0 auto; padding:0 0 0 10px; clear:both; color:#ffffff;}
.ft-links { border-right:1px solid #21452B; width: 129px; float:left; margin:0; padding:0; font-weight: bold; line-height:20px;}
.ft-links a { color:#fff; text-decoration: none;}
.ft-links a:hover { color:#B0C5B6; text-decoration: none;}

.ft-column { padding:0 30px; width:240px; border-right:1px solid #21452B; float: left; font-size:11px; color:#B0C5B6;}
.ft-column ul li { border-bottom:1px dashed #405F48; margin:5px 0; padding-bottom:8px; list-style: none;}
.ft-column a { color:#347C47; text-decoration: underline;}
.ft-column a:hover { color:#2DA44C; text-decoration: underline;}
.ft-column.blog-post a { color:#DFE8E1; font-weight: bold; text-decoration: underline;}
.ft-column.blog-post a:hover { color:#347C47;}

.ft-column h4 { color:#fff;}
.ft-column h4 img { vertical-align: middle; padding-right:7px;}

.ft-copyright { padding-left:26px; width:180px; float: left;}
.copyright { color:#617B68; padding:10px 0; font-size:11px; display: block; line-height:14px; border-top:1px dashed #405F48;}

/* ----------- Button Classes ---------- */
a.request-btn { background:url(images/new/request-btn.gif)  no-repeat 0 0; display: block; margin:10px 0; padding:0; width:167px; height:29px;}
a.request-btn span { display: none;}
a.request-btn:hover { background-position:0 -29px;}

a.arrow-link { text-decoration: underline; padding-right:16px; color:#154C23; background:url(images/new/bullet.gif) no-repeat scroll 100% 70%; font-size:11px;}
a.arrow-link:hover { color:#000; text-decoration: none;}


/* ------------- Inner pages ------------- */
.Slideshow-inner { width:980px; margin:0 auto; padding:0 0 28px 0; overflow: hidden; clear: both; height:183px; z-index:100; position: relative;}
.header-bottomimg-inner { position: absolute; bottom:0; left:0; z-index:100;}

.fade-inner { width: 980px; margin:0; padding:0; float:left; height:183px; z-index:10;}
.Slideshow-inner p.header_small_text { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; line-height:22px; width:450px; position: absolute; top: 105px; left:30px;}
.Slideshow-inner p { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; line-height:22px; width:450px; position: absolute; top: 105px; left:30px;}

.Slideshow-inner h1.header_big_text { font-size:25px; color:#fff; width: 450px; height:66px; position: absolute; top: 30px; left:30px; margin:0; padding:0;}
.Slideshow-inner h1.header_big_text p {font-size:25px; color:#fff; position: absolute; top: 0px; left:0px; margin:0; padding:0;}


.Left-column { margin:0; padding:0; width: 620px; float: left; }

.Left-column ul { margin:10px 0 20px 0; padding:0 0 0 15px;}

.Right-column { margin:0; padding:0; width: 270px; float: right; }

.Greenbox { background:#163C1F; padding:20px; overflow: hidden; clear: both; display: block; color:#fff; margin-bottom:20px;}

.Greenbox ul { margin:0; padding:0 0 0 15px; }
.Greenbox ul li { font-size:14px; margin:5px 0;}
.Greenbox ul li a { color:#fff; text-decoration: underline;}
.Greenbox ul li a:hover { color:#2DA44C; text-decoration: underline;}

.Right-column  .clear-border { border-color:#45634C;}
.Right-column h1, .Right-column h2 { text-transform: uppercase;}



/* ---------- Font Color | Sizes Classes ---------- */
.size12 { font-size:12px;}
.size13 { font-size:13px;}
.size14 { font-size:14px;}
.size16 { font-size:16px;}
.size18 { font-size:18px;}
.size20 { font-size:20px;}
.size30 { font-size:30px;}
.graytext { color:#999999;}
.darkgreen { color:#00573D;}
.blacktext { color:#333;}

/* ----------------- Banner Header ------------------------ */
.Slideshow { width:980px; margin:0 auto; padding:0 0 28px 0; overflow: hidden; clear: both;  height:278px; position: relative;} /*background:url(images/new/header-bottom.png) no-repeat left bottom;*/

.header-bottomimg { position: absolute; bottom:0; left:0; z-index:100;}


.showcase {
	height: 278px;
	position: absolute;
	top:278px;
	overflow:hidden;
	width: 100%;
	background:#fff;
}
.showcase-content {
	height: 278px;
	position: absolute;
	top:300px;
	width: 100%;
	background:#fff;
}
.showcase-content a.project-link {
cursor:pointer;
display:block;
height:27px;
margin-top:22px;
width:220px;
position:relative;
z-index: 100;
margin-left:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#D7D6D6;
text-decoration: none;
padding-left:10px;
padding-right:10px;
line-height:22px;
font-weight: bold;
}
.showcase-content a:hover.project-link { color:#fff; text-decoration: none;}
.showcase-content a.project-link img { padding-left:8px; vertical-align: middle;}

.showcase-image {
	height: 278px;
	position: absolute;
	top:300px;
	width: 80%;
	padding: 20px 10%;
}

#showcase-content-1 h1 {
  font-size:30px; color:#fff; width: 365px; margin-left:5px; margin-top:55px; height:66px;
}
#showcase-content-1 p {
	color:#F3F8FB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	margin-top:15px;
	margin-left:5px;
	margin-bottom:16px;
	width:360px;
}

.feature-markers {
	float:right;
	margin-top:9px;
	padding-right:15px;
}
.feature-markers a {
	background-color:#ddd;
	display:block;
	float:left;
	height:14px;
	margin-left:5px;
	width:14px;
	border: 1px solid #BAB9B9;
}
.feature-markers a:hover {
	background-color:#FFFFFF;
}
.feature-markers .active {
	background-color: #375642;
	border-color:#476953;
	cursor:default;
}

#showcase-content-2 h1 {
	font-size:30px; color:#fff; width: 365px; margin-left:5px; margin-top:55px; height:66px;
}
#showcase-content-2 p {
	color:#F3F8FB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	margin-top:15px;
	margin-left:5px;
	margin-bottom:16px;
	width:360px;
}

#showcase-1 {
  background:transparent url(images/new/header-bk.jpg) no-repeat 0 0;
	top: 0;
	z-index: 11;
}
#showcase-content-1 {
	background:url(images/new/bar.png) no-repeat 3px 200px;
	width: 980px;
	height: 278px;
	top: 0;
	padding-top: 0px;
	padding-left: 0px;
	float:right;
}

#showcase-image-1 {
	background: url(images/new/header1.png) no-repeat 0 0;
	height:278px;
	right:54px;
	padding:0;
	top:0;
	width:555px;
}
#showcase-2 {
	background:transparent url(images/new/header-bk.jpg) no-repeat 0 0;
	z-index: 12;
}
#showcase-content-2 {
	background: url(images/new/bar.png) no-repeat 3px 200px;
	width: 980px;
	height: 278px;
	top: 0;
	padding-top: 0px;
	padding-left: 0px;
	float:right;
}
#showcase-image-2 {
	background: url(images/new/header2.png) 0 0;
	height:278px;
	right:54px;
	padding:0;
	top:0;
	width:555px;
}

.showcasewrapper {
	width: 980px;
	margin: auto;
}

*----------- Portfolio page ----------- */
.line-separator { background:#E2E1E1; height:3px; margin:10px 0; clear: both;}
.workItem { margin:0 0 15px 0; padding:0; list-style: none; overflow: hidden;}
.workThumbWrap { float: left; padding: 0px; width: 280px; height: 140px; background: #fff; border:3px solid #CECECE; margin:10px;}
.workThumbHov{ z-index:4; position: absolute; display:block; width: 280px; height: 140px; background: url(../images/slidethumbhov.png) no-repeat;}

.green-bg { padding:6px 2%; width:96%; background:#1C4527; margin:0; float: left; clear: both; color:#fff;}
.green-bg a { color: #fff; text-decoration: underline;}
.green-bg a:hover { color: #6DAB70; text-decoration: underline;}
.project-nav { width: 260px; float: left; margin:3px 0 0 0; padding:0; }
.project-nav a { padding: 0 3px;}
h1.project-title { width:610px; float: right; margin:5px 0 0 0; padding:0; text-align: right; color:#FFFFFF}
.portfolio-scr { width:610px; margin:0; padding:0; float: left;}
.portfolio-scr .contentdiv { width:600px; border:3px solid #E5E5E5; float: left;}

.portfolio-detail { width: 280px; float: right; margin:0; padding:0;}
.portfolio-detail h1 { border-bottom: 1px dashed #c6c6c6; padding-bottom:6px;}
.small-heading { font-size: 14px; font-weight: bold; line-height:18px;}
.portfolio-detail ul { margin:10px 0 20px 0; padding:0;}
.portfolio-detail ul li { margin:5px 0; padding:0; background:url(../images/tick.gif) no-repeat 0 2px; list-style: none; line-height: 20px; padding-left: 25px;}