/*
    Copyright Notice ========================================================  
  
	This file contains proprietary information of Alpine Internet Solutions. 
    Copying or reproduction without prior written approval is prohibited.   
  
	Copyright (c) 2000-2004 ================================================= 

    Purpose: Site style definitions  
  
    @format.tab-size 4  
    @format.use-tabs true  
   
*/

/* IE5/Mac Only Styles
   Uses the IE5/Mac Band Pass Filter:
   http://stopdesign.com/examples/ie5mac-bpf/ 
   ...make sure you've got your escape characters right... */

/*\*//*/
  @import "/ie5mac.css";
/**/

/* All Global Styles */
* { /* so i don't need to define 0's a million times... it works, too! */
	margin: 0;
	padding: 0;
}

html, body {
font-family: verdana, helvetica, arial, sans-serif;
background: #ceccc0;
height: 100%;
/*background-color: #0d1533;*/
/* moneal
text-align: center;
*/
}
body {
min-height: 600px;

}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
}

h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

p {
}

img {
	border: 0;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

code, pre {font-family: courier new, courier, monospace;}

a {
/*
color: #E06D1C;
*/
color: #C03;
text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/* Form Styles */
input {
font-family: verdana, helvetica, arial, sans-serif;
}
input.text {}
input.radio, input.checkbox {border: 0; background: transparent;}
input.button {}
input.image {border: 0;}
select {}
textarea {
}

div#whopperWrap { /* this is the ugly code that makes it centered... yikes. */
padding-bottom: 30px;
width: 760px;
margin: 20px auto;
/*position: absolute;
top: 50%;
left: 50%;
margin-top: -310px;
margin-left: -380px;
*/
/* moneal
overflow: visible;
width: 100%;
*/
/*
height: 1px;
*/
/* moneal
top: 50%;
left: 0;
*/
}

/* All Layout Styles */
div#whopper {
position: absolute;
width: 760px;
height: 500px;
min-height: 500px;
top: -250px;
left: 50%;
margin-left: -380px; /* this is the ugly code that makes it centered... yikes. */
font-size: 11px;
text-align: left;
/*background: #cccccc url(/images/.design/body_bg_01.gif) bottom left no-repeat;*/
/*background: #fff url(/images/.design/logo_small2.gif) bottom left no-repeat;*/
color: #666666;
background-image: none;
background-color: #fff;
}

div#bannerBox {
position:absolute;
top:-293px;
margin-left: -380px;
left:50%;
/*margin:-293px auto;*/
width:760px;
height:75px;
}
div#bannerBox p {
margin:0;
padding:0;
}
div#bannerBox img {
border:none;
}
div#inner_whopperWrap {

}
/* All Layout Styles */
div#whopperShop {
width: 760px;
height: 500px;
background: #fff;
margin: auto;
position: relative;
/* moneal
position: absolute;
width: 760px;
height: 500px;
min-height: 500px;
top: -205px;
left: 50%;
margin-left: -380px; 
*/
/* this is the ugly code that makes it centered... yikes. */
/*
font-size: 11px;
text-align: left;
*/
/*background: #cccccc url(/images/.design/body_bg_01.gif) bottom left no-repeat;*/
/*
background: #fff;
color: #666666;
*/
}
div#nav{
width: 760px;
margin: auto;
padding: 18px 0 ;
/*
position: absolute;
left: 50%;
top:-240px;
margin-left: -79px;
/*background:#ceccc0;*/
}
div#bottomLogo h1 a{
position: absolute;
top:520px;
left: 27px;
text-align: center;
margin: 0 auto 0 auto;
display: block;
height: 29px;
width: 190px;
/*background: transparent url(/assets/20090827_homeWithBanner/images/faceout_studio_logo_1.png) top left no-repeat;*/
background: transparent url(/assets/20090827_home/images/faceout_studio_logo_1.png) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font-size: 12px;
}
div#footer_color{
height:6px;
background:#565555;
position: relative;
/*top:500px;*/
}
div#home_footer_color{
height:6px;
background:#565555;
position: relative;
}
div#body_content{
height:460px;
margin-bottom:40px;
}
div#home_body_content{
height:500px;
}
div#sub_body_content{
position: absolute;
top:100px;
left: 150px;
width: 540px;
height:460px;
}
div#cs_body {
	position: absolute;
	/*top:70px;*/
	left: 190px;
	width: 560px;
	margin-right: 20px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    line-height: 1.5em;
}
div#cs_body p {
    font-family: Arial,Verdana,sans-serif;
    color: #565555;
    font-size: 11px;
    line-height: 1.5em;
    margin-right: 175px;
    margin-bottom: 2em;
}

