body { 
margin:0; 
padding:0;
background-image:url(../images/site_bg.png);
background-color:#2b2b2b;
background-repeat:repeat-x;
height:100%;
}

#siteContainer {
width:768px;
min-height:1024px;
margin-left: auto;
margin-right: auto;
}

/**************************************************/
/**************************************************/
/* Header */
/**************************************************/
/**************************************************/

#headerContainer {
background-color:#292929;
width:768px;
min-height:90px;
position:relative;
float:left;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#headerLogoContainer {
margin-left:20px;
margin-top:20px;
position:relative;
float:left;
}

#headerContainer2 {
background-color:#292929;
width:768px;
min-height:90px;
position:relative;
float:left;
border-bottom: solid 1px #545454;
margin-left:1px;
}

#menuContainer {
position:absolute;
right:8px;
top:67px;
vertical-align:bottom;
width:290px;
}

#menuLeftCorner {
position:relative;
float:left;
}

#menuRightCorner {
position:relative;
float:right;
}

#menuBack {
background-image:url(../images/menu/menu_back.jpg);
width:265px;
min-height:20px;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#D7D7D7;
font-size:10px;
padding-left:5px;
padding-top:5px;
text-align:center;
}

#menuBack a { text-decoration:none; color:#D7D7D7;}
#menuBack a:hover { text-decoration:none; color:#FFFFFF;}

/**************************************************/
/**************************************************/
/* Index */
/**************************************************/
/**************************************************/

#indexContentContainer {
position:relative;
float:left;
background-color:#292929;
width:768px;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#aboutMeContainer {
position:relative;
float:left;
width:282px;
min-height:375px;
background-image:url(../images/aboutmeBack.jpg);
margin-left:10px;
margin-top:10px;
border:solid 1px #545454;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
padding-top:5px;
padding-left:9px;
padding-right:9px;
}

#aboutMePicture {
float:right;
vertical-align: text-bottom;
padding-top:8px;
}

#demoReelsContainer {
position:relative;
float:right;
width:430px;
min-height:380px;
background-image:url(../images/demo_reel_back.jpg);
margin-right:10px;
margin-top:10px;
border:solid 1px #545454;
}

#demoReel1Container{
position:relative;
float:left;
width:410px;
min-height:330px;
margin-top:10px;
margin-left:10px;
background-image:url(../images/demoreel_bg.png);
border:solid 1px #545454;
}

#demoReel2Container{
position:relative;
float:left;
width:410px;
min-height:155px;
margin-top:10px;
margin-left:10px;
background-image:url(../images/demoReelBack.png);
border:solid 1px #545454;
}

#demoReelTitle{
position:relative;
float:left;
width:410px;
min-height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#CCCCCC;
text-align:center;
padding-top:5px;
margin-top:5px;
}

#demoReelPicture1{
position:relative;
float:left;
width:100%;
min-height:150px;
padding-top:8px;
padding-left:14px;
}

#demoReelPicture1 img { text-decoration:none; border:none;}

#demoReelText1{
position:relative;
float:right;
width:225px;
min-height:155px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
padding-top:5px;
right:8px;
}

#demoReelPicture2{
position:relative;
float:right;
width:170px;
min-height:155px;
padding-top:3px;
padding-left:3px;
left:15px;
}

#demoReelPicture2 img { text-decoration:none; border:none;}

#demoReelText2{
position:relative;
float:left;
width:225px;
min-height:155px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
padding-top:5px;
padding-left:5px;
left:5px;
}

#videoDownload {
padding-top:5px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}

#welcomeTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#aed36c;
}

#downloadTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#aed36c;
position:relative;
float:left;
margin-left:137px;
margin-top:-10px;
}

#downloadTitle a:link {color:#aed36c; text-decoration:none;}
#downloadTitle a:hover {color:#aed36c; text-decoration:none;}
#downloadTitle a:visited {color:#aed36c; text-decoration:none;}
#downloadTitle a:active {color:#aed36c; text-decoration:none;}

#shotBreakdown {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#aed36c;
position:relative;
float:left;
margin-left:105px;
padding-bottom:4px;
}

#shotBreakdown a:link {color:#aed36c; text-decoration:none;}
#shotBreakdown a:hover {color:#aed36c; text-decoration:none;}
#shotBreakdown a:visited {color:#aed36c; text-decoration:none;}
#shotBreakdown a:active {color:#aed36c; text-decoration:none;}

/**************************************************/
/**************************************************/
/* Banner */
/**************************************************/
/**************************************************/

#bannerContainer{
position:relative;
float:left;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

div#feature_list {
border-bottom:solid 1px #545454;
border-top:solid 1px #545454;
width: 768px;
height: 240px;
overflow: hidden;
position: relative;
}

div#feature_list img {text-decoration:none; border:none;}

div#feature_list ul {
position: absolute;
top: 0;
list-style: none;	
padding: 0;
margin: 0;
right: 50;
}

ul#tabs {
left: 683px;
z-index: 2;
width: 85px;
background-image:url(../images/thumbBack.png);
}

ul#tabs li {
font-size: 12px;
font-family: Arial;
}
		
ul#tabs li img {
border: none;
float: left;
margin-top:-5px;
padding-left:10px;
}

ul#tabs li a {
color: #222;
text-decoration: none;	
display: block;
padding: 5px;
height: 50px;
outline: none;
-moz-border-radius: 5px;
}

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

ul#tabs li a.current {
color: #222;
background-image:url(../images/thumbBackCurrent.png);
}

ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}

ul#output {
right: -50;
width: 463px;
height: 240px;
position: relative;
}

ul#output li {
position: absolute;
width: 463px;
height: 240px;
margin-top:10px;
}

