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

html, body {
	height:100%;
}
body {
	background:#FFFFFF url(/images/main_bg.jpg) repeat center top;
	margin:0;
	padding:0;
	font: 18px "Arial", sans-serif;
}
h1 {
	margin: 0;
	padding: 0;
}
a {
	text-decoration:none;
	color:#FF6600;
}
img {
	border:0;
}
#wrapper {
	position: relative;
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	
	min-height: 100%;
}
#canvas {
	width:1110px;
	margin:0 auto;
	padding-bottom:408px;
}
#header {
	background:url(/images/header_bg.jpg) no-repeat center top;
	height:166px;
	position:relative;
}
#logo {
	height:168px;
	width:615px;
	float:left;
}
#logo a {
	height:168px;
	display:block;
}
#logo h1 {
	display:none;
}
#gNav {
    width: 950px;
	height: 41px;
    background: url(/images/gNav_sprite.gif);
    margin: 0 auto; padding: 0;
    position: relative;}
#gNav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#gNav li, #gNav a {
    height: 41px; display: block;
}
#gNav span {
	display:none;
}

#gNav1 {left: 0; width: 125px;}
#gNav2 {left: 126px; width: 95px;}
#gNav3 {left: 222px; width: 105px;}
#gNav4 {left: 328px; width: 105px;}
#gNav5 {left: 434px; width: 110px;}
#gNav6 {left: 545px; width: 135px;}
#gNav7 {left: 681px; width: 120px;}
#gNav8 {left: 802px; width: 155px;}

#gNav1 a:hover {background: transparent url(/images/gNav_sprite.gif) -1px -42px no-repeat;}
#gNav2 a:hover {background: transparent url(/images/gNav_sprite.gif) -127px -42px no-repeat;}
#gNav3 a:hover {background: transparent url(/images/gNav_sprite.gif) -223px -42px no-repeat;}
#gNav4 a:hover {background: transparent url(/images/gNav_sprite.gif) -329px -42px no-repeat;}
#gNav5 a:hover {background: transparent url(/images/gNav_sprite.gif) -435px -42px no-repeat;}
#gNav6 a:hover {background: transparent url(/images/gNav_sprite.gif) -546px -42px no-repeat;}
#gNav7 a:hover {background: transparent url(/images/gNav_sprite.gif) -682px -42px no-repeat;}
#gNav8 a:hover {background: transparent url(/images/gNav_sprite.gif) -803px -42px no-repeat;}



#subNav {
    width: 415px;
	height: 53px;
    background: url(/images/subNav_sprite.gif);
    margin: 0; padding: 0;
    position: relative;
	float:right;
	top: 55px;
	right:80px;
}
#subNav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
	}
#subNav li, #subNav a {
    height: 53px; display: block;
}
#subNav span {
	display:none;
}

#subNav1 {left: 0; width: 152px;}
#subNav2 {left: 153px; width: 94px;}
#subNav3 {left: 248px; width: 169px;}

#subNav1 a:hover {background: transparent url(/images/subNav_sprite.gif) 0 -53px no-repeat;}
#subNav2 a:hover {background: transparent url(/images/subNav_sprite.gif) -153px -53px no-repeat;}
#subNav3 a:hover {background: transparent url(/images/subNav_sprite.gif) -248px -53px no-repeat;}

#myAddThis {
	border:solid 0px #000;
	position:absolute;
	right:972px;
	top:144px;
}


#flash {
	background:url(/images/flash_bg.jpg) no-repeat center top;
	height:315px;
	width:950px;
	text-align:left;
	/* border: 1px solid #000; */
	margin:0 auto;
}
#flash p {
	color:#fff;
	padding-top:40px;
	padding-left:140px;
}
#content {
	width:950px;
	height:612px;
	margin:0 auto;
}
#welcome {
	background:url(/images/welcome_bg.jpg) no-repeat center top;
	height:612px !important;
	width:508px;
	float:left;
}
#welcomeMessage {
	color:#666;
	font-size:12px;
	padding-left:110px;
	padding-right:80px;
	padding-top:120px;
	line-height:18px;
}
#welcomeMessage ul {
	list-style: none;
	margin:0;
	padding:0;
}
#welcomeMessage li {
	background: #f1f5f8;
	margin:2px;
	padding:8px;
}
#welcomeMessage h1 {
	color:#666;
	letter-spacing:-1px;
	font-weight:normal;
	font-size:36px;
	margin-top:-10px;
}
#welcomeMessage li a {
	color:#538bcb;
	padding-left:7px;
	height:18px;
	display:block;
}
#welcomeMessage li a:hover {
	color:#000;
	font-weight:bold;
}
#news {
	background:url(/images/news_bg.jpg) no-repeat center top;
	height:271px;
	width:442px;
	float:right;
}
#newsText {
	font-size:12px;
	margin-top: 80px;
	padding-right: 110px;
	padding-left: 32px;
	color:#666;
}
#newsText h1 {
	display:inline;
	font-size:12px;
	color:#333;
	margin:0;
}
#newsText p {
	margin:0;
}
.newsHR {
	height:1px;
	border-bottom: 1px dashed #CCC;
	margin-top:4px;
	margin-bottom:4px;
}
#flickr {
	background:url(/images/flickr_bg.jpg) no-repeat center top;
	height:341px;
	width:442px;
	float:right;
}
#flickr img {
	margin-top:35px;
	margin-left:27px;
}
#footer {
	background: #663300 url(/images/footer_bg.jpg) repeat-x center top;
	height: 408px;
	width: 100%;
	position: absolute;
    bottom: 0;
}
#sandBox {
	background: url(/images/sandbox_bg.jpg) no-repeat center top;
	height:220px;
}
#sandBoxCanvas {
	width:607px;
	margin:0 auto;
	padding-top:80px;
}
.sandBoxItem {
	width:202px;
	height:130px;
	text-align:center;
	font-size:12px;
	float:left;
}
.sandBoxItem img {
	margin-bottom:20px;
}
.sandBoxItem a {
	color:#b67b2f;
	font-weight:bold;
}
.sandBoxItem a:hover {
	color:#fff;
}
#footerMain {
	background: url(/images/footer_canvas_bg.jpg) no-repeat center top;
	height:188px;
	width:1110px;
	margin:0 auto;
}
#resumes {
	height:40px;
	width:41px;
	position: relative;
	top: 23px;
	left: 165px;
}
#resumeText {
	width:135px;
	position: relative;
	top: 5px;
	left: 233px;
	font-size:12px;
	color:#986f49;
}
#bookMarks {
	height:43px;
	width:45px;
	position: relative;
	top: -47px;
	left: 381px;
}
#bookMarksText {
	width:185px;
	position: relative;
	top: -65px;
	left: 452px;
	font-size:12px;
	color:#986f49;
}
#copyrightText {
	width:144px;
	position: relative;
	top: -110px;
	left: 721px;
	font-size:12px;
	color:#986f49;
}
#copyrightText span {
	font-weight:bold;
	color:#f7941d;
}



