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

 
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
	background-color: #85889A;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 0;
	padding: 17px 0 0 0;
	text-align: center;
	background-image: url(/images/interface/newFade_bkg_fade.gif);
	background-repeat: repeat-x;
}
h1 {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	line-height: normal;
}
h2 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
a,  a:link {
	color: #006;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
	color: #FFC;
	text-decoration: underline;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}
#outerWrapper {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 780px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}
#outerWrapper #innerWrapper {
	margin: 0px 0px 0px 0px;
	width: 780px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}
#outerWrapper #innerWrapper #leftColumn {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 247px;
	clear: left;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
}
#outerWrapper #innerWrapper #leftColumn #descriptionArea {
	margin: 0px;
	height: 384px;
	width: 210px;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: none;
}
#outerWrapper #innerWrapper #leftColumn #descriptionArea table {
	height: 354px;
	text-align: right;
	width: 210px;
}
#outerWrapper #innerWrapper #leftColumn #navArea {
	height: 160px;
	width: 247px;
	background-image: url(/images/interface/newFade_nav_bkg.gif);
	background-repeat: no-repeat;
	padding: 30px 0px 0px 0px;
	margin: 0px;
	border: 0px 0px 0px 0px;
	background-position: right top;
}
#outerWrapper #innerWrapper #leftColumn #navArea #nameGFX {
	height: 25px;
	margin-bottom: 15px;
	width: 130px;
	margin-left: 95px;
	cursor: pointer;
}
#outerWrapper #innerWrapper #leftColumn #navArea #nameGFX h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	font-size: 1px;
	top: -100px;
}
#outerWrapper #innerWrapper #leftColumn #navArea #CatagoryLinks {
	margin: 0px;
	padding: 0px;
	height: 55px;
}
#outerWrapper #innerWrapper #leftColumn #navArea #CatagoryLinks a {
	margin-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	width: 180px;
	margin-bottom: 0px;
	height: 18px;
}
#outerWrapper #innerWrapper #leftColumn #navArea a {
	color: #BBC2D0;
	font-weight: 400;
	font-size: 12px;
	float: right;
	text-align: right;
	clear: right;
	text-decoration: none;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 12px 3px 0px;
	padding: 4px 0px 0px 0px;
}
#outerWrapper #innerWrapper #leftColumn #navArea a:hover {
	color: #FFC;
	text-decoration: none;
}
#outerWrapper #innerWrapper #leftColumn #thumbnailbox {
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 59px;
	height: 115px;
}
#outerWrapper #innerWrapper #leftColumn #thumbnailbox ul {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	float: right;
	clear: right;
}
#outerWrapper #innerWrapper #leftColumn #thumbnailbox li {
	background-color: #ebebeb;
	margin: 0px 2px 2px 0px;
	padding: 0px 0px 0px 0px;
	height: 40px;
	width: 40px;
	float: right;
	display: block;
	cursor: pointer;
}
#outerWrapper #innerWrapper #leftColumn #thumbnailbox a {
	text-decoration: none;
	width: 40px;
	height: 40px;
	display: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#outerWrapper #innerWrapper #leftColumn #thumbnailbox a:hover {
	text-decoration: none;
}
#outerWrapper #innerWrapper #leftColumn #thumbnailbox h2 {
	text-align: right;
	margin: 0px 0px 8px 0px;
	font-family: Arial, sans-serif;
	font-weight: 400;
	color:#324462;
	font-size: 14px;
}
#outerWrapper #innerWrapper #rightColumn {
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-y;
	width: 532px;
	background-image: url(/images/interface/newFade_content_bkg.gif);
	border: 0px 0px 0px 0px;
	display: inline-block;
	float: left;
}
#outerWrapper #innerWrapper #rightColumn #content {
	width: 492px;
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 0px 0px;
	background-image: url(/images/interface/newFade_content_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 357px;
	border: 0px 0px 0px 0px;
}
#outerWrapper #innerWrapper #rightColumn #content #contentWrap {
	width: 453px;
	padding: 37px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}
