body, html {height: 100%;} /* 100% Height Fix */

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#999999 url(../images/bg.gif) top left repeat-x;
	position: relative; 
	min-width: 752px; 
	width: 100%; 
	margin: 0;
	padding: 0;
	text-align:center;	
	font-size:12px;
}

div, p {margin-top:0;font-size:12px;}/*clear top margin for mozilla*/

td {font-size:12px}

html>body #container {height: auto;} /* Mozilla Height Fix */
*html {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#container{
	height:100%;
	min-height:100%;
	min-width:752px;
	width:expression(document.body.clientWidth<=752?'752px':'auto');
	text-align:center;	
	margin-bottom:-129px;
	background:transparent url(../images/header_bg.gif) top left repeat-x;
}
*html #container {ma\rgin-bottom:-132px;}

#clearfooter {clear:both; height:129px;}/*needed to make room for footer*/

#footer {
	clear:both;
	height:119px;
	position:relative;
	padding-top:10px;
	color:#fafafa;
	background-color:#666666;
	font-size:10px;
	text-align:center;
	background:#666666 url(../images/footer_bg.gif) top left repeat-x;
	
}
* html #footer {/*only ie gets this style*/
	\height:129px;/* for ie5 */
	he\ight:122px;/* for ie6 */
}
#header {
	height:147px;
	background:transparent url(../images/header.jpg) top right no-repeat;	
}

#header_left, #header_right {position: absolute;top: 0;}
#header_left {left: 0; width:396px}
#header_right {right: 0; width:316px}

#logo  {
	width:267px;
	height:56px;
	margin-top:20px;
	background:transparent url(../images/logo.jpg) top left no-repeat;
}
#logo a, #logo a:visited, #logo a:hover {
	display:block;
	width:267px;
	height:56px;
}
#tnav {
	margin-top:48px;
	height:22px;
}
#tnav a, #tnav a:visited {
	display:block;	
	float:left;
	margin:1px;
	padding-top:2px;
	border:1px solid #fafafa;
	text-align:center;
	color:#fafafa;
	letter-spacing:2px;
	font-size:11px;
	width:92px;
	height:20px;
	height:"\"}\"";/*IE5x parsing bug exploit to fix display problem*/
	width:92px;
	height:18px;
}
#tnav a:hover {
	color:#666666;
	background:transparent url(../images/tnav_bg.jpg) top right no-repeat;
	text-decoration:none;
}
#snav {
	width:316px;
	height:39px;
	float:right;
	margin-top:101px;
}
#snav a, #snav a:visited {
	display:block;
	width:35px;
	height:39px;
	float:right;
	text-decoration:none;
	
}
#snav a.home, #snav a.home:visited {
	background:transparent url(../images/but_home.jpg) top left no-repeat;
}
#snav a.contact, #snav a.contact:visited {
	background:transparent url(../images/but_contact.jpg) top left no-repeat;
}
#snav a.home:hover {
	background:transparent url(../images/but_home_o.jpg) top left no-repeat;
	text-decoration:none;
}
#snav a.contact:hover {
	background:transparent url(../images/but_contact_o.jpg) top left no-repeat;
	text-decoration:none;
}

#content {
	width:100%;
	height:auto;
	float:right;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	letter-spacing:1px;
	
}
#nav {
	width:168px;
	height:auto;
	background:#cccccc url(../images/nav_bg.gif) top right repeat-y;
	letter-spacing:1px;
}
#nav_top {
	width:168px;
	height:5px;
	background:#cccccc url(../images/nav_top.gif) top left no-repeat;
	font-size:0px;
}
#nav_bottom {
	width:168px;
	height:38px;
	background:#cccccc url(../images/nav_bottom.jpg) top left no-repeat;
	font-size:0px;
}
#nav a, #nav a:visited {
	display:block;
	height:18px;
	padding-top:2px;
	margin:1px 8px 1px 1px;
	text-align:right;
	padding-right:2px;
	font-weight:bold;
}
#nav a.title, #nav a.title:visited {
	border:1px solid #a8a468;
	background-color:#fafafa;
	color:#a8a468;
}
#nav a.title:hover {
	border:1px solid #fafafa;
	background-color:#a8a468;
	color:#fafafa;
	text-decoration:none;

}
#nav a.subtitle, #nav a.subtitle:visited {
	border:1px solid #999999;
	background-color:#999999;
	color:#fafafa;
	font-weight:normal;
	margin-left:10px;
}
#nav a.subtitle:hover {
	border:1px solid #999999;
	background-color:#fafafa;
	color:#999999;
	text-decoration:none;

}
/*CONTENT STYLES*/
div, td , p {
	text-align:left;
}
td {
	vertical-align:top;
	text-align:left;
}
p {
	padding:0px 10px 0px 10px;
	margin:2px 0px 10px 0px;
	line-height:1.5;
}
ul {
	line-height:1.5;
	margin:0px 0px 0px 20px;
	padding:0px;
}
li {
	padding-bottom:4px;
}
a, a:visited {
	text-decoration:none;
	color:#d9ff9f;
}
a:hover {
	color:#fff048;
	text-decoration:underline;	
}
.l {
	float:left;
}
.c {
	text-align:center;
}
strong {
	color:#ff9;
}
em {
	font-family:Georgia, "Times New Roman", Times, serif;
}
h1 {
	background:#fff url(../images/grid_shade.gif) top left no-repeat;
	color:#666;
	margin:0px;
	padding:4px 5px 5px 16px;
	font-size:24px;
	letter-spacing:4px;
}
.fineprint {
	font-size:10px;
}
#showcase {
	width:150px;
	height:180px;
	background:#333 url(../images/portfolio/showcase.jpg) bottom center no-repeat;
	border:4px solid #333;
	margin-left:2px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	color:#fafafa;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
}
#showcase a, #showcase a:visited, #showcase a:hover {
	display:block;
	width:150px;
	height:160px;
}
.white_shade {
	background:#ffffff url(../images/white_bg.gif) top left repeat-x;
	height:5px;
	font-size:0px;
}
#front {
	width:100%;
	background-color:#fafafa;
	
}
#front td.illustrated {
	height:200px;
	background-position:top left;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	
}
.highlight {
	background-color:#ddd9aa;
	border:1px solid #a8a468;
	padding:5px;
	color:#333333;
}
.highlight2 {
	background-color:#ffc !important;
	border:1px solid #fc0;
	padding:5px;
	color:#333;
}
.highlight2 p, .highlight2 strong, .highlight2 li {
	color:#333 !important;
}
.highdark {
	background-color:#666;
	padding:5px;
	color:#fafafa;
}
ul.lista1 {
	list-style-image:url(../images/bullet1.gif);
}
a.tile, a.tile:visited {
	display:block;
	width:auto;
	height:80px;
	padding:2px 2px 2px 84px;
	background-repeat:no-repeat;
}
.goldb {
	color:#987818;
	font-weight:bold;
}
.gnet {
	color:#fff048;
	font-weight:bold;
}
.dark_right {
	
	height:auto;
	float:right;
	color:#fafafa;
	background:#666666 url(../images/dark_bg.gif) top left repeat-x;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #555555;
	border-left:1px solid #555555;
	margin:0px 0px 5px 0px;
	letter-spacing:1px;
	width:225px;
	width:"\"}\"";/*IE5x parsing bug exploit to fix display problem*/
	width:210px;

}

