/*** default declarations ***/
* { margin: 0; padding: 0; font-family: helvetica neue, arial, helvetica, sans-serif; }

html { min-height: 100%; height: auto; }

BODY { background: #6387bb url('bg_foot_alt.jpg') repeat-x bottom left; font-size: 13px;   }

p { margin: 0 0 15px 0; }

a { color: #333; text-decoration: none; border-bottom: 1px dotted #333; }
a:active { outline: none }

a img, a.img { border: none; }

h2 { background:url('bg_black70.png'); color: #fff; font-size: 16px; font-weight: normal; padding: 4px 10px; margin-bottom: 15px; font-family: helvetica neue light, helvetica neue, arial, sans-serif; font-weight: lighter; text-shadow: 1px 1px 2px #000; }

h3.stylized { color: #fff; font-size: 15px; margin-bottom: 2px; font-family: helvetica neue light, helvetica neue, arial, sans-serif; font-weight: lighter; text-shadow: 1px 1px 2px #000; }

/** section/layout unique ids **/

#body-wrap { background: transparent url('bg_main_alt.jpg') repeat-x; }

#header-bg { background-color: #000; opacity: .4; filter: alpha(opacity=40); height: 80px; width: 100%; position: absolute; }

#header-img { position: relative; padding: 10px 0 0 50px; float: left; width: 464px; }

#nav-wrap { clear: both; background: url('bg_nav.png'); height: 28px; margin-top: 8px; position: relative; width: 100%; }

#content-wrap {clear: both;  background:url('bg_cols.png'); width: 900px; margin: 0 0 0 50px; height: auto;  }

#content-wrap_alt {clear: both;  background:url('bg_white50.png'); width: 900px; margin: 0 0 0 50px; height: auto;  }

#content-main {  width: 570px; padding: 20px; min-height: 600px;  float: left; color: #000;  }

#content-wrap_alt #content-main { width: 800px }


#content-sidebar { width: 260px; min-height: 610px; padding: 15px; float: left; color: #fff; font-size: 12px; }

#footer { clear: both; background:url('bg_black80.png');  padding: 10px 0 10px 50px; height: 80px; color: #fff; font-size: 11px }

#nav-buttons { float: left; margin: 0px; width: 800px }

#contact-box { float: left; margin: 10px 0 0 155px; color: #fff; line-height: 18px; text-transform: uppercase; font-size: 11px; width: 265px; position: relative; z-index: 999; }

#contactForm {
	padding-top: 15px;
}

#contactForm table th {
	text-align: right;
	font-size: 12px;
	padding-right: 10px;
	vertical-align: top;
}

#contactForm input, #contactForm textarea {
	border: 1px solid #999;
	background-color: #000;
	color: #fff;
	font-size: 11px;
	padding: 2px 5px;
	margin-bottom: 10px;
	width: 370px;

}

.button, #contactForm input.button {
	color: #fff;
	background-color: #4175A6;
	border: 1px solid #304B55;
	border-left: 1px solid #87C2D8;
	border-top: 1px solid #87C2D8;
	font-weight: bold;
	width: 100px;
	padding: 3px 10px;
}

.button:active, #contactForm input.button:active {
	background-color: #4D7A8B;
	border: 1px solid #304B55;
	border-right: 1px solid #87C2D8;
	border-bottom: 1px solid #87C2D8;
	font-weight: bold;
	width: 100px;
}

#newsBlock { margin-bottom: 15px; }

.news-time { font-size: 10px; text-align: right }
.news-title { font-size: 13px; font-weight: bold; }
.news-title a, .news-teaser a { color: #bae7ff;  }
.news-teaser { margin-bottom: 10px }

#sendTable { color: #fff; }
#sendTable td {	text-align: left; padding: 5px }
#sendTable textarea, #sendTable input.text { font-size: 12px; width: 200px; color: #000 }


/** unique section link ids/classes ***/

#nav-buttons a { background:url('nav.png'); display: block; float: left; height: 28px; text-indent: -9999px; border-bottom: none }
#nav-buttons a:hover { background:url('nav_on.png'); }
#nav-buttons a#home { width: 72px; }
#nav-buttons a#about { background-position: -74px 0px; width: 76px; }
#nav-buttons a#video { background-position: -150px 0px; width: 74px; }
#nav-buttons a#blogs { background-position: -225px 0px; width: 78px; }
#nav-buttons a#projects { background-position: -304px 0px; width: 140px; }
#nav-buttons a#mp { background-position: -443px 0px; width: 127px; }
#nav-buttons a#corp { background-position: -572px 0px; width: 102px; }
#nav-buttons a#forum { background-position: -676px 0px; width: 73px; }


#footer a { color: #bae7ff; font-size: 11px; border-right: 1px solid #bae7ff; margin: 0 5px 0 0; padding: 0 7px 0 0 }
#footer a.last { border-right: none; }

#contact-box a { color: #5ED1FF; }

#twitterIcon, #facebookIcon, #flickrIcon, #youtubeIcon, #picasaIcon { font-size: 1; text-indent: -9999px; display: inline-block; border: none !important; padding: 0px !important; height: 19px; width: 19px; vertical-align: text-center; }

#twitterIcon { background-image: url('logoTwit.png'); margin-right: 3px }

#facebookIcon { background-image: url('logoFB.png'); margin-right: 3px }

#flickrIcon { background-image: url('logoFlckr.png'); margin-right: 3px }


#youtubeIcon { background-image: url('logoYT.png'); margin-right: 3px }

#picasaIcon { background-image: url('logoPicasa.png'); }

#twitFeed td { font-size: 11px; padding-top: 7px }

#twitFeed td.publish { font-size: 10px; color: #ccc; padding: 0 0 7px 0; border-bottom: 1px dotted #999; }

#twitFeed td a { color: #bae7ff; }


/*** common classes ***/

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.frame { width: 880px; margin: 0 0 0 10px }
#nav-wrap .frame { width: 890px; margin: 0 0 0 50px; }


.titleImg { display: block; margin-bottom: 15px; }

.txt-justify { text-align: justify; line-height: 18px; }

.txtCnt { text-align: center; }

.mgBot10 { margin-bottom: 10px; }
.mgBot15 { margin-bottom: 15px; }
.mgBot20 { margin-bottom: 20px; }
.mgTop0 { margin-top: 0px; }
.mgTop5 { margin-top: 5px; }
.mgTop10 { margin-top: 10px; }
.mgTop15 { margin-top: 15px; }
.mgTop20 { margin-top: 20px; }
.mgV15 { margin-top: 15px; margin-bottom: 15px; }
.mgV20 { margin-top: 20px; margin-bottom: 20px; }

.spacer10 { height: 10px; width: 10px; line-height: 10px }
.spacer15 { height: 15px; width: 15px; line-height: 15px }


.noBrd { border: none }