/*********************************
Start CSS reset
*********************************/
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,
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-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:960px;/* for mozilla*/ background-color: #fff;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/
* {
	margin:0;
	padding:0;
	}

html, body {    
   height: 100%; 
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#container {
	width:960px;
	margin:auto;min-height: 100%;
   	margin-bottom: -110px;
   	position: relative;
	}

/* GLOBAL STYLES */
.boldItalics {
	font-weight:bold;
	font-style:italic;
	}
	
.right {
	float:right;
	}

.left {
	float:left;
	}

.clear {
	clear:both;
	}

h1 {
	font-size:1.9em;
	font-weight:bold;
	margin:12px 0 12px 0;
	border-bottom:1px solid #000;
	padding:0 0 4px 0;
	}

h2 {
	font-size:1.3em;
	font-weight:bold;
	margin:12px 0 12px 0;
	}

p {
	line-height:1.4em;
	margin-bottom:1.2em;
	}

.moreInfo {
	display:block;
	height:16px;
	width:72px;
	background:transparent url(../images/moreInfo-btn.gif) no-repeat 0 0;
	text-indent:-9009px;
	}

.marginTop-12px {
	margin-top:12px;
	}
	
.marginBottom-12px {
	margin-bottom:12px;
	}

.marginLeft-12px {
	margin-left:12px;
	}

#mainContent ul.contentList {
	margin:0 0 0 12px;
	padding:0;
	}

#mainContent ul.contentList li {
	margin:0 0 .9em 0;
	padding:0;
	list-style: inside;
	}
	
.alert-green {padding:10px 20px; background:#66FF99; border:1px solid #009900; color:#009900;}
.alert-red {padding:10px 20px; background: #FF9999; border:1px solid #990000; color:#990000;}
.alert-blue {padding:10px 20px; background: #6699FF; border:1px solid #0066FF; color:#0066FF;}

/* HEADER STYLES */
#header {
	border-bottom:1px solid #000;
	padding-top:20px;
	}

.mainNav {
	margin-left:20px;
	}

.mainNav li {
	float:left;
	margin:0 12px;
	min-height:50px;
	}

.mainNav li a {
	padding:50px 0 0 0;
	min-width:50px;
	display:block;
	color:#333333;
	text-decoration:none;
	text-align:center;
	}
	
.mainNav li.homeLink a {
	background:url(../images/homeBtn-bg.gif) no-repeat top center;
	}

.mainNav li.homeLink a:hover {
	background:url(../images/homeBtn-bg-hover.gif) no-repeat top center;
	color:#666666;
	}

.mainNav li.aboutLink a {
	background:url(../images/aboutBtn-bg.gif) no-repeat top center;
	}

.mainNav li.aboutLink a:hover {
	background:url(../images/aboutBtn-bg-hover.gif) no-repeat top center;
	color:#666666;
	}
	
.mainNav li.servicesLink a {
	background:url(../images/servicesBtn-bg.gif) no-repeat top center;
	}

.mainNav li.servicesLink a:hover {
	background:url(../images/servicesBtn-bg-hover.gif) no-repeat top center;
	color:#666666;
	}

.mainNav li.statsLink a {
	background:url(../images/statsBtn-bg.gif) no-repeat top center;
	}

.mainNav li.statsLink a:hover {
	background:url(../images/statsBtn-bg-hover.gif) no-repeat top center;
	color:#666666;
	}
	
.mainNav li.partnersLink a {
	background:url(../images/partnersBtn-bg.gif) no-repeat top center;
	}

.mainNav li.partnersLink a:hover {
	background:url(../images/partnersBtn-bg-hover.gif) no-repeat top center;
	color:#666666;
	}
	
.mainNav li.contactLink a {
	background:url(../images/contactBtn-bg.gif) no-repeat top center;
	}

.mainNav li.contactLink a:hover {
	background:url(../images/contactBtn-bg-hover.gif) no-repeat top center;
	color:#666666;
	}
	
/* MAIN CONTENT STYLES */	
#mainContent {
	padding-bottom:10px;
	}

#home_col1 {
	width:306px;
	}

