@charset "UTF-8";
/* CSS Document */


img{ border:none; outline:none;   }

#slider img{ border:solid #333333 4px;}

.mainnavholder{ height:40px;   margin-bottom:10px; background-color:#2f2a2b;}  


.everythinghome{ width:891px; height:1001px; margin:auto;   }


#homecontentleft{width:629px; height:629px; float:left; border:solid #333333 4px;}
#homecontentright{width:237px; height:629px; float:right; color:#FFFFFF; border:solid #333333 4px; }

.backhome{ width:233px; height:80px;  }
.backhome img{ margin-top:320px;}
.backhomeholder{width:233px; height:416px; background-image:url(../sgudimages2010/orangeback.png); margin-left:2px; margin-top:2px;}
.sgudlogo{ width:253px; height:100px; }


.phoneemail{ width:885px; margin:auto; height:40px;}
.justphone{ width:114px; height:40px; background-image:url(../sgudimages2010/phoneus.png); background-repeat:no-repeat; float:left}
.justemail{ width:144px; height:40px; float:left;  margin-left:20px; cursor:pointer}






/* main nav */
.themainnav li{ list-style:none; text-align:right; font-family:Arial bold, Helvetica, sans-serif; font-weight:bolder; color:#CCCCCC; padding-right:10px; padding-top:10px;padding-bottom:10px; margin-left:2px; margin-right:2px; cursor:pointer}
.nav1{ border-bottom: solid #ffffff 2px;border-top: solid #ffffff 2px; height:30px; background-image:url(../sgudimages2010/webnavbutt.png); background-repeat:no-repeat; }
.nav2{ border-bottom: solid #ffffff 2px; height:30px; background-image:url(../sgudimages2010/brandingnavbutt.png); background-repeat:no-repeat;}
.nav3{ border-bottom:  solid #ffffff 2px; height:30px; background-image:url(../sgudimages2010/motionnavbutt.png); background-repeat:no-repeat;}
.nav4{ border-bottom:  solid #ffffff 2px; height:31px; background-image:url(../sgudimages2010/playnavbutt.png); background-repeat:no-repeat;}

#webstill{ margin-top:2px; margin-left:2px;margin-bottom:2px;}
#brandingstill{ margin-top:2px; margin-left:2px;margin-bottom:2px;}
#motionstill{ margin-top:2px; margin-left:2px;margin-bottom:2px;}
#playstill{ margin-top:2px; margin-left:2px;margin-bottom:2px;}


.nav1:hover { background-color: #000000; }
.nav2:hover { background-color: #000000; }
.nav3:hover { background-color: #000000; }
.nav4:hover { background-color: #000000; }


.nav_baremail {

    float:top;
  
    padding:0;
    text-align:center;
    
    height:40px;
    overflow:hidden;
	width:235px;
	 
}


.nav_bar {

    float:top;
  
    padding:0;
    text-align:center;
    
    height:50px;
    overflow:hidden;
	width:235px;
	margin-bottom:2px; 
}

.nav_bar1 {

    float:top;
  
    padding:0;
    text-align:center;
    
    height:50px;
    overflow:hidden;
	width:235px;
	margin-bottom:2px; 
	margin-top:2px;
}

.nav_bar4 {

    float:top;
  
    padding:0;
    text-align:center;
    
    height:51px;
    overflow:hidden;
	width:235px;
	margin-bottom:2px; 
	margin-top:2px;
}

#home, #cast, #pictures {
    width:235px;
    height:50px;
    line-height:15px;
    font-size:10px;
    font-family:sans-serif;
    color:#ffffff;
    font-weight:bold;
    border:0px solid white;
    position:relative;
}

#videos {
    width:235px;
    height:51px;
    line-height:15px;
    font-size:10px;
    font-family:sans-serif;
    color:#ffffff;
    font-weight:bold;
    border:0px solid white;
    position:relative;
}


#email {
    width:180px;
    height:40px;
    line-height:15px;
    font-size:10px;
    font-family:sans-serif;
    color:#ffffff;
    font-weight:bold;
    border:0px solid white;
    position:relative;
}


 
.nav_bottom {  height:50px; float:top; } 
.nav_top {  height:50px; float:top;  }
 
 
#videos .nav_bottom {  height:51px; float:top; } 
#videos .nav_top {  height:51px; float:top;  }    
	
 
#email .nav_bottom {  height:40px; float:top; margin:0px } 
#email .nav_top {  height:40px; float:top; margin:0px  }	


#email {
    background-image: url(../sgudimages2010/emailusg.png); background-repeat:no-repeat; margin-left:2px; 
}
#email .nav_bottom{
    background-image:url(../sgudimages2010/emailus.png); background-repeat:no-repeat;height:40px;
}



#visitthesiteroll { background-image: url(../sgudimages2010/visitsiteg.png); background-repeat:no-repeat; }
#visitthesiteroll .nav_top{height:38px;margin:0px }
#visitthesiteroll .nav_bottom{background-image:url(../sgudimages2010/visitsite.png); background-repeat:no-repeat;height:38px;margin:0px }




#home {
    background-image:url(../sgudimages2010/webnavbutt.png); background-repeat:no-repeat; margin-left:2px; 
}
#home .nav_bottom{
    background-image:url(../sgudimages2010/webnavbutt2.png); background-repeat:no-repeat;height:50px;
}


#cast {
	 background-image:url(../sgudimages2010/brandingnavbutt.png); background-repeat:no-repeat;margin-left:2px; 
}
#cast  .nav_bottom{
	 background-image:url(../sgudimages2010/brandingnavbutt2.png); background-repeat:no-repeat;
}


#pictures {
     background-image:url(../sgudimages2010/motionnavbutt.png); background-repeat:no-repeat;margin-left:2px; 
}