ul#output li a {
position: absolute;
bottom: 10px;
left: 0px;
text-decoration: none;
font-size: 16px;
color: #FFF;
background-image:url(../images/banner/banner_text.png);
width:630px;
}
		
ul#output li a:hover {
background-image:url(../images/banner/banner_text.png);
}

#bannerText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
position:relative;
float:left;
margin-top:180px;
margin-left:0px;
color:#FFFFFF;
width:630px;
min-height:30px;
background-image:url(../images/banner/banner_text.png);
padding-left:30px;
padding-top:10px;
}

/**************************************************/
/**************************************************/
/* Galleries */
/**************************************************/
/**************************************************/

#galleriesContentContainer {
background-color:#292929;
width:733px;
min-height:570px;
padding-left:35px;
padding-top:110px;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#galleriesContentContainer a { text-decoration:none;}
#galleriesContentContainer a:hover { text-decoration:none;}
#galleriesContentContainer a:visited { text-decoration:none;}

#galleryTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#D7D7D7;
}

/**************************************************/
/**************************************************/
/* Gallery Sliding Boxes */
/**************************************************/
/**************************************************/

.boxgrid { 
width: 325px; 
height: 260px; 
margin:10px; 
float:left; 
background:#161613; 
border: solid 1px #CCCCCC; 
overflow: hidden; 
position: relative; 
}
				
.boxgrid img { 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
				
.boxgrid p { 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:16pt "Lucida Grande", Arial, sans-serif;
margin-top:-20px;
}
				
.boxcaption { 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8;
top:280px;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
 				
.captionfull .boxcaption {
margin-top:0px;
left: 0;
 }
 
 .caption .boxcaption {
top: 220;
left: 0;
 }
 
/**************************************************/
/**************************************************/
/* Unity Demo */
/**************************************************/
/**************************************************/
 
#unityContentContainer {
background-color:#292929;
width:733px;
min-height:570px;
padding-left:35px;
padding-top:110px;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#unityBackLink {
font-size:14px;
padding-bottom:15px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#D7D7D7;
}

#unityBackLink a { color:#D7D7D7; text-decoration:none;}
#unityBackLink a:hover { color:#D7D7D7; text-decoration:none;}
#unityBackLink a:visited { color:#D7D7D7; text-decoration:none;}

#unityDemoTitle {
color:#D7D7D7;
width:480px;
font-weight: bold;
font-size: 1.2em;
color:#D7D7D7;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#unityDemoSummary {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3em;
padding-top: 12px;
font-size:11px;
color:#CCCCCC;
}

#unityDemoContainer {
margin-left:50px;
border: solid 1px #CCCCCC;
width:600px;
height:450px;
}

#unityDemoInstructionsContainer {
clear: both;
border: 1px solid #ccc;
background-image:url(../images/gallerytext.jpg);
padding: 12px;
width:480px;
min-height:95px;
position:relative;
margin-top:15px;
margin-left:95px;
}

/**************************************************/
/**************************************************/
/* SWF Demo */
/**************************************************/
/**************************************************/
 
#swfContentContainer {
background-color:#292929;
width:733px;
min-height:570px;
padding-left:35px;
padding-top:110px;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#swfBackLink {
font-size:14px;
padding-bottom:15px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#D7D7D7;
}

#swfBackLink a { color:#D7D7D7; text-decoration:none;}
#swfBackLink a:hover { color:#D7D7D7; text-decoration:none;}
#swfBackLink a:visited { color:#D7D7D7; text-decoration:none;}

#swfDemoTitle {
color:#D7D7D7;
width:480px;
font-weight: bold;
font-size: 1.2em;
color:#D7D7D7;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#swfDemoSummary {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3em;
padding-top: 12px;
font-size:11px;
color:#CCCCCC;
}

#swfDemoContainer {
margin-left:50px;
border: solid 1px #CCCCCC;
width:600px;
height:450px;
}

#swfDemoInstructionsContainer {
clear: both;
border: 1px solid #ccc;
background-image:url(../images/gallerytext.jpg);
padding: 12px;
width:480px;
min-height:95px;
position:relative;
margin-top:15px;
margin-left:95px;
}
 
 /**************************************************/
/**************************************************/
/* About Me */
/**************************************************/
/**************************************************/

#aboutmeContentContainer {
background-color:#292929;
width:768px;
min-height:1230px;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

#aboutmeTextContainer {
position:relative;
float:right;
color:#FFFFFF;
min-height:400px;
width:400px;
margin-top:-580px;
z-index:3;
}

#aboutmeTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:right;
padding-right:20px;
}

#aboutmeText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
float:right;
padding-right:15px;
padding-top:15px;
}

#aboutmeText a { color:#aed36c; text-decoration:none;}
#aboutmeText a:hover { color:#aed36c; text-decoration:none;}
#aboutmeText a:visited { color:#aed36c; text-decoration:none;}

#aboutmeSubTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#aed36c;
t
}

#aboutmeRobo {
position:absolute;
float:left;
z-index:5;
margin-top:120px;
}

/**************************************************/
/**************************************************/
/* Footer */
/**************************************************/
/**************************************************/

#footerContainer {
clear:both;
background-color:#292929;
width:768px;
min-height:80px;
position:relative;
float:left;
padding-top:5px;
border-bottom: solid 1px #FFFFFF;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;

}

#footerLogo {
margin-left:310px;
margin-top:20px;
}

#twitter {
	position:relative;
	width: 746px;
	left: auto;
	right: auto;
	clip: rect(0px,0px,0px,0px);
	border: 1px solid #545454;
	margin-right: auto;
	margin-left: 10px;
	position:relative;
	float:left;
	margin-top:10px;
}