body,td,li,p {font:13px Verdana, Arial, Helvetica, sans-serif;font-size:small;
		margin: 0;padding:0; color: #333;}
body {
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#191312;
	padding:0;
	margin:0;
	font-family:"Lucida Grande",Helvetica,Arial;
	font-size:11px;
}
		
a {
  color: #17A;
  text-decoration: none;
}
a:hover, a:hover {
  color: #0099EA;
  text-decoration: underline;
}
#header1  {
  background: #FAFEFF url(media/img/pic/bigbar_bg.gif) repeat-x;
  height: 30px;
}


#header1 p {
/* styles */
}
#content{
	text-align:center;
}


h2 {
  color: #C52; /*#D05A25;*/
  margin: 0 0 17px 0;
  font: normal 24px Optima,Georgia,Arial Narrow,Arial,sans-serif;
  line-height: 10px;
}

h3 {
  color: #C33; /*#D05A25;*/
  margin: 0 0 17px 0;
  font: normal 18px Optima,Georgia,Arial Narrow,Arial,sans-serif;
  line-height: 10px;
}

.studio {
  color: #006F9A;
}

.osx {
  color: #C33;
}
.v3 

{
  color: #D6601F;
}
.colorpix {
  color: #664C99;
}
.online {
  color: #482;
}
.galleria {
  color: #C52;
}


div.text{
	margin-left:auto;
	margin-right:auto;
	text-align:left;	
}
/* Menu. */
.menu {
  display:table;         /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border:1px solid #06a; /* add a border to show size of menu */
  }
* html .menu {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }  
.menu li {
  display:table-cell;    /* ignored by IE */
  }
* html .menu li {
  display:inline;        /* for IE only */
  }
.menu a, .menu a:visited {
  display:block;         /* for all browsers except IE */
  padding:4px 16px;
  color:#000; 
  background:#CCDDCC; 
  border:1px solid #fff; /* add a 1px white border around items */ 
  text-decoration:none;
  }
* html .menu a, * html .menu a:visited {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }
.menu a:hover {
  color:#fff; 
  background:#8FB48F;
  }

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}

/* Header. */

#header {
    margin: 0;
    height: 22px;
    background: url(media/img/head/banner_bg.png) top left repeat-x;
    width: 100%;
    min-width: 880px;
  
}

#header img {
    border: none;
}

#header div, #headerNav {
    width: 880px;
    margin: 0 auto;
    position: relative;  
}

/* header links. */
#header ul {
    position: absolute;
    top: 20px;
    right: 0;
    display: inline;
    padding-left: 10px;
    margin: 0;
}

#header li {
    display: inline;
    color: #fff;
    list-style: none;
    margin: 0 6px 0 0;
    padding-left: 6px;
    border-left: 2px solid rgb(187, 209, 230);
}

#header ul li.first { 
    border: none;
}

#header div ul li a {
    color: #ccc;
    font-weight: normal;
    text-decoration: none;
}

#header div ul li a:hover {
    text-decoration: underline;
}

/* headerNav */
#headerNav {
    width: 880px;
    height: 75px;
    margin: 10px auto;
}

body > #headerNav {
    background: url(media/img/head/main_top.png) top left no-repeat;    
}

#headerNav #homeTab {
    padding-left: 16px;
    background: url(media/img/head/main_homeicon_default.gif) left center no-repeat;
}

#headerNav a.selected #homeTab {
    background-image: url(media/img/head/main_homeicon_selected.gif);
}

#headerNav a img { 
    border: none;
}

#headerNav ul {     
    padding: 0;
    margin: 0 0 0 10px;
    list-style: none;
}

#headerNav li { 
    float:left;
}

#headerTabs li {
    background: url(media/img/head/main_tab_left_default.png) top left no-repeat;    
    margin: 10px 2px 0 0;
    padding-left: 5px;
    height: 30px;
}

#headerTabs li.selected { 
    background: url(media/img/head/main_tab_left_selected.png) top left no-repeat; 
}

#headerNav a { 
    text-decoration: none;
    text-align: center;
}

#headerTabs li a {
    background: url(media/img/head/main_tab_right_default.png) top right no-repeat;
    display:block;
    width: 90px;
    height: 30px;
    padding-right: 5px;
    color: #454545;
    font-size: 14px;
    line-height: 30px;
}

#headerTabs li a.selected { 
    background: url(media/img/head/main_tab_right_selected.png) bottom right no-repeat;
}

#headerNav li a img {
    padding: 0;
    margin: 10px 5px 0 0;
}

/* search form */
#headerNav form { 
    position: absolute;
    text-align: right;
    top: 10px;
    right: 0;
    margin: 0;
    padding: 0;
}

#headerNav form fieldset input {
    width: 170px;
    margin: 0;
    font-size: 12px;
    margin-right: 5px;
}

