body {
    color: #000;
    background-color: #FFF; 
    margin:0; 
    font-family: "Lucida Grande", "Lucida", "Verdana", "sans-serif"; 
    text-shadow: #000 0px 0px 0px; 
    font-size:12px; 
    line-height:1.7em;
}

a {
    color: #000; 
    text-decoration: underline;
}

a:hover {
    color: #7CF; 
    text-decoration: underline; 
}

p {
    margin:0;
    padding-bottom:0px;
}

h1 {
    font-size: 24px; 
    font-weight: normal; 
    margin:0 0 5px 0; 
    text-shadow: #DDD -1px 1px 1px; 
    padding-top:20px;
}

h2 {
    font-size: 14px; 
    font-weight: bold; 
    margin:0 0 5px 0; 
    color: #222;
}

img {border:0;}

#container_parent {
    position:relative; 
    width: 750px; 
    margin:auto;
}

#container_child {
    position:relative; 
    width:750px; 
    float:left; 
    width:750px;
}

#titlebar {
    width:750px; 
    height:30px;
    padding-top:6px;
    margin-bottom:-6px;
    background: url(images/base/titlebar.png) no-repeat top center;
    text-align:center;
}

#titlebar a {
    font-size: 12px; 
    padding-right:20px;
    padding-left:20px;
    padding-top:18px;
    text-decoration: none;
    color: #456;
    font-weight: bold; 
    text-shadow: #FFF 0px 1px 1px; 
}

#titlebar a.active {
    font-weight: bold; 
    color: #024;
    text-shadow: #FFF 0px 1px 1px; 
}

#titlebar a:hover {
    color: #FFF;
    font-weight: bold; 
    text-shadow: #000 0px 1px 1px; 
    background-color: #69C; 
    padding-bottom:7px;
}
	
#header {
    width:750px; 
    height:130px;
}

#left_shadow {
    position:absolute; 
    height:100%; 
    width:100px; 
    left:0px; 
    margin:0 -100px;
    background: url(images/base/left_shadow.png);

}

#right_shadow {
    position:absolute; 
    height:100%; 
    width:100px; 
    right:0px; 
    margin:0px -100px; 
    margin-bottom:-110px;
    background: url(images/base/right_shadow.png);
}

#titlebar_left_shadow {
    position:absolute; 
    height:100%; 
    width:100px; 
    left:0px; 
    margin:0 -100px;
    background: url(images/base/titlebar_left_shadow.png);

}

#titlebar_right_shadow {
    position:absolute; 
    height:100%; 
    width:100px; 
    right:0px; 
    margin:0px -100px; 
    margin-bottom:-110px;
    background: url(images/base/titlebar_right_shadow.png);
}

#bottom_shadow {
    position:absolute; 
    height:100px; 
    width:750px; 
    margin:0px 0px;
    background: url(images/base/bottom_shadow.png);
    top:100%;
}

#bottom_left_shadow {
    position:absolute; 
    height:100px; 
    width:100px; 
    bottom:0px; 
    margin:-100px -100px;
    background: url(images/base/bottom_left_shadow.png);
}

#bottom_right_shadow {
    position:absolute; 
    height:100px; 
    width:100px; 
    bottom:0px; 
    margin:-100px 750px;
    background: url(images/base/bottom_right_shadow.png);
}

.padded {
    padding:40px;
}

.padded_thin {
    padding-left:10px;
    padding-right:10px;
}

img.icon {
    float:left;
    padding-right:40px;
    padding-top:20px;
    padding-bottom:40px;
}

img.icon_no_padding_top {
    float:left;
    padding-right:40px;
    padding-bottom:40px;
}

img.icon_small {
    float:left;
    padding:20px;
}

#mac_reflection {
    position:absolute; 
    left:590px;
    top:130px;
    width:140px;
    height:90px;
    background: url(images/base/mac_reflection_watery.png);
}

#mySlideShow
{
    width: 750px;
    height: 475px;
}

div.banner {
	float: left;
    padding-left: 25px;
}

div.banner div.tab {
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}

div.banner div.tab_selected {
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}

div.banner div.tab div.tab_contents{
	background: url('images/base/tab_background_center_1x26.png')  repeat-x;
	height:25px;
	float: left;
	padding-top: 3px;
	font-size:11px;
	position:relative;
	z-index:10;
	
    font-weight: bold; 
    color: #024;
    text-shadow: #FFF 0px 1px 1px; 
}

div.banner div.tab_selected div.tab_contents{
	background: url('images/base/tab_background_s_center_1x26.png')  repeat-x;
	height:25px;
	float: left;
	padding-top: 3px;
	font-size:11px;
	position:relative;
	z-index:10;
	
    font-weight: bold; 
    color: #024;
    text-shadow: #FFF 0px 1px 1px; 
}

div.banner div.tab div.tab_contents a{

    color: #000;
    
    font-weight: bold; 
    text-shadow: #FFF 0px 2px 1px;
    text-decoration:none;
}

div.banner div.tab div.tab_contents a:hover{

    
    text-decoration: none;
    color: #456;
    font-weight: bold; 
    text-shadow: #FFF 0px 2px 1px; 
}

div.banner div.tab div.tab_left{
	background: url('images/base/tab_background_20x26.png')  no-repeat;
	height:26px;
	width:10px;
	float: left;
	z-index:10;
}

div.banner div.tab div.tab_right{
	background: url('images/base/tab_background_20x26.png')  no-repeat right;
	height:26px;
	width:10px;
	float: left;
	z-index:10;
}

div.banner div.tab_selected div.tab_left{
	background: url('images/base/tab_background_s_20x26.png')  no-repeat;
	height:26px;
	width:10px;
	float: left;
	z-index:10;
}

div.banner div.tab_selected div.tab_right{
	background: url('images/base/tab_background_s_20x26.png')  no-repeat right;
	height:26px;
	width:10px;
	float: left;
	z-index:10;
}

.buttonOffset
{
    padding-left:100px;
	position:relative;
}

.buttonTable
{
    margin-left:auto;
    margin-right:auto;
    padding-bottom:15px;
}

.buttonTableB
{
    float:left;
    padding-bottom:10px;
    padding-top:10px;
}

.button_left
{
    width: 12px;
    height: 25px;
    background: url(images/base/buttonLeft.png) no-repeat;
}

.button_content
{
    font-size: 11px; 
    height: 25px;
    padding-bottom: 2px;
    padding-left:8px;
    padding-right:8px;
    background: url(images/base/buttonCenter.png);
}

.button_content a:hover {
    text-decoration: none;
    color: #456;
    font-weight: bold; 
    text-shadow: #FFF 0px 1px 1px; 
}

.button_content a {
    font-weight: bold; 
    text-shadow: #FFF 0px 1px 1px;
    text-decoration:none;
}

.button_right
{
    width: 12px;
    height: 25px;
    padding-bottom:25px;
    background: url(images/base/buttonRight.png) no-repeat;
}

.screencast{
    width: 750px; 
    margin-left:95px;
}

.redcopy 
{
    font-size:12px;
}

.bodycopy
{
    font-size:12px;
}

.smallcopy
{
    font-size:12px;
}