@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------
*** HTML TAG STYLES
---------------------------------------------*/
body {
	background: #000000;
	color: #b1b1b1;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	}

p {
	margin: 0;
	padding: 0 0 16px;
	}

h2 {
	color: #FFFFFF;
	font-size: 14px;
	margin: 0;
	padding: 0 0 16px;
	}

/*---------------------------------------------
*** LINK STYLES
---------------------------------------------*/
a img {
	border: 0;
	outline: 0;
	}

a:link, a:visited, a:active {
	color: #ff3c00;
	text-decoration: none;
	}

a:hover {
	color: #ff3c00;
	text-decoration: underline;
	}

a.link_email {
	background: url(../images/icon_email.png) no-repeat 0 50%;
	display: block;
	float: left;
	margin-bottom: 16px;
	padding: 0 0 0 22px;
	}

a.link_facebook {
	background: url(../images/icon_facebook.png) no-repeat 0 50%;
	display: block;
	float: left;
	margin-bottom: 16px;
	padding: 0 0 0 22px;
	}

a.link_linkedin {
	background: url(../images/icon_linkedin.png) no-repeat 0 50%;
	display: block;
	float: left;
	margin-bottom: 16px;
	padding: 0 0 0 22px;
	}

/*---------------------------------------------
*** NAV STYLES
---------------------------------------------*/
#navContainer {
	float: right;
	width: 606px;
	}

#navAboutus {
	background: url(../images/nav/nav_aboutus.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 63px;
	width: 92px;
	}

#navAboutus:hover {
	background-position: 0 -63px;
	}

#navAboutus_at, #navAboutus_at:hover  {
	background: url(../images/nav/nav_aboutus.png) no-repeat 0 -126px;
	display: block;
	float: left;
	height: 63px;
	width: 92px;
	}

#navContactus {
	background: url(../images/nav/nav_contactus.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 63px;
	width: 105px;
	}

#navContactus:hover {
	background-position: 0 -63px;
	}

#navContactus_at, #navContactus_at:hover  {
	background: url(../images/nav/nav_contactus.png) no-repeat 0 -126px;
	display: block;
	float: left;
	height: 63px;
	width: 105px;
	}

#navHome {
	background: url(../images/nav/nav_home.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 63px;
	width: 76px;
	}

#navHome:hover {
	background-position: 0 -63px;
	}

#navHome_at, #navHome_at:hover  {
	background: url(../images/nav/nav_home.png) no-repeat 0 -126px;
	display: block;
	float: left;
	height: 63px;
	width: 76px;
	}

#navPortfolio {
	background: url(../images/nav/nav_portfolio.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 63px;
	width: 131px;
	}

#navPortfolio:hover {
	background-position: 0 -63px;
	}

#navPortfolio_at, #navPortfolio_at:hover  {
	background: url(../images/nav/nav_portfolio.png) no-repeat 0 -126px;
	display: block;
	float: left;
	height: 63px;
	width: 131px;
	}

#navServices {
	background: url(../images/nav/nav_services.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 63px;
	width: 91px;
	}

#navServices:hover {
	background-position: 0 -63px;
	}

#navServices_at, #navServices_at:hover  {
	background: url(../images/nav/nav_services.png) no-repeat 0 -126px;
	display: block;
	float: left;
	height: 63px;
	width: 91px;
	}

#navWhatsnew {
	background: url(../images/nav/nav_whatsnew.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 63px;
	width: 110px;
	}

#navWhatsnew:hover {
	background-position: 0 -63px;
	}

#navWhatsnew_at, #navWhatsnew_at:hover  {
	background: url(../images/nav/nav_whatsnew.png) no-repeat 0 -126px;
	display: block;
	float: left;
	height: 63px;
	width: 110px;
	}

/*---------------------------------------------
*** HOME STYLES
---------------------------------------------*/
#home_mainstage {
	background: url(../images/home/home_mainstage.jpg) no-repeat top left;
	min-height: 491px;
	width: 965px;
	}

.home_mainstage_left {
	background: url(../images/home/home_mainstage_left.jpg) no-repeat top right;
	height: 491px;
	min-width: 15px;
	}

.home_mainstage_right {
	background: url(../images/home/home_mainstage_right.jpg) no-repeat top left;
	height: 491px;
	min-width: 15px;
	}

#home_intro {
	line-height: 16px;
	padding: 287px 30px 30px;
	width: 420px;
	}

.homeintro_links {
	background: url(../images/shell/caret.gif) no-repeat 0 50%;
	display: block;
	float: left;
	padding: 0 0 0 12px;
	margin-right: 20px;
	}

.home_viewportfolio {
	background: url(../images/home/home_viewportfolio.png) no-repeat bottom center;
	width: 278px;
	height: 310px;
	margin: 86px 0 0;
	float: right;
	}