#outerWrapper #innerWrapper #rightColumn #content img {
	text-align: center;
	margin: 0px 0px 0px 0px;
}
#outerWrapper #innerWrapper #rightColumn #content h1  {
	position: absolute;
	top: -100px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
#outerWrapper #innerWrapper #rightColumn #content h2 {
	font-family: Arial, sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 18px;
	margin: 20px 0px 5px 0px;
	width: 447px;
}
#outerWrapper #innerWrapper #rightColumn #content p {
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	margin: 0px 0px 10px 0px;
}
#outerWrapper #innerWrapper #rightColumn #content a {
	font-weight: normal;
	color: #2E4963;
	text-decoration: underline;
}
#outerWrapper #innerWrapper #rightColumn #content a:hover {
	text-decoration: underline;
	color: #C90;
}
#outerWrapper #innerWrapper #rightColumn #content #HPheader {
	background-image: url(/images/page_titles/homepage_head.gif);
	background-repeat: no-repeat;
	width: 440px;
	height: 22px;
	margin: 0px 0px 30px 0px;
	float: right;
	clear: right;
}
#outerWrapper #innerWrapper #rightColumn #content #GDheader {
	background-image: url(/images/page_titles/graphicDesign_head.gif);
	background-repeat: no-repeat;
	width: 447px;
	height: 22px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	float: right;
	clear: right;
}
#outerWrapper #innerWrapper #rightColumn #content #WDheader {
	background-image: url(/images/page_titles/webDesign_head.gif);
	background-repeat: no-repeat;
	width: 447px;
	height: 22px;
	margin: 0px 0px 20px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	clear: right;
}
#outerWrapper #innerWrapper #rightColumn #content #threeDheader {
	background-image: url(/images/page_titles/3d_head.gif);
	background-repeat: no-repeat;
	width: 370px;
	height: 22px;
	margin: 0px 0px 30px 0px;
}
#outerWrapper #innerWrapper #rightColumn #content #ContactHeader {
	background-image: url(/images/page_titles/contact_head.gif);
	background-repeat: no-repeat;
	width: 440px;
	height: 22px;
	margin: 0px 0px 30px 0px;
	float: left;
	clear: right;
}
#outerWrapper #innerWrapper #rightColumn #content #MOVheader {
	background-image: url(/images/page_titles/animation.gif);
	background-repeat: no-repeat;
	width: 370px;
	height: 22px;
	margin: 0px 0px 30px 0px;
}
#outerWrapper #innerWrapper #rightColumn #content #Sketchheader {
	background-image: url(/images/page_titles/sketchbook.gif);
	background-repeat: no-repeat;
	width: 370px;
	height: 22px;
	margin: 0px 0px 30px 0px;
}
#outerWrapper #innerWrapper #rightColumn #content #contentWrap1 {
	height: 350px;
	width: 449px;
	padding: 37px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#outerWrapper #innerWrapper #rightColumn #content .thumbs {
	float: right;
	clear: right;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	width: 447px;
	display: block;
}
#outerWrapper #innerWrapper #rightColumn #content .thumbs ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-position: outside;
}
#outerWrapper #innerWrapper #rightColumn #content .thumbs li {
	margin: 0px 3px 3px 0px;
	padding: 0px 0px 0px 0px;
	height: 82px;
	width: 64px;
	float: left;
	display: block;
	cursor: pointer;
}
#outerWrapper #innerWrapper #rightColumn #footer {
	background-image: url(/images/interface/newFade_content_bttm.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 60px;
	padding: 40px 0px 0px 44px;
	margin: 0px 0px 0px 0px;
	width: 483px;
	background-color: #85889A;
	float: left;
	clear: right;
}
#outerWrapper #innerWrapper .clearFloat {
  clear: left;
  display: block;
}
.copyright {
	font-size: 10px;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #333;
}