/* -- [ INITS & BOOTY & WRAPPER ] ---------------------------------*/

* { margin:0;padding:0;border:0;}
li { text-transform:uppercase;}
a { text-decoration:none;}
img { border:none;}

html { background:url(body.jpg) #D6D6D6 bottom repeat-x fixed;}

body {
	text-align:center;
	font:10px/14px Verdana, sans-serif;
	color:#7F7F7F;
	}

hr { display:none;}

#wrapper {
	margin:0 auto;
	width:730px;
	text-align:center;
	position:relative;
	}

html>body #wrapper { background:url(wrapper.png) center repeat-y;}

#inside {
	margin:0 auto;
	width:710px;
	text-align:left;
	background:#fff;
	}



/* -- [ MAIN NAV ] ------------------------------------------------*/

h1#homebutton {
	position:absolute;
	top:0;
	left:10px;
	width:200px;
	height:68px;
	background:url(logo.gif) 0 -68px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	z-index:100;
	}

h1#homebutton a {
	display:block;
	width:200px;
	height:68px;
	background:url(logo.gif) no-repeat;
	}

h1#homebutton a:hover {
	background:none;
	}

ul#nav {
	padding:0 0 0 210px;
	background:#FF5C00;
	height:25px;
	font:bold 12px "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	overflow:hidden;
	height:25px;
	}

ul#nav li { 
	display:inline;
	line-height:28px;
	text-transform:uppercase;
	}

ul#nav a { 
	padding:8px 10px 6px 10px;
	color:#fff;
	}

ul#nav a:hover, ul#nav li a.active:hover { 
	background:#E63d00; color:#fff;
	}

ul#nav li a.active { color:#333;background:#FF7F3B;}



/* -- [ SIDEBAR NAV ] ---------------------------------------------*/

#sidebar {
	margin:90px 0 0 0;
	width:185px;
	float:left;
	color:#ccc;
	}

#sidebar h2 {
	font-size:10px;
	margin:0 5px;
	padding:1px 0 5px 20px;
	color:#545454;
	text-transform:uppercase;
	background:url(sidebarh.gif) no-repeat;
	letter-spacing:1px;
	}

#sidebar ul { 
	margin:0 0 20px 26px;
	list-style-type:none;
	line-height:18px;
	}

#sidebar li { 
	padding:0 0 0 8px;
	}

#sidebar a {
	margin:0 0 0 -9px;
	color:#7F7F7F;
	border-left:3px solid #fff;
	padding:0 0 0 6px;
	}

#sidebar a:hover, #sidebar a.active:hover {
	color:#000;
	border-left:3px solid #333;
	padding:0 0 0 6px;
	}

#sidebar a.active {
	border-left:3px solid #FF5C00;
	color:#FF5C00;
	}



/* -- [ CONTENT ] -------------------------------------------------*/

#content { 
	width:500px;
	float:right;
	padding:0 0 0 7px;
	margin:0 0 20px 0;
	background:url(content.gif) repeat-y;
	}

#contentend {
	clear:both;
	position:relative;
	margin:0 0 0 -7px;	
	background:url(content-end.gif) no-repeat;
	height:47px;
	}

#content p { margin:10px;}

p#hero { 
	margin:0;
	padding:0;
	line-height:1px; 
	}

p#mov { 
	margin:0;
	padding:0;
	height:280px;
	background:url(hero.jpg) no-repeat;
	}

html>body p#mov object { margin:0; }

* html object.mov { display: none; }
* html object.mov/**/ { display: inline; }
* html object.mov { display/**/: none; }

#content h2, #content h3 { 
	color:#FF5C00;
	text-transform:uppercase;
	letter-spacing:1px;
	}

#content h2 { margin:10px;font:bold 18px "Trebuchet MS", sans-serif;}
#content h3 { margin:10px 10px -10px 10px;font:bold 12px "Trebuchet MS", sans-serif;}

#content h3 a:link { color:#FF5C00; }
#content h3 a:visited { color:#545454; }

#content p a { background:#B7E4F0;color:#7F7F7F;}
#content p a:visited { background:#E3F5F9;color:#7F7F7F;}
#content p a:hover { background:#FF5C00;color:#fff;}

#content ul { margin:0 25px;}
#content li { list-style-type:square;text-transform:none;}

.colors p { width:95px;text-align:center;float:left;text-transform:uppercase;}
.items p { width:150px;text-align:center;float:left;text-transform:uppercase;}
#content .items p { margin:10px 5px;}

#index p, #tech p { width:95px;float:left;text-align:center;text-transform:uppercase;}
#tech p { width:80px;margin:10px 5px 10px 10px;}
#index p a:link, #index p a:visited, #tech p a:link, #tech p a:visited { background:none;}
#index p a:hover, #tech p a:hover { background:none;color:#FF5C00;}

#index .first { margin-left:40px;clear:both;}

#index h3, #noindex h3 {
	font:bold 10px/14px Verdana, sans-serif;
	margin:20px 0 0 0;
	padding:1px 0 5px 0;
	color:#545454;
	text-transform:uppercase;
	background:url(sidebarh.gif) 50% 0 no-repeat;
	clear:both;
	text-align:center;
	}

#noindex img { float:left;margin:10px 0 0 5px;}
#noindex p { padding:0 0 0 75px;}

#content img.left { float:left; padding:5px; }
#content img.right { float:right; padding:5px; }

input { border: 1px solid #7F7F7F; }
label { font-weight:bold; }
legend { display:none; }
form { padding:10px; }


/* -- [ DEEP NAV ] ------------------------------------------------*/

ul#deep {
	margin:0;
	background:url(hori.gif) #B7E4F0 bottom repeat-x;
	height:20px;
	padding-bottom:7px;
	}

ul#deep li { 
	display:inline;
	line-height:20px;
	text-transform:uppercase;
	}

ul#deep a { 
	padding:4px;
	color:#000;
	}

ul#deep a:hover, ul#deep li a.active:hover {  background:#5BA5CD;color:#fff; }

ul#deep li a.active {
	color:#FF5C00;background:#fff;
	border-bottom:7px solid #fff; 
	}



/* -- [ FOOTY + END ] ---------------------------------------------*/

#footer {
	clear:both;
	background:url(footer.gif) no-repeat #B7E4F0;
	}

#footer ul {
	padding:45px 0 10px 0;
	text-align:center;
	}
	
#footer li {
	display:inline;
	text-transform:none;
	padding:0 4px;	
	}

#footer li a { color:#E3F5F9;}

#footer li a:hover { color:#7F7F7F;}

#footerend { 
	width:730px;
	height:20px;
	margin:0 auto;
	}

html>body #footerend { background:url(footer-end.png) no-repeat;}

.banner { padding:40px 0 0 0;text-align:center; }