/*---------------------------------------------
*** SHELL STYLES
---------------------------------------------*/
#aboutUsLeft {
	float: left;
	min-height: 280px;
	padding-top: 20px;
	width: 240px;
	}

#aboutUsRight {
	background: url(../images/pics/pic_aboutus2.jpg) no-repeat top right;
	float: left;
	min-height: 280px;
	padding: 30px 200px 40px 0;
	width: 524px;
	}

#contactUsLeft {
	float: left;
	min-height: 280px;
	padding: 20px 0 0 10px;
	width: 240px;
	}

#contactUsRight {
	background: url(../images/pics/pic_contactus2.jpg) no-repeat top right;
	float: left;
	min-height: 280px;
	padding: 30px 250px 40px 20px;
	width: 445px;
	}

#mainContainer {
	width: 965px;
	margin: 0 auto;
	text-align: left;
	}

.footerleft {
	color: #666666;
	float: left;
	font-size: 9px;
	line-height: 12px;
	margin: 20px 10px;
	width: 480px;
	}

.footerleft a, .footerleft a:hover {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	}

.footerright {
	float: right;
	margin: 20px 0;
	width: 435px;
	}

#headerAboutUs {
	background: url(../images/ttl/header_aboutus.jpg) no-repeat 0 63px;
	height: 294px;	
	width: 965px;
	}

#headerAboutUs h1 {
	height: 92px;
	margin: 75px 0 0;
	padding: 0;
	width: 248px;
	}

#headerContactUs {
	background: url(../images/ttl/header_contactus.jpg) no-repeat 0 63px;
	height: 295px;	
	width: 965px;
	}

#headerContactUs h1 {
	height: 92px;
	margin: 75px 0 0;
	padding: 0;
	width: 248px;
	}

#headerServices {
	background: url(../images/ttl/header_services.jpg) no-repeat 0 63px;
	height: 295px;	
	width: 965px;
	}

#headerServices h1 {
	height: 92px;
	margin: 75px 0 0;
	padding: 0;
	width: 248px;
	}

#miscLeft {
	float: left;
	min-height: 280px;
	padding: 0 0 40px;
	width: 229px;
	}

#miscLeft a {
	display: block;
	margin: 0 0 76px;
	padding: 0;
	}

#miscRight {
	float: left;
	min-height: 280px;
	padding: 0 0 20px 10px;
	width: 726px;
	}

#miscRight h1 {
	margin: 0;
	padding: 30px 0 10px 0;
	}

#portfolioLeft {
	float: left;
	min-height: 280px;
	padding: 0;
	width: 229px;
	}

#portfolioRight {
	float: left;
	min-height: 280px;
	padding: 0 0 20px;
	width: 736px;
	}

#portfolioRight h1 {
	margin: 0;
	padding: 30px 0 10px 20px;
	}

#servicesLeft {
	background: url(../images/pics/pic_light.jpg) no-repeat;
	float: left;
	min-height: 320px;
	padding: 30px 20px 30px 253px;
	width: 322px;
	}

#servicesRight {
	float: left;
	padding: 30px 0;
	width: 370px;
	}

/*---------------------------------------------
*** PORTFOLIO STYLES
---------------------------------------------*/
a.portfolio_tn {
	background: url(../portfolio/images/portfolio/portfolio_off.gif) no-repeat;
	border: 0;
	display: block;
	float: left;
	margin: 0 0 20px 20px;
	padding: 3px;
}

a.portfolio_tn:hover {
	background: url(../portfolio/images/portfolio/portfolio_on.gif) no-repeat;
}

ul.sidenav, ul.sidenav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ul.sidenav {
	font-family: Arial, Helvetica, sans-serif;
	margin: 71px 0 0 10px;
	}

ul.sidenav li.section_li {
	border-bottom: 1px solid #3F3F3F;
	border-top: 1px solid #3F3F3F;
	color: #FFFFFF;
	line-height: 27px;
	padding: 0;
	}

ul.sidenav li a {
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	line-height: 21px;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	}

ul.sidenav li a:hover {
	background: url(../images/shell/subnav_on.gif) repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	}

ul.sidenav li a.side_at, ul.sidenav li a.side_at:hover {
	background: #666666;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	line-height: 21px;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	}

/*---------------------------------------------
*** FORM STYLES
---------------------------------------------*/
form {
	margin: 0;
	padding: 0;
	}

input.contactfield {
	background: #D8D8D8;
	border: 1px solid #ff3c00;
	margin: 0;
	padding: 2px;
	width: 204px;
	}
/*---------------------------------------------
*** MISC STYLES
---------------------------------------------*/
.clearfloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	}

.img_bottomright {
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	}