#headerNav form fieldset select { 
    font-size: 12px;
    width: 116px;
}

#headerNav form fieldset input.button {
    background: url(media/img/head/mainnav_button_search.png) no-repeat;
    width: 80px;
    height: 22px;
    border: none;
    cursor: pointer;
    margin: 0 5px;
}

#headerNav fieldset {
    border: none;
    width: 800px;
    margin: 0;
    padding: 0;
}

/* nav row */

#headerBottom, #headerBottomGreen, #headerBottomGrey {
    clear: both;
    width: 100%;
    padding: 10px 0;
    position: relative;
}

#headerBottom { 
    background: url(media/img/head/main_bottom_blue_png24.png) bottom left no-repeat;    
}

#headerBottomGreen { 
    background: url(media/img/head/main_bottom_green_png24.png) bottom left no-repeat;    
}

#headerBottomGrey { 
    background: url(media/img/head/main_bottom_grey_png24.png) bottom left no-repeat;    
}

#headerBottom a, #headerBottomGreen a {
    color: #0078CE;
    padding-bottom: 5px;
    margin: 10px 0 0 20px;
}

#headerBottomGreen a {
    color: #78A53E;
}

#headerBottom a.selected {
    color: #00375C;
    background: url(media/img/head/main_underline_blue.gif) bottom left repeat-x;   
}

#headerBottomGreen a.selected {
    color: #3D6618;
    background: url(media/img/head/main_underline_green.gif) bottom left repeat-x;
}

#headerBottom a.helpLink { 
    background: url(media/img/head/main_help_default.gif) left top no-repeat;
    padding-left: 18px;
    color: #88898B;
    position: absolute;
    top: 0;
    right: 10px;
}

#headerBottomGrey a.helpLink { 
    background: url(media/img/head/main_help_default.gif) left top no-repeat;
    padding-left: 18px;
    color: #88898B;
    margin-left:825px;
}


/* NAVIGATION */

#navigation {
	background: #ffffff;
	border-bottom: 1px solid #A1A1A1;
	margin: 0;
	padding: 1em .2em 0;
	font-weight: bold;
}


#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul {
	padding: 5px 0 5px;
	text-align: right;
}
#navigation ul li {
	display: inline;
	margin-right: -2px;
}
#navigation ul li a {
	background: url(http://localhost:8084/jsp-examples/redtumbler/media/img/nav/tableft.gif) no-repeat left top;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0;
}
#navigation ul li span {
	background: url(http://localhost:8084/jsp-examples/redtumbler/media/img/nav/tabright.gif) no-repeat right top;
	padding: 5px 7px 5px 3px;
	margin: 4px 0 4px 4px;
}
#navigation ul li a:hover span {
	text-decoration: underline;
	background-position: 100% -75px;
}
#navigation ul li a:hover {
	background-position: 0 -75px;
}
#navigation #current a {
	background-position: 0 -150px;
}
#navigation #current a span {
	background-position: 100% -150px;
}


/*- Internet Explorer...It's Hacktastic!--------------------------- */ 
  
/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
	padding: 0;
}
/**/

#top {
   border-top: solid 5px #A71224;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
padding:0 0 0 0;
}

#subtop {

   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
padding:0 0 0 0;
}

#subtop ul {
     position: absolute;
    top: 5px;
    right: 0;
    display: inline;
    padding-left: 10px;
    margin: 0;
}

#subtop li{
    display: inline;
    color: #fff;
    list-style: none;
    padding-right : 10px;
    padding-left : 10px;
    border-left: 1px solid rgb(187, 209, 230);  
}

#subtop form {margin: 0px;
   
padding:0px;
}

#subtop form select { 
    font-size: 12px;
    width: 120px;

}

#subtop h2 {
  color: #A71224; 
  margin: 0 0 12px 12px;
  font: normal 14px Optima,Georgia,Arial Narrow,Arial,sans-serif;

}

#subtop ul li.first { 
    border: none;
}

/* Footer
--------------------------*/
#footer {
	text-align:center;
	margin: 0;
	clear: both;
}
#footer p {
	color:#666666;
}
#footer img {
	margin:0 auto 1.0em auto;
}
#footer a {
	color:#ff7020;
	font-weight:bold;
}

#footer a:hover {
	text-decoration:underline;
}

/* END of Footer
--------------------------*/


#sidebar {
	margin: 2px;
	padding: 5px 12px 0 12px;
	background-color: #ffffff;
}
#bar {
	margin: 4px;
	padding: 2px 0px 4px 6px;
	background-color: #9BC789;
}

#wrapper{text-align: center;
padding: 15px 12px 0 12px;
	
	margin: 0 auto;
	max-width: 1200px;
	position: relative;}


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#6692FC; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy table {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em; width: 900px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #999; border-width:0 1px;
	}

.ipod{ background-color: #2841CA;  }