#pictures  .nav_bottom{
     background-image:url(../sgudimages2010/motionnavbutt2.png); background-repeat:no-repeat
}


#videos{
     background-image:url(../sgudimages2010/playnavbutt.png); background-repeat:no-repeat;margin-left:2px; 
}

#videos  .nav_bottom{
     background-image:url(../sgudimages2010/playnavbutt2.png); background-repeat:no-repeat
}








/* main nav */




/* web */
#webcontentleft{width:635px; height:636px; float:left;}
#topwebcontentleft{width:627px; height:383px;  border:solid #333333 4px;}
#bottwebcontentleft{width:627px; height:228px; margin-top:10px;  border:solid #333333 4px; }
#webminithumbs li{ width:89px; height:89px; background-color:#FFFFFF; float:left; list-style:none;}
#webminithumbs{ height:180px;}
.webthumb1{ margin-left:2px; margin-top:2px;}
.webthumb2{float:top; height:89px; overflow:hidden;	width:89px; margin-top:2px;}
.webthumb2a{float:top; height:89px; overflow:hidden;width:89px;}
.webthumb3{ margin-left:2px;float:top; height:89px; overflow:hidden;width:89px;}


.morenextarea{ clear:both; height:44px; background-color: #2f2a2b; width:623px; margin-left:2px; margin-top:2px;  }

.webthumb1{float:top; height:89px; overflow:hidden;	width:89px;}

.allwebthumb1{width:89px;height:89px;position:relative;}
.allwebthumb1bott{width:89px; height:89px; background-color:#FFFFFF}
.allwebthumb2{width:89px;height:89px;position:relative;}
.allwebthumb3{width:89px;height:89px;position:relative;}
.allwebthumb4{width:89px;height:89px;position:relative;}
.allwebthumb5{width:89px;height:89px;position:relative;}
.allwebthumb6{width:89px;height:89px;position:relative;}
.allwebthumb7{width:89px;height:89px;position:relative;}
.allwebthumb8{width:89px;height:89px;position:relative;}
.allwebthumb9{width:89px;height:89px;position:relative;}
.allwebthumb10{width:89px;height:89px;position:relative;}
.allwebthumb11{width:89px;height:89px;position:relative;}
.allwebthumb12{width:89px;height:89px;position:relative;}
.allwebthumb13{width:89px;height:89px;position:relative;}
.allwebthumb14{width:89px;height:89px;position:relative;}

.websiteinfoholder{ width:623px; height:379px;  margin-left:2px; margin-top:2px;}
.websiteinfoleft{ width:267px; height:329px;  float:left; font-family:Arial, Helvetica, sans-serif;}
.websiteinforight{ width:356px; height:379px;  float:left}
.topofwebinfo{ height:339px;background-color: #2f2a2b;border-bottom: solid #666666 2px;}



.visitsite {
    float:top;
    background-color: #2f2a2b;
    height:38px;
    overflow:hidden;
	width:267px;
	 
}

#visitthesiteroll {
    width:267px;
    height:38px;
    position:relative;
}


#slider .webimages img{ border:none}

.websiteinforight #slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:356px;
		height:379px;
		overflow:hidden; 
		}	
												

/* // Easy Slider */

.thewebtitle1{ font-size:18px; color:#FFFFFF; font-weight:bolder; padding:5px 10px 0px 10px}
.theweburl1{ font-size:14px; color: #CCCCCC; padding-left:10px; padding-right:10px;  }
.thewebused1{font-size:14px; color: #CCCCCC; border-top: solid #666666 2px; border-bottom: solid #666666 2px; padding-top:5px; padding-bottom:5px; margin-top:5px; padding-left:10px; padding-right:10px;}
.thewebexplain1{}







/* web */





/* motion */
.motioninforight{ width:356px; height:379px;  float:left; background-color:#000000;}
.widescreenvideo{ margin-top:42px;}
.widescreenvideo2{ margin-top:5px;}
/* motion */



/* play */

/* play */







/* branding */
.topofbrandinginfo{ height:379px;background-color: #2f2a2b;}
/* branding */





/* bott nav */

.bottnav1, .bottnav2, .bottnav3, .bottnav4 {

    float:top;
  
    height:38px;
    overflow:hidden;
	
	 
}

#bottbottnav1 {
height:38px;
position:relative;
}



.nav_top5{ height:38px;}
.nav_bottom5{ height:38px;}

/* bott nav */



/* Easy Slider */
	
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:629px;
		}	
			

			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:629px;
		background:#fff;		
		margin-bottom:2em;
		}	
			
			

#project1{float:left; margin-right:2px; margin-top:2px; margin-left:2px;}
#project2{float:left; margin-right:2px;margin-top:2px;}
#project3{float:left;margin-top:2px; }

#project4{float:left; margin-right:2px; margin-top:2px;margin-left:2px;}
#project5{float:left; margin-right:2px; margin-top:2px;}
#project6{float:left;  margin-top:2px;}

#project7{float:left; margin-right:2px; margin-top:2px;margin-left:2px;}
#project8{float:left; margin-right:2px; margin-top:2px;}
#project9{float:left; margin-top:2px; }


/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:629px;
		height:627px;
		overflow:hidden; 
		}	
		
		
		
		#slider a { text-decoration:none}
												

/* // Easy Slider */







/* footer */ 

.thetopoffooter{ height:300px;}
.studiodetails{ height:32px; background-image:url(../sgudimages2010/repsquare.png); }
.studioaddress{  width:890px; margin:auto; text-align:left; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px; font-weight:bolder}
.midoffooter li{ list-style:none; }
.clienttitle{color: #999999;font-size:23px; margin-bottom:5px; font-weight:bolder; height:29px; background-image:url(../sgudimages2010/someclients.png); background-repeat:no-repeat}
.clientlistitem{color: #999999;font-size:12px;}
.leftoffooter{width:270px; float:left; text-align:left;  font-family:Arial, Helvetica, sans-serif;  line-height:20px; margin-top:7px;}
.middleoffooter{width:315px; float:left; margin-left:12px;}
.bottnav li{ float:left; font-size:18px; color:#999999;}


.bottnav1{ width:55px; }
.bottnav2{width:95px; }
.bottnav3{width:78px;}
.bottnav4{width:55px;}
.rightoffooter{width:244px; float:right; text-align:right; font-size:23px; color:#999999; font-weight:bolder; margin-top:7px;}
.recommends{ margin-bottom:10px; height:29px; background-image:url(../sgudimages2010/sgudrectit.png); background-repeat:no-repeat}
.reclogoleft{ width:121px; float:left;}
.reclogoleft li{ margin-bottom:2px; }
.recleft1{ height:29px;}
.recleft2{ height:30px;}
.recleft3{ height:36px;}
.recleft4{ height:81px;}

.recright1{ height:39px;margin-bottom:3px; }
.recright2{ height:70px;margin-bottom:3px; }
.recright3{ height:120px;margin-bottom:3px; }

.reclogoright{ width:120px; float:left;}

.bottnav1:hover { }
.bottnav2:hover { }
.bottnav3:hover { }
.bottnav4:hover { }


.midoffooter{ width:889px; margin:auto; height:300px; }

/* footer */ 
 
 
  
/* forced footer start */  
  
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
*{margin:0;padding:0}
body {
 padding:0;
 margin:0;
 
 color: #000000;
}
#outer{
 min-height:100%;
 margin-bottom:-332px;
 color: #000000; background-image:url(../sgudimages2010/minisquare.png);
 

}
 
* html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/
#footer {
 width:100%;
 clear:both;
 height:300px;

 background-image:url(../sgudimages2010/bottombackg.png); background-repeat:repeat-x;
 color: #000000;
 text-align:center;
 position:relative;
 font-family:Arial, Helvetica, sans-serif;
 
}
* html #footer {/*only ie gets this style*/
 \height:332px;/* for ie5 */
 he\ight:324px;/* for ie6 */
}
html > body  #minHeight{float:left;width:0px;height:100%;margin-bottom:-332px;} /*safari wrapper */


 /* forced footer start */  



/* ------------------------------------*/
/* captify                       */
/* ------------------------------------*/

/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	font-weight: bold;
	font-size: 11px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
	padding-bottom:20px;
	padding-top:10px;
	text-align:left;
	padding-left:10px;
	
}


.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;

}
.caption a:hover, .caption a:hover {
	background: #000000;	
}
.caption-wrapper {
	float: right;
}
br.c { clear: both; }





/* ------------------------------------*/
/* END COPY >>>                        */
/* ------------------------------------*/