#design {
	padding:5px 5px 150px 5px;	
	background:transparent url(../images/pencil.jpg) bottom left no-repeat;
	letter-spacing:1px;
}
#programming {
		
	background:transparent url(../images/abacus.jpg) top right no-repeat;
	letter-spacing:1px;
}
#design_in, #programming_in {
	margin-right:220px;
	color:#fff;
}
#design_in p, .translucent_in p, .translucent_in li {
	color:#fff;
}
#programming_in, .translucent_in {
	padding:10px;
	background-color:#666666;
	border-right:1px solid #333333;
	opacity:0.75;
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	filter:alpha(opacity=75);
}
#uniform {
	font-weight:bold;
	color:#fefe67;
}
#sac {
	font-weight:bold;
	color:#d9ff9f;
}
#principles {
	width:201px;
	
}
#principles_top {
	width:201px;
	height:22px;
	background:url(../images/gp_top.jpg) top left no-repeat;
}
#principles_bottom {
	width:201px;
	height:22px;
	background:url(../images/gp_bottom.jpg) top left no-repeat;
}
#principles_in {
	padding:5px;
	background:#c7c070 url(../images/gp_bg.gif) top left repeat-y;
	color:#806b25;
	font-size:10px;
	text-transform:uppercase;
}
.note {
	padding:5px;
	width:189px;
	background:#fff url(../images/bg_graph.gif) top left repeat;
	color:#666;
	font-weight:bold;
	border:1px solid #333;
	border-top-color:#ccc;
	border-left-color:#ccc;
}
#team {
	background-color:#666;
	color:#fff;
}
#team img {
	float:left;
}
/*PORTFOLIO STYLES*/
#portfolio div {
	width:196px;
	margin:1px;
	height:90px;
	border:1px solid #ccc;
	float:left;
	font-size:11px;
	color:#fafafa;
}
h2 {
	background-color:#333333;
	color:#eaeaea;
	font-size:11px;
	font-weight:bold;
	background-image:none;
	height:16px;
	padding:4px;
	margin:0px;
}

#portfolio div img {
	margin:2px;
	float:left;
}
#portfolio a {
	font-weight:bold;
}
/*PORTFOLIO STYLES end*/
/*FORM STYLES*/
.req {color:#FF6852}
form {
	display:inline;
}
.formframe {
	background-color:#eaeaea;
	color:#666;
	border:1px solid #ccc;
	margin:0 200px 0 0;
	padding:5px;
}
label, div.empty {
	display:block;
	float:left;
	width:90px;
	text-align:right;
	padding:2px 4px 0 0;
}
input , select , option {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

/*inputs*/
input.finput{
	width:200px;
	height:auto;
	padding:2px;
	background:#fff url(../images/inputbg.gif) top left no-repeat;
	border:1px #ccc solid;
	font-weight:bold;
	margin-bottom:1px;	
}
input.finput:hover{
	height:auto;
	background:#fff url(../images/inputbg_focus.gif) top left no-repeat;
	border:1px #ccc solid;
}
input.finput:focus{
	height:auto;
	background:#fff url(../images/inputbg_focus.gif) top left no-repeat;
	border:1px #999 solid;
}
textarea.finput {
	padding:3px;
	background:#fff url(../images/inputbg.gif) top left no-repeat;
	border:1px #ccc solid;	
	font-weight:bold;
	width:290px;
	height:160px;
}
textarea.finput:hover {
	background:#fff url(../images/inputbg_focus.gif) top left no-repeat;
	border:1px #ccc solid;
}
textarea.finput:focus {
	background:#fff url(../images/inputbg_focus.gif) top left no-repeat;
	border:1px #999 solid;
}
a.button, a.button:visited {
	display:block;
	width:84px;
	height:20px;
	float:left;
	padding-top:5px;
	background:#C7C070 url(../images/button_short.jpg) top left no-repeat;
	color:#655E2C;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	letter-spacing:1px;
}
a.button:hover {
	background-position:bottom left;
}