#portTitle {
	width:860px;
	height:89px;
	margin:0 auto;
}
#portTitle h1 {
	display:none;
}
#portTitleContinued {
	width:860px;
	height:48px;
	margin:0 auto;
}
#portTitleContinued h1 {
	display:none;
}
.portItemFeatured {
	width:840px;
	height:140px;
	margin:0 auto;
	margin-bottom:6px;
	background:#fff url(/images/port/feature_design_bg.jpg) no-repeat center top;
}
.portItemFeatured a{
	color:#666666;
}
.portItemFeatured a:hover{
	color:#f67e00;
}
.portItemFeatured ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:-5px;
}
.portItemFeatured li{
	display:inline;
	font-size:10px;
	padding:0px 4px;
	background:#c1bfa2;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
}
#iconTools {
	color:#fff;
	background:#8badd0;
}
.portItemFeatured .portThumb {
	float:left;
	margin-right:24px;
	margin-top:4px;
	margin-left:12px;
	margin-bottom:20px;
}
.portFeaturedText {
	margin-left:12px;
	padding-top:10px;
}
.portFeaturedText h2 {
	margin:0;
	padding:0;
	font-size:30px;
	color: #939393;
	font-weight:normal;
	letter-spacing:-2px;
}
.portFeaturedText span {
	font-size:16px;
	color:#CCCCCC;
	display:block;
	letter-spacing:normal;
}
.portFeaturedText h3 {
	margin:0;
	padding:0;
	font-size:20px;
	color:#c7e2ff;
	font-weight:normal;
	float:right;
	letter-spacing:-2px;
	margin-right:50px;
}
.portFeaturedText p {
	margin:0;
	padding:0;
	font-size:14px;
	color:#999999;
	font-weight:normal;
	margin-bottom:6px;
	margin-right:75px;
}
#content2 {
	width:850px;
	margin:0 auto;
	padding-top:25px;
}
#contactWrapper {
	width:840px;
	margin:0 auto;
	padding-top:25px;
	background:url(/images/canvas_bg.jpg) repeat-y center top;
}
#contactCanvas {
	width:740px;
	margin:0 auto;
}
	
#contentWrapper {
	width:840px;
	margin:0 auto;
	
}

#contentLeft {
	margin:5px 7px 7px;
}
#contentLeft h1 {
	letter-spacing:-2px;
	font-size:32px;
	background:url(/images/h1_bg.jpg) no-repeat center top;
}
#contentRight {
	float:right;
	background:#9fa093;
	width:140px;
	font-size:12px;
	margin:25px;
	color:#fff;
}
#contentRight p{
	padding:20px;
}
.contentItemBlock {
	border-bottom:dashed 1px #bdd7e4;
	margin-bottom:7px;
	padding:12px;
	background:url(/images/canvas_bg.jpg) repeat-y center top;
}
.contentItemBlock h2, .contentItemBlock h2 a{
	margin-left:-5px;
	color:#A3A3A3;
	letter-spacing:-1px;
	font-size:24px;
	font-weight:normal;
}
.contentItemBlock p{
	font-size:12px;
}
.contentItemBlock a{
	display:block;
	font-size:12px;
	font-weight:normal;
	
}

#rocketPromo {
	background:#000;
}
#rocketWrap {
	margin:0 auto;
}
#rocketPromo ul {
	width:1200px;
	margin:0 auto;
	text-align:center;
}
#rocketPromo li {
	font-size:12px;
	display:inline-block;
	margin:0 10px 20px 0;
}
#rocketPromo li a {
	color:#930;
}