/* @group Globals
------------------------------------------------------*/
body { font:62.5% verdana, arial, sans-serif; background:#2BC2E4 url('../images/site-background.jpg') no-repeat fixed bottom right; color:#000; text-align:center; }

a { text-decoration:none; color:#fff; }
a:hover { text-decoration:underline; }
/* @end */




/* @group Containers
------------------------------------------------------*/
#container { width:960px; margin:0 auto; text-align:left; }
#content { float:right; width:802px; overflow:hidden; }
/* @end */




/* @group Header
------------------------------------------------------*/
#header { height:179px; margin-bottom:100px; background:url('../images/header-gradient.png') repeat-x; }
#header .header-container { position:relative; width:960px; margin:0 auto; }
#header #pagetitle a { float:left; display:block; margin-left:51px; width:359px; height:179px; background:url('../images/header-logo.png') no-repeat; overflow:hidden; text-indent:-9999em; }
#header #tagline { display:none; }
#header #wires { float:right; display:block; margin-right:72px; width:217px; height:179px; background:url('../images/header-wires.png') no-repeat; }
/* @end */




/* @group Navigation
------------------------------------------------------*/
#nav { float:left; padding-right:7px; border-right:1px dotted #fff; }
#nav li { margin-bottom:8px; }
#nav li a { display:block; line-height:25px; width:150px; overflow:hidden; text-indent:-9999em; }

#nav li.home a { background:url('../images/nav-home.png') no-repeat top left; }
#nav li.about a { background:url('../images/nav-about.png') no-repeat top left; }
#nav li.services a { background:url('../images/nav-services.png') no-repeat top left; }
#nav li.applications a { background:url('../images/nav-applications.png') no-repeat top left; }
#nav li.clients a { background:url('../images/nav-clients.png') no-repeat top left; }
#nav li.blog a { background:url('../images/nav-blog.png') no-repeat top left; }
#nav li.news a { background:url('../images/nav-news.png') no-repeat top left; }
#nav li.contact a { background:url('../images/nav-contact.png') no-repeat top left; }

#nav li a:hover, #nav li.active a { background-position:bottom left; }
/* @end */




/* @group HTML Area
------------------------------------------------------*/
.htmlarea { position:relative; margin:0px 100px 0px 146px; line-height:1.8em; }
.htmlarea h1 { margin-bottom:35px; font-size:7.2em; font-weight:normal; text-transform:uppercase; color:#fff; }
.htmlarea h2 { margin-bottom:25px; font-size:2.5em; font-weight:normal; text-transform:uppercase; color:#fff; }
.htmlarea h3 { margin:20px 0px 10px 0px; padding-bottom:5px; font-size:1.2em; font-weight:normal; color:#fff; border-bottom:1px dotted #fff; }
.htmlarea h4,.htmlarea h5,.htmlarea h6 {  }
.htmlarea p { margin-bottom:15px; }
.htmlarea ul { margin-bottom:15px; list-style:disc; margin-left:1em; padding-left:1em; }
.htmlarea ol { margin-bottom:15px; list-style:decimal; margin-left:1em; padding-left:1em; }
.htmlarea li {  }
.htmlarea dl { margin-bottom:15px; }
.htmlarea dd {  }

.htmlarea table {  }
.htmlarea table tr {  }
.htmlarea table tr th { padding:10px 0px; font-style:italic; font-weight:normal; }
.htmlarea table tr td { padding-bottom:5px; }

.htmlarea table tr .application { padding-right:15px; width:285px; }
.htmlarea table tr .industry { padding-right:15px; width:125px; }
.htmlarea table tr .client { padding-right:15px; width:125px; }
/* @end */




/* @group Forms
------------------------------------------------------*/
label { display:block; float:left; width:120px; padding-right:10px; text-align:right; }

.textfield { margin-bottom:1px; }
.textfield input { padding:2px 0px; background:#B7E8F8; border:none; width:287px; }
.textarea textarea { background:#B7E8F8; border:none; width:287px; }

em.invalid { margin-left:5px; color:#f00; }
p#message { font-weight:bold; color:#fff; }
/* @end */




/* @group Buttons
------------------------------------------------------*/
#btn-resume { display:block; height:134px; width:226px; background:url('../images/btn-resume.png') no-repeat; text-indent:-9999em; overflow:hidden; }
/* @end */




/* @group Footer
------------------------------------------------------*/
#footer { clear:both; padding:190px 0px 24px 0px; text-align:center; color:#fff; }
#footer a { color:#fff; }

#footer .footer-nav li { display:inline; }

#footer #copyright { clear:both; font-style:italic; }
/* @end */




/* @group PAGES
------------------------------------------------------*/

	/* @group Home
	------------------------------------------------------*/
	#homepg #home-tagline { font-size:1.8em; color:#fff; padding:20px 0px; }
	/* @end */
	
	/* @group About
	------------------------------------------------------*/
	#aboutpg dt { padding-top:10px; border-top:1px dotted #fff; }
	#aboutpg dt span.timespan { color:#fff; }
	#aboutpg dt span.title { color:#2C4750; }
	#aboutpg dd { padding-bottom:10px; }
	#aboutpg dd.last { border-bottom:1px dotted #fff; }
	
	#aboutpg #btn-resume { margin-top:75px; }
	/* @end */
	
	/* @group News
	------------------------------------------------------*/
	#newspg h3.article-title { position:relative; font-size:1.8em; color:#000; }
	#newspg h3.article-title .article-date { position:absolute; right:0px; font-size:0.7em; font-weight:bold; color:#fff; }
	
	#newspg #recent-news { margin-top:45px; width:240px; }
	#newspg #recent-news .recent-article { position:relative; }
	#newspg #recent-news .recent-article h3.article-title { padding-right:60px; font-size:1.2em; font-weight:bold; }
	#newspg #recent-news .recent-article p.article-date { position:absolute; top:0px; right:0px; font-size:1.2em; font-weight:bold; color:#fff; }
	
	#newspg #btn-archive { display:block; position:absolute; bottom:0px; right:0px; height:133px; width:208px; background:url('../images/btn-archive.png') no-repeat; text-indent:-9999em; overflow:hidden; }
	/* @end */

	/* @group Blog
	------------------------------------------------------*/
	#blogpg .article h3.article-title a, #blogpg .article-meta a { color:#000; }
	#blogpg .article h3.article-title a:hover { text-decoration:none; }
	#blogpg .article h3.article-title { position:relative; font-size:1.8em; color:#000; margin-bottom:4px; }
	
	#blogpg .article p.article-meta { font-size:1.3em; color:#fff; }
	#blogpg .article p.article-meta span { color:#000; }
	
	#blogpg .article a.comments-link { display:block; padding-left:30px; }
	
	#blogpg .article a.more-link { display:block; text-align:right; }
	
	#blogpg #blogarchive ul { list-style-type:none; padding-left:0px; margin-left:0px; }
	#blogpg #blogarchive p.article-meta { font-size:1em; }
	
	#blogpg .navigation { overflow:hidden; border-top:1px dotted #fff; margin-top:20px; }
	#blogpg .navigation .alignleft { float:left; }
	#blogpg .navigation .alignright { float:right; }
	
	#blogpg #searchform { position:absolute; top:35px; left:325px; display:inline; float:right; }
	#blogpg #searchform .textfield { overflow:hidden; }
	#blogpg #searchform label { display:none; }
	#blogpg #searchform input { display:block; float:left; border:0; background:url('../images/search-bar.png') no-repeat; width:140px; height:14px; padding:8px; }
	#blogpg #searchform button { display:block; float:left; border:0; background:url('../images/search-btn.png') no-repeat; width:72px; height:30px; overflow:hidden; text-indent:-9999em; }
	
	#blogpg #comments { border-top:1px dotted #fff; padding-top:10px; }
	#blogpg #comments ol#comment-list { list-style-type:none; padding-left:0; margin-left:0; }
	#blogpg #comments ol#comment-list li { margin-bottom:30px; }
	#blogpg #comments .comment-title { border-bottom:1px dotted #fff; }
	#blogpg #commentform #submit { display:block; margin-left:126px; border:0; width:72px; height:30px; background:url('../images/btn-comment-submit.png') no-repeat; overflow:hidden; text-indent:-9999em; }
	/* @end */
	
	/* @group Contact
	------------------------------------------------------*/
	#contactpg h2 { border-bottom:1px dotted #fff; }
	#contactpg h3 { border:none; margin:0px; }
	
	#contactpg #submit { display:block; height:96px; width:157px; margin-left:126px; cursor:pointer; border:0; background:url('../images/btn-send.png') no-repeat; text-indent:-9999em; overflow:hidden; }
	/* @end */
/* @end */