#home_col2 {
	width:306px;
	margin:0 20px;
	}
	
#home_col3 {
	width:308px;
	}

#inside_col1 {
	width:632px;
	margin-right:20px;
	}

#inside_col2 {
	width:308px;
	}

.welcome-h1 {
	height:24px;
	background:transparent url(../images/welcome_h1.gif) no-repeat 0 0;
	text-indent:-9009px;
	}

.news-h1 {
	height:24px;
	background:transparent url(../images/news_h1.gif) no-repeat 0 0;
	text-indent:-9009px;
	}

.currentWork-h1 {
	height:24px;
	background:transparent url(../images/currentWork_h1.gif) no-repeat 0 0;
	text-indent:-9009px;
	}

.about-h1 {
	height:24px;
	background:transparent url(../images/about_h1.png) no-repeat 0 0;
	text-indent:-9009px;
	}

.services-h1 {
	height:24px;
	background:transparent url(../images/services_h1.png) no-repeat 0 0;
	text-indent:-9009px;
	}

.stats-h1 {
	height:24px;
	background:transparent url(../images/stats-h1.png) no-repeat 0 0;
	text-indent:-9009px;
	}

.partners-h1 {
	height:24px;
	background:transparent url(../images/partners_h1.gif) no-repeat 0 0;
	text-indent:-9009px;
	}

.contact-h1 {
	height:24px;
	background:transparent url(../images/contact_h1.png) no-repeat 0 0;
	text-indent:-9009px;
	}
	
/* HOME NEWS FEED STYLES */
#newsFeed {
	background:url(../images/date-bg.gif) no-repeat 0 0;
	padding-left:40px;
	margin-bottom:12px;
	}

#newsFeed h3 {
	font-size:1em;
	border-bottom:1px dotted #000;
	padding:6px 4PX;
	margin-bottom:12px;
	font-weight:bold;
	}

#newsFeed p {
	font-size:10PX;
	line-height:1.4em;
	margin-bottom:1.2em;
	}
	
.aboutUstxt {
	width:430px;
	float:left;
	}

.date {
	font-size:8px;
	}
	
/* CONTACT US FORM STYLES */	
form {
	width:450px;
	}
input.txt {
	color:#333333;
	background-color:#CCCCCC;
	border:1px solid #333333;
	border-bottom:1px dashed #666666;
	width:200px;
	padding:5px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font:1em;
	}
textarea {
	color:#333333;
	background-color:#CCCCCC;
	border:1px solid #333333;
	padding:5px;
	height:120px;
	width:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
input.btn {
	margin-left:120px;
	}
form div {
	clear:left;
	margin:0;
	padding:0;
	padding-top:0.6em;
	}
form div label {
	float:left;
	width:100px;
	font-weight:bold;
	padding:5px;
	color:#666666;
	text-align:right;
	margin-right:10px;
	}
	
/* FOOTER STYLES */	
#footer {
	color:#FFFFFF;
	background:#000;
   	position: relative;
	background:#747474 url(../images/footer-bg.jpg) repeat-x;
	}
	
#footerInner {
	padding:12px 0;
	width:960px;
	margin:auto;
	background:url(../images/footerLogo.gif) no-repeat right;
	}

#footer h1 {
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0 0 4px 0;
	border:none;
	}

.footerNav {
	height:20px;
	}

.footerNav li {
	float:left;
	margin:0 20px 0 0;
	}

.footerNav li a {
	font-size:10px;
	color:#fff;
	text-decoration:none;
	}

.footerNav li a:hover {
	color:#fff;
	text-decoration: underline;
	}
	
.clearfooter {
   	height: 110px;
   	clear: both;
	}

/* CURRENT WORK STYLES */

ul.gallery {
	margin:0 0 0 -10px;
	padding:0;
	}

ul.gallery li {
	float:left;
	width:300px;
	list-style:none;
	margin:20px 10px;
	}
	
ul.gallery li h4 {
	margin-top:4px;
	}