/* CSS Document */

body{
/*background: #8cd3e3 url(images/background.jpg) no-repeat top center;  /*  #3d2d1e */
margin: 0px;
padding: 0px;
background: url(images/gradient_background.jpg) top center repeat-x;
}

.load1 {	background:   url(images/content_bkg.png);  }
.load2 {	background:   url(images/content_top.png)  ; }
.load3 {	background:   url(images/topmenu/selRightEdge.png);  }
.load4 {	background:   url(images/topmenu/selLeftEdge.png) ; }
.load5 {	background:   url(images/topmenu/selBkg.png) ; }
.load6 {	background:   url(images/topmenu/btnBkg.png); }
.load7 {	background:   url(images/topmenu/btnLeft.png)  ; }
.load8 {	background:   url(images/topmenu/btnRight.png)  ; }
.load9 {	background:   url(images/header.png)  ; }
.load10 {	background:   url(images/main-area-gradient.png)  ; }



 



#top_background 
{
background:  url(images/background_repeat.jpg)  center 300px repeat-x; /*  #8cd3e3 */
width: 100%;
min-width: 930px;
height: 888px;
position: absolute;
left: 0px;
margin: 0px;
padding: 0px;
}

#content_top
{
background: url(images/content_top.png) no-repeat;
width: 687px;
height: 18px;
margin: 0px;
overflow: hidden;
}

#content{
background:   url(images/content_bkg.png) repeat-y;
min-height:  540px;
height: auto !important;
height: 540px;
margin: 0px;
padding: 5px 20px 0px 45px;
float: left;
width: 622px;
}

#content_bottom
{
background: url(images/content_bottom.png) no-repeat;
width: 687px;
height: 24px;
margin: 0px;
padding: 0px;
clear: both;
overflow: hidden;
}




#outer_wrapper
{
width: 930px;
margin: 0px auto;
}

#wrapper{
width: 1050px;
margin: 0 0 0 -120px ;
position: relative;
padding: 20px 0px 0px 0px;
}

#header{
width: 738px;
height: 208px;
float: right;
background: url(images/header.png) no-repeat;
position: relative;
}

#logo
{
	width: 480px;
	height: 153px;
	background: url(images/logo.png) no-repeat;
	position: absolute;
	left: 50px;
	top: 30px;
}

#video_box
{
	left: 445px;
		top: 20px; 
		/*left: 759px;
	top: 40px;*/
	height: 188px;
	width: 269px;
	position: absolute;
	overflow: hidden;	
}

#video_box_no_flash
{
	background: url(images/videobox_no_flash.png) no-repeat;
	height: 128px;
	width: 209px;
	padding: 35px 30px 30px 30px;
	font-size: 0.8em;
	color: White;
	overflow: hidden;
}

#video_box_no_flash img
{
	border: 0px;
}

#left_video
{
position: absolute;
 
top: 0px;
width: 358px;
height: 900px;
/*background: url(images/left_video.png) no-repeat; */
margin: 00px 0px 0px 0px;
z-index: 2;
background: url(images/full1.png) top left no-repeat; 
left: -16px;
}

#giraffe_head
{

	position: absolute;
	
	
	top:0px;
}

#giraffe_no_flash
{
background: url(images/full1--.png) top left no-repeat; 
	position: absolute;
	 
	width: 415px;
	height: 902px;
}



#penguin
{
width: 300px;
height: 476px;
background: url(images/penguin.png) no-repeat;
position: absolute;
top: 418px;
left: -10px;
}

#main_area_gradient
{
width: 738px;
height: 563px;
background: url(images/main-area-gradient.png) no-repeat;
float: right; 
}

#main_area_bkg
{
width: 738px;
background: url(images/main-area-bkg.png);
float: right;
}

#main_area_bottom
{
width: 738px;
background: url(images/main-area-bottom.png);
 
height: 34px;
margin-bottom: 30px;
 
float: right;
}

#contentHolder{

margin-top: -567px; /*-567px;*/
 margin-left: 30px;
width: 687px;
position: relative;

 

z-index: 1;
padding: 0px;
}




/** Left Menu **/

#left_menu_bkg
{
background: url(images/signpost.png) center top no-repeat;
position: absolute;
left: 175px;
top: 150px;
width: 200px;
height: 680px;
 
}

#left_menu
{
position: absolute;
left: 160px;
top: 140px;
width: 200px;
min-height: 680px;
padding-top: 50px;
text-align: center;
z-index: 10;
}

#left_menu ul{
list-style: none;
padding: 0px;
margin: 0px;

}

#left_menu ul li{
list-style: none;
padding: 0px;
margin: 4px 0px;
display: inline;
}

#left_menu img{
border-width: 0px;
}

/** top menu ***/

#top_menu{
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px;

height: 37px;


position: relative;
z-index: 20;
}

#top_menu ul{

list-style: none;
padding: 0px;
margin: 0px;
font-family: Calibri, Arial, Helvetica, sans-serif;
color: #142c87;
}

#top_menu a{
text-decoration: none;
display: block;

}

#top_menu ul li{
list-style: none;
padding: 0px;
height: 37px;
margin: 0px 0px 0px 0px;
padding: 0px 00px;
width: auto;
float: left;
white-space:nowrap;
display: inline;

/* ie 6 hack */
_width: 0px;
}


#top_menu ul li.mbtn{
background: url(images/topmenu/btnBkg.png) top repeat-x;
margin: 3px 10px;
}

#top_menu ul li.mbtn div{
background: url(images/topmenu/btnLeft.png) top left no-repeat;
height: 31px;
 
}

