/* CSS Document */

#InterfaceContainer {background-color:#040404; background-image:url('images/CAHPageBackground.gif'); background-repeat:repeat-x; background-position:0px -30px; margin:0% auto 0% auto; padding:0px;}
#SubInterfaceWrap {display:block; width:900px; position:relative; margin:0px auto 0px auto;}
.CahContainer {width:900px;}
.CAHSubContainer {width:878px; height:203px; border:solid 1px #16130d;  margin:10px 0px 0px 10px; background-position: 0px 0px;}
.CAHSubContainer2 {width:878px; height:225px; border:solid 1px #16130d;  margin:10px 0px 0px 10px; background-position: 0px 0px;}
.CAHInnerFrame {background-color:#362f26; background-image:url('images/CAHSubContainerBg.jpg'); background-attachment:fixed; margin:0px; padding:0px;}
.CAHInnerFrame h1 {margin:20px 20px 0px 10px;}
.CAHInnerFrame p { width:margin:10px 20px 0px 20px;}
.CAHInnerFrame img {margin:10px 0px 10px 30px;}
.CAHInnerFrameBlog {background-color:#040404; background-image:url('images/CAHSubContainerBgBlog.jpg'); background-attachment:fixed; margin:0px; padding:0px;}
.CAHInnerFrameBlog img {margin:10px 0px 10px 30px;}
.CAHInnerFrameClients {background-color:#040404; background-image:url('images/BackgroundsClients.jpg'); background-attachment:fixed; margin:0px; padding:0px;}
#SUBEdit p {font-family:arial, helvetica, sans-serif; font-size:12px; line-height:18px; margin:10px;}                                                               
#SUBEdit p strong {margin:0px !important; font-family:arial, helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fbc712;}
#SUBEdit strong {margin:10px 0px 10px 10px; font-family:arial, helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fbc712;}
#SUBEdit h1 {margin:20px 20px 0px 20px !important;}
#SUBEditBlog {width:450px;}
#SUBEditBlog p {font-family:arial, helvetica, sans-serif; font-size:12px; line-height:18px; margin:10px 20px 20px 20px;}
#SUBEditBlog strong {font-family:arial, helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fbc712;}
#SUBEditBlog h1 {margin:0px 0px 0px 30px !important;}
#cah_menubrace {width:900px; height:36px; margin:0px; background-color:#fbc712; background-image:url('images/CAHNavi.gif'); background-position:left top;}
#cah_menubrace a {display:block; float:left; height:36px; padding:0px 15px 0px 15px; background-image:url('images/CAHNavi.gif'); background-position:left top; font-family:arial, helvetica sans-serif; color:#222222; line-height:36px; font-size:13px; text-decoration:none; border-style:solid; border-width:0px 1px 0px 1px; border-color:#000000 #e4c640 #000000 #fef1c3;}
#cah_menubrace a:hover {background-position: left bottom; color:#fbc712; border-color:#000000 #362f26 #000000 #362f26;}
#cah_container_2{width:900px; height:250px; overflow:hidden; background-color:#362f26; background-position:left center; background-repeat:no-repeat; padding:0px; margin:10px 0px 0px 0px;}
#cah_container_2 p { text-align:left; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:13px; line-height:20px; margin:10px 20px 0px 0px; padding:0px;}
#cah_container_2 p strong {color:#fbc712;}
#submenu {width:900px; height:15px; text-align:left; padding:3px 0px 0px 0px;}
#submenu a {font-family:arial, helvetica, sans-serif; font-size:12px; color:#fbc712; margin:0px 8px 0px 0px; text-decoration:none;}
#submenu a:hover {color:#ffffff;}
#home_gallery {text-align:left;}
#home_gallery a img {border-style:none; margin:10px 8px 0px 0px;}
#legal {font-family: arial, helvetica, sans-serif; font-size:12px; color:#fbc712; line-height:24px;}
#edit_1 {display:block; width:900px; height:260px; margin:0px; padding:0px; background-image:url('images/BackgroundsHome.jpg'); background-repeat:no-repeat;}
#edit_2 {display:block; width:900px; height:260px; margin:0px; padding:0px;}
#edit_3 {display:block; width:900px; height:260px; margin:0px; padding:0px;}
#edit_4 {display:block; width:900px; height:260px; margin:0px; padding:0px;}
#edit_5 {display:block; width:900px; height:260px; margin:0px; padding:0px;}
#edit_6 {display:block; width:900px; height:260px; margin:0px; padding:0px;}
#edit_7 {display:block; width:900px; height:260px; margin:0px; padding:0px; background-image:url('images/BackgroundsServices.jpg'); background-repeat:no-repeat;}

/*GALLERY STYLES*/

#gallery,

#gallery_2dcasualgames,
#gallery_2dcharacters, 
#gallery_2denvironments, 
#gallery_2dassets,
 
#gallery_3dcharacters, 
#gallery_3denvironments, 
#gallery_3dmachines, 
#gallery_3dobjects,

#gallery_conceptcharacters,
#gallery_conceptenvironments,
#gallery_conceptmachines,
#gallery_conceptobjects,
#gallery_conceptillos,
#gallery_conceptdesigns,
#gallery_conceptcreatures, 
#gallery_conceptmattes                                                     

{display:block; width:900px; height:260px; margin:0px; padding:0px; background-image:url('images/GalleryBackground_01.jpg'); background-repeat:no-repeat;}

.GalleryItems {margin:10px;}
.GalleryItems a img{border:solid 2px #040404; margin:5px 10px 0px 0px;}
.GalleryItems a img:hover {border:solid 2px #fbc712;}

.GallerySwitch {display:block; width:200px; height:30px; overflow:hidden; float:right; position:relative; top:-15px; margin:0px 10px 0px 0px; padding:0px;}

.flash {display:block; float:left; width:68px; height:30px; background-image:url(images/gallery_toggle.png); background-position:-132px 0px; background-repeat:no-repeat;}
.flash:hover {background-position:-132px -30px;}

.threedee {display:block; float:left; width:66px; height:30px; background-image:url(images/gallery_toggle.png); background-position:-66px 0px; background-repeat:no-repeat;}
.threedee:hover {background-position:-66px -30px;}

.twodee {display:block; float:left; width:66px; height:30px; background-image:url(images/gallery_toggle.png); background-position:0px 0px; background-repeat:no-repeat;}
.twodee:hover {background-position:0px -30px;}

/*GALLERY STYLES*/

h1 {text-align:left; margin:10px 0px 0px 10px; font-family:arial, helvetica, sans-serif; font-size:13px; color:#fbc712;}
p{ display:block; padding:0px 0px 0px 10px !important; font-family:arial, helvetica, sans-serif; font-size:12px; color:ffffff;}
p a {color:#fbc712; text-decoration:none;}
p a:hover {color:#ffffff; text-decoration:underline;}
p strong {color:#fbc712;}
ul {display:block; margin:0px; float:left; list-style-image: url('images/CAHListBullet.png');}
ul li{font-family:arial, helvetica, sans-serif; font-size:11px; line-height:16px; color:#fbc712;}
#content_area {display:block; z-index:50; width:900px; height:250px; padding:0px !important; margin:0px !important; overflow:hidden;}
#GalleryContainer {width:900px; height:260px; padding:0px; margin:0px;}
.GalleryCategories a {font-family:arial, helvetica, sans-serif; color:#ffffff !important; font-size:12px; text-align:left; text-indent:25px; line-height:20px; color:#fbc712; display:block; width:287px; height:20px; background-image:url(images/SmallSelectionHover2.png); background-repeat:no-repeat; background-position:12px 0px; text-decoration:none; margin:0px 0px 4px 0px;}
.GalleryCategories a:hover {background-position:12px -20px; color:#fbc712 !important;}
.ServicesIntro {font-size:11px !important; line-height:13px !important;}
#CAHHomeButton {background-image:url('images/CAHHomeButton.gif') !important; background-repeat:no-repeat; margin:0px !important; padding:0px !important; background-position:0px 0px !important; width:38px; height:36px; border-style:none !important; position:relative; left:-2px;}
#CAHHomeButton:hover {background-position:0px -36px !important;}
.SubNavi {display:block; background-color:#000000; background-image:url('images/CAHNavi.gif'); background-position:0px -36px; height:25px;}
.SubNavi a {display:block; background-image: url('images/CAHNavi.gif'); background-position:0px 36px; float:left; margin:0px; padding:0px 10px 0px 10px !important; color:#fbc712; font-family:arial, helvetica, sans-serif; font-size:11px; line-height:25px; text-decoration:none;}
.SubNavi a:hover{color:#000000; background-position:0px 0px;}
#CAHUpdateTitle {height:120px; background-image:url('images/cah_update.png'); background-position:25px 8px; background-repeat:no-repeat;}
.BlogLink {display:block; background-image:url('images/link.png'); background-repeat:no-repeat; width:66px; height:18px; margin:5px 0px 0px 0px;}
.date {font-size:20px; font-weight:normal; border-style:solid; border-width:0px 0px 1px 0px; border-color:#fbc712; margin:0px 0px 3px 30px !important; padding:30px 0px 0px 0px;}
.ServicesHeading {height:100px; overflow:hidden; background-image:url('images/40PercentAlpha.png'); margin:0px 0px 10px 0px;}

/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('media/lightbox/images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('media/lightbox/images/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*LIGHTBOX*/