div#searcher{
padding:60px;
}

div#side{
/*width: 300px;
height: 300px;*/
}
div#left_side{
width: 100px;
/*height: 300px;*/
float: left;
}

div#header {
}

div#header h1 {
display: block;
height: 15px;
}

div#header h1 a {
text-indent: -9999px;
text-decoration: none;
display: block;
font-size: 10px;
line-height: 1.3em;
}

div#content {
/* float: right;
width: 360px;
padding: 50px 0 0 0; */
padding: 130px 0 0 0;
text-align: center;
}

div#content p, div#content li {
line-height: 1.3em;
font-size: 10px;
}
div#content p,
div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
}

div#content ul, div#content ol {
margin: 0 0 0 25px;
padding: 3px 10px 4px 15px;
}
div#content li {
padding: 0 0 5px 0;
}

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
line-height: 1.3em;
font-weight: bold;
}

div#content h1 {font-size: 15px;}
div#content h2 {font-size: 14px;}
div#content h3 {font-size: 13px;}
div#content h4 {font-size: 12px;}
div#content h5 {font-size: 11px;}
div#content h6 {font-size: 10px;}

div#content p {
padding: 2px 0 5px 0;
line-height: 1.5em;
}
div#content a, div#content a:link {
text-decoration: none;
}
div#content a:hover {
text-decoration: underline;
}

div#content form {
}

div#content input, div#content select {
}

div#content div#splashLogo h1 a {
text-align: center;
margin: 0 auto 0 auto;
display: block;
height: 224px;
width: 568px;
background: transparent url(/images/.design/home_logo2.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font-size: 12px;
}


div#footer {
clear: both;
}

div#footer p {
}
div#footer a, div#footer a:link {
text-decoration: none;
}
div#footer a:hover {
}

/* Navigation Styles */

div#topNav {
font-family: verdana,helvetica,arial,sans-serif;
font-size: 9px;
text-decoration: none;
}

div#topNav li {
display: inline;
padding: 0 12px 0 12px;
}

div#topNav li a {
/* font: bold 10px/1.3em verdana, helvetica, arial, sans-serif;
text-transform: uppercase;
text-decoration: none; */
/* color: #666666; */
color: #000000;
text-decoration: none;
}
div#topNav li a:hover {
color: #cc0033;
}
div#subNav li a {
color: #666;
}


div#subNav li a:hover,
div#topNav li a:hover,
div#subNav li.on li a:hover,
div#subNav li.on li a:hover {
/* color: #E06D1C; */

}

div#topNav li.on a,
div#subNav li.on a,
div#topNav li.on li.on a,
div#subNav li.on li.on a { /* yes, these are all needed, and yes, this is an efficient way to do it */
color: #cc0033;
}

div#topNav li.on li a,
div#subNav li.on li a {
color: #ccc;
}

div#topNav ul {
list-style: none;
text-align: right;
padding: 0 15px 0 0;
}


div#topNav ul ul, div#topNav ul div {
display: none;
}

div#subNav {
position: relative;
padding: 70px 0 0 0;
width: 115px;
float: left;
}
div#subNav ul {
list-style: none;
padding: 0 0 0 15px;
margin-top: 10px;
}

div#subNav li {
display: inline;
}

div#subNav ul li a {
font: normal 9px/1.3em verdana, helvetica, arial, sans-serif;
text-decoration: none;
display: block;
width: 100px; /* 115 - 15 = 100 */
padding: 2px 0 3px 0;
}

div#subNav ul li a:hover {
color: #cc0033;
}

div#subNav ul li.on a {
color: #cc0033;
}

div#subNav ul ul li a {
width: 140px;
color: #000;
}
#subNav2 ul li a {
    color: #666;
}

#subNav3 ul li a {
    color: #000;
}

div#subNav ul ul {
width: 150px;
/*
position: absolute;
margin: -17px 0 0 102px;
padding: 0;
*/

}

div#subNav ul ul ul {
position: relative;
width: 145px;
margin: 0 0 0 5px;
padding: 0;
}

div#subNav ul ul ul a {
padding: 0 0 2px 0;
}

div#subNav2 {
margin-top:10px;
}

/*
div#subNav2 ul li a {
color:#000;
}
*/

div#carrotNav {
position: absolute;
top: 468px;
right: 30px;
/*width: 110px;*/
float: right;
width: 94px;
/*padding: 150px 12px 0 0;*/
background-color:#fff;
height:14px;
}
div#subImageNav {
float: right;
position: absolute;
padding-left: 4px;
/*left: 605px;*/
left: 592px;
top: 200px;
width: 150px;
}
div#subImageNav img{
padding: 3px;
height: 28px;
width: 28px;
}

div#carrotNav ul, div#subImageNav ul{
margin: 0 auto 0 auto;
margin: 0;
padding:0;
list-style: none;
/*
width: 140px;
*/
}
div#subImageNav ul{
	padding-left: 4px;
}
div#carrotNav li {
float: left;
font-size: 9px;
line-height: 1.3em;
/*
width: 45px;
*/
padding: 0 0px 0 5px;
/*
line-height: 8px;
*/
}
div#subImageNav ul li {
	float: left;
}
div#carrotNav li.bar {
/*
	border-right: 1px solid #000 ;
	margin-top:6px;
	height:14px;
*/
}
div#carrotNav li.hiden a {
	visibility: hidden;
}
div#carrotNav li a,
div#carrotNav li span,
div#carrotNav li div {
height: 11px;
color:#000;
padding: 0;
margin: 0;
height: 8px;
/*
font-size: 8px;
color: #04044f;
text-transform: uppercase;
text-indent: -9999px;
*/
}
div#carrotNav li a:hover {
color:red;
}

div#carrotNav li.carrotLeft div {
background: transparent url(/images/.design/nav_carrot_left_01_off.gif) top left no-repeat;
float: left;
}
div#carrotNav li.carrotRight div {
background: transparent url(/images/.design/nav_carrot_right_01_off.gif) top right no-repeat;
float: right;
}
div#carrotNav li.carrotLeft a {
background: transparent url(/images/.design/nav_carrot_left_01.gif) top left no-repeat;
float: left;
}
div#carrotNav li.carrotRight a {
background: transparent url(/images/.design/nav_carrot_right_01.gif) top right no-repeat;
float: right;
}
div#carrotNav li.carrotLeft a:hover {
background-position: 0 -20px;
}
div#carrotNav li.carrotRight a:hover {
background-position: 100% -20px;
}

div#carrotNav li.carrotSep {
    padding: 0;
    width: 5px;
    overflow: hidden;
    height: 15px;
}
div#carrotNav li.carrotRightNew {
    width: 25px;
    overflow: hidden;
    height: 15px;
}
div#carrotNav li.carrotLeftNew {
    width: 49px;
    height: 15px;
    overflow: hidden;
}

/* Search Styles */
div#search {
}
div#search img {
}
div#search input {
}
div#search input.text {
}

div#search input.image {
}

/* Search Results Styles */
div#searchResults {}
div#searchResults ol {}
div#searchResults ol li {}
div#searchResults {}

div.searchResult {}
div.searchResult a {}
div.searchResult span.description {}
div.searchResult span.updated {}
div.searchResult span.location {}
div.searchResult span.score {}

div#searchRelated { float: right; clear: right; width: 150px; }
div#searchRelated span.description {}

/* Common Styles */
.current {}

.powered {}
.designed {}

.hide {display: none !important;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

/* 
td {margin: 2px; padding: 2px; border: 1px solid #c00;}
li {margin: 2px; padding: 2px; border: 1px solid #0c0;}
div {margin: 2px; padding: 2px; border: 1px solid #00c;}
*/
ul.list {
    float: left;
    width: 150px;
}
#subNav3 {
    float: left;
}
#slider {
    display: block;
    width: 150px;
    overflow: hidden; 
    
}
#sliderW {
    display: block;
    width: 5000px;
}
#listnav li {
    padding: 3px;
    font-size: 9px;
}
#listnav li:hover {
    cursor: pointer;
    text-decoration: underline;
}