#top_menu ul li.mbtn div div{
background: url(images/topmenu/btnRight.png) top right no-repeat;
height: 31px;
padding: 6px 20px;
}


#top_menu ul li.selected{
background: url(images/topmenu/selBkg.png) top repeat-x;
height: 37px;
margin: 0px -20px 0px -10px;
}

#top_menu ul li.selected div{
background:  url(images/topmenu/selLeftEdge.png) top left no-repeat;
height: 37px;
 
}

#top_menu ul li.selected div div{
background: url(images/topmenu/selRightEdge.png) top right no-repeat;
height: 37px;
padding: 7px 60px 0px 60px;

}

#clapper_board
{
width: 120px;
height: 102px;
background: url(images/clapper_board.png) no-repeat;
position: absolute;
left: 960px;
top: 235px;
z-index: 10;
}

.tv
{
width: 194px;
height: 131px;
background: url(images/tv.png) no-repeat;
position: absolute;
left: 520px;
top: 24px;
z-index: 10;
}

.studio3arrived
{
	width: 235px;
	height: 235px;
	background:  url(images/studio3-arrived.png) no-repeat;
	position: absolute;
left: 495px;
top: -25px;
z-index: 10;
}

#features_box_holder
{
width: 318px;

margin-top: 10px;
font-size: 0.85em;
height: 240px;
 overflow: hidden;
}

#features_box_holder span
{
font-size: 1.3em;
color: #008409;
}

#features_box_top
{
background: url(images/features_top.png) top no-repeat;
width: 318px;
height: 16px;
overflow: hidden;
}

#features_box_bottom
{
background: url(images/features_bottom.png) top no-repeat;
width: 318px;
height: 16px;
overflow: hidden;
}

#features_box_bkg
{
background: url(images/features_bkg.png) repeat-y;
text-align: center;
padding: 0px 10px 0px 10px;
 height: auto;
margin: 0px;
height: 160px;
}

#featureItemsHolder
{
float: right;
width: 265px;
margin-top: 10px;
margin-right: 20px;
overflow: hidden;

}

#featureItemsHolder a.item
{
background: url(images/feature_itemt.png) center center no-repeat;
width: 265px;
height: 30px;
text-align: center;
margin: 0px 0px 1px 0px;
display: block;
 cursor: pointer;
 padding-top: 2px;
}

#featureItemsHolder a.item:hover
{
 background: url(images/feature_item_highlighted.png) no-repeat;
width: 265px;
height: 30px;
text-decoration: none;
}

#featureItemsHolder a
{
text-decoration: none;
}

#featureItemsHolder a:hover
{
text-decoration: underline;
color: #0000CC;
}


#FrameOverlay
{
text-align: left;
}

.stdBox 
{
	float: left;
  margin: 0px 0px 0px -25px;
 clear: both;
 display: block;
 border: solid 1px #000000;
 width: 651px;
 font-size: 0.9em;
 position: relative;
}

 

.stdBox .contents
{
	background: #a3dae9;
	margin:  0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
	
}

.stdBox .blueman
{
	position: absolute;
	bottom: -15px;
	right: 40px;
	width: 98px;
	height: 86px;
	background: url(images/blueman.png);
}

 
.downloadLink
{
	font-size: 1.2em;
	font-variant: small-caps;
}

.stdBox2 
{
	 border: solid 1px #000000;
 
 	background: #a3dae9;
 	 padding: 5px;
 	   margin: 0px 0px 0px -25px;
}

.whiteBox
{
	background: #d9edf4;
	border: solid 2px #000000;
	padding: 15px;
	 margin: 0px 0px 0px -25px;
	 float: left;
	 position: relative;
	 width: 100%;
	 /* ie 6 hack */
	 display: inline;
}
 	
 	
#paypalcheckout
{
	position: absolute;
	top: -12px;
	left: 20px;
	width: 180px;
	height: 26px;
	background: url(images/paypalcheckout.png);
	margin: 0px;

}

.itemsInCart
{
	position: absolute; right: 50px; top: 2px;
	font-family: Tw Cen MT, Arial;
	font-size: 14px;	
	vertical-align: middle;
	width: 200px;
	margin-bottom: 0;
	text-align: right;
	
}

.itemsInCart img
{
	
}

.itemsInCart a
{
	color: Black;
	text-decoration: none;
	padding-bottom: 4px;
	display: block;
	float: right;
	
	 
}

.loginStatus
{
	position: absolute; right: 10px; top: 2px;
	font-family: Tw Cen MT, Arial;
	font-size: 14px;	
	 
}

.loginStatus a
{
	color: Black;
	text-decoration: none;
	margin-top: -5px;
}

.stdBtn
{
	background: #4070cf url(images/bg_button.png) repeat-x;
	color: White;
	border: solid 1px #000000;
	padding: 5px 10px;
	font-weight: bold;
}

.altFont
{
		font-family: Tw Cen MT, Arial;
}

#bottom_background
{
background:    url(images/bottom_background.png) center  888px  no-repeat;
width: 100%;
height: auto;
min-height: 100%;
top: 0px;
left: 0px;
/*min-height: 1920px;*/
position: absolute;
}


a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


.tutorialArrow
{
	position: absolute; bottom: -15px; right: 130px; width:16px; height: 30px; background: url(images/arrow.gif);
	
	
}

.fullScreenText
{
		position: absolute; bottom: -55px; right: 10px; width:400px; height: 40px; text-align: right; 
color: Maroon;
}


.copyright
{
font-size: 0.8em; position: relative; top: 30px; margin-left: 20px; margin-top: 4px; display: block;
}


.copyright a
{
	color: #000;
	text-decoration: none;
}