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

body {
	background-color:#000;
	margin:0px;
	color:#FFF;
}
html {
	min-height: 100%;
	margin-bottom: 1px;
} /* forces firefox to show vertical scroll bars to stop pixel shifting */
#navWrapper {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:30px;
	position:relative;
	z-index:1;
}
#banner {
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:190px;
	position:relative;
	z-index:2;
}
#welcomeWrapper {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:115px;
	position:relative;
	z-index:3;
}
#welcomeNoteWrapper {
	float:left;
	margin-left:60px;
	width:688px;
	height:115px;
}
#welcomeNote {
	width:688px;
	height:115px;
}
#sticker {
	float:right;
	margin-right:15px;
	background-image:url(../images/sticker.gif);
	width:118px;
	height:115px;
}
#bgTile {
	background-image:url(../images/bg_tile.gif);
	background-repeat:repeat-x;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:308px;
}
#doorWrapper {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:308px;
}
#door1 {
	background-image:url(../images/door_web.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:60px;
	width:156px;
	height:308px;
}
#door2 {
	background-image:url(../images/door_design.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:32px;
	width:156px;
	height:308px;
}
#door3 {
	background-image:url(../images/door_flash.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:32px;
	width:156px;
	height:308px;
}
#door4 {
	background-image:url(../images/door_print.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:32px;
	width:156px;
	height:308px;
}

/* TEXT STYLES */
#sectionTitle {
	width:799px;
	height:50px;
}
h1 {
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #CCC;
	margin-top:0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1E6987;
	margin:0;
	padding-bottom: 0;
}
.currentPage {
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #9C0;
	margin-top:0;
	margin-left:5px;
}
#welcomeWrapper #welcomeNoteWrapper #welcomeNote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	color: #555;
	text-align: justify;
	margin-top:2px;
}
.navPage {
	background-image:url(../images/nav_button_on.gif);
	float:right;
	width:76px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #BBB;
	text-align:center;
	line-height:28px;
}
.navButton {
	background-image:url(../images/nav_button.gif);
	float:right;
	width:76px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #CCC;
	text-align:center;
	line-height:28px;
}
.navButton:link {
	text-decoration:none;
}
.navButton:visited {
	color: #CCC;
	text-decoration:none;
}
.navButton:hover {
	color: #3B3B3B;
	text-decoration:none;
}
.navButton:active {
	outline: none;
}
.navButton:focus {
	outline-style: none;
}
.arrows {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color: #1E6987;
}
#footer {
	background-image:url(../images/bg_tile.gif);
	width:100%;
	height:308px;
	position:fixed;
	bottom:0px;
	z-index:0;
}

/* CSS specific to external pages */
#sectionWrapper {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:50px;
	position:relative;
	z-index:4;
}
#sectionTitleWrapper {
	float:left;
	margin-left:60px;
	width:688px;
	height:50px;
}
#sectionTitle {
	width:688px;
	height:50px;
}
#sectionTitle h1 {
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #CCC;
	margin-top:0;
}
#sectionTitle h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1E6987;
	margin:0;
	padding-bottom: 0;
}
#contentWrapper {
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
	position:relative;
	z-index:1;
}

/* CSS specific to experience page */
#icons {
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	width:298px;
	height:21px;
}
#expColumn1 {
	background-image:url(../images/webBox.png);
	background-repeat:no-repeat;
	float:left;
	width:275px;
	height:371px;
}
#expColumn2 {
	background-image:url(../images/flashBox.png);
	background-repeat:no-repeat;
	float:left;
	margin-left:37px;
	width:275px;
	height:371px;
}
#expColumn3 {
	background-image:url(../images/designBox.png);
	background-repeat:no-repeat;
	float:right;
	width:275px;
	height:371px;
}
#softwareWrapper {
	background-image:url(../images/softwareBox.png);
	background-repeat:no-repeat;
	float:left;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:80px;
}

/* table rules */
.tableDiv {
	float:left;
	width:300px;
	height:80px;
}
#contentWrapper table {
	margin-top:50px;
}
#softwareWrapper table{
	margin-top:26px;
	
}
#softwareWrapper table td {
	background-image:url(../images/software_bullet.gif);
	background-repeat:no-repeat;
	text-indent:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#4B4B4B;
}
#expColumn1, #expColumn2, #expColumn3, td {
	font-family:Arial, Helvetica, sans-serif;
	text-indent:15px;
	font-size:9pt;
	color:#CCC;
}
#expColumn1 td {
	background-image:url(../images/web_bullet.gif);
	background-repeat:no-repeat;
}
#expColumn2 td {
	background-image:url(../images/flash_bullet.gif);
	background-repeat:no-repeat;
}
#expColumn3 td {
	background-image:url(../images/design_bullet.gif);
	background-repeat:no-repeat;
}
#webBox {
	background-image:url(../images/webBox.png);
	background-repeat:no-repeat;
	width:275px;
	height:371px;
}
#webBox {
	background-image:url(../images/webBox.png);
	background-repeat:no-repeat;
	width:275px;
	height:371px;
}
#flashBox {
	background-image:url(../images/webBox.png);
	background-repeat:no-repeat;
	width:275px;
	height:371px;
}
#designBox {
	background-image:url(../images/webBox.png);
	background-repeat:no-repeat;
	width:275px;
	height:371px;
}

/* CSS specific to folio page */
#folioButtons {
	position:relative;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	width:773px;
	height:auto;
	z-index:5;
}
.usbButtons {
	padding-right:42px;
	padding-bottom:40px;
	float:left;
	width:338px;
	height:98px;
}

/* CSS specific to folio collections */
#folioLinksWrapper {
	position:relative;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:773px;
	z-index:1;
	height: auto;
}
	
/* folio thumbs CSS */
#thumbsWrapper {
	position:relative;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:773px;
	height:auto;
	z-index:5;
}
#thumbsWrapper ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#thumbsWrapper li {
	display:inline;
	float:left;
	height:160px;
	margin:30px 37px 0;
	padding:0;
}
#thumbsWrapper a {
	border:6px solid #222427;
	display:block;
	height:108px;
	margin:0;
	padding:0;
	width:170px;
}
#thumbsWrapper a:hover {
	border:6px solid #444;
}
#thumbsWrapper p {
	margin-top:4px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
}
img {
	border:0 none;
	border-style: none;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
#sectionTitle a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 16px;
	color: #CCC;
	margin:0;
	padding-bottom: 0;
}
#sectionTitle a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 16px;
	color: #9C0;
	margin:0;
	padding-bottom: 0;
}	

/* CSS specific to contact page */
#contentWrapper p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color:#1E6987;
	text-decoration:underline;
}
#contentWrapper p a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color:#CCC;
	text-decoration:underline;
}
#contentWrapper p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CCC;
	padding-left:60px;
}