@charset "utf-8";
@import url("gallerycss.css");
/* CSS Document */


/*@font-face {
    font-family: 'HelveticaNeueLT57CnRegular';
    src: url('../images/helvetica_lt_57_condensed-webfont.eot');
    src: url('../images/helvetica_lt_57_condensed-webfont.eot?iefix') format('eot'),
         url('../images/helvetica_lt_57_condensed-webfont.woff') format('woff'),
         url('../images/helvetica_lt_57_condensed-webfont.ttf') format('truetype'),
         url('../images/helvetica_lt_57_condensed-webfont.svg#webfontbjDD2lXY') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'HelveticaNeueLT35ThinRegular';
    src: url('../fonts/helvetica_lt_35_thin-webfont.eot');
    src: url('../fonts/helvetica_lt_35_thin-webfont.eot?iefix') format('eot'),
         url('../fonts/helvetica_lt_35_thin-webfont.woff') format('woff'),
         url('../fonts/helvetica_lt_35_thin-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_lt_35_thin-webfont.svg#webfont8AKSPN1y') format('svg');
    font-weight: normal;
    font-style: normal;

}



/********************************************* common style ****************************************/
body {
	margin:0 auto;
	padding:0px;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: 'HelveticaNeueLT35ThinRegular';*/
	/*font-family:'HelveticaNeueLT57CnRegular';*/
/*	font-family: 'HelveticaNeueLT45LightRegular';
*/}



/********************************************* main div style ****************************************/
#wrapper{ width:100%; height:100%; position:absolute; z-index:99; top:0;}
#footer{position:fixed; bottom:0; z-index:999; display:block; width:98%; left:1%; bottom:1%;}
#footer {color:#666666; font-size:12px;}
.right{ float:right; width:150px;}
.left{ float:left; width:80%;}
.contact{font-size:30px; color:#FFFFFF; font-family: 'HelveticaNeueLT35ThinRegular';}
#upnav{ margin:0 auto; width:950px; text-align:left;letter-spacing:4px; font-size:24px; color:#fff; padding:20px 0 0 0; text-transform:uppercase;font-family: 'HelveticaNeueLT35ThinRegular';}
#upnav a{ text-decoration:none; text-transform:uppercase; color:#FFF;letter-spacing:4px; font-size:24px;}
#upnav a:hover{ text-decoration:none; color:#fff; text-transform:uppercase; border-bottom:1px dotted #FFF;}

/********************************************* common style ****************************************/
.topul { padding:10px 0; display:block; width:600px;}
.topul ul{ margin:0px; padding:0px; list-style:none; font-family: 'HelveticaNeueLT35ThinRegular';}
.topul ul li {display:inline-block; margin-right:0px; font-size:24px; float:left;} 
.topul ul li a{ text-transform:uppercase; text-decoration:none; letter-spacing:4px; font-size:24px;margin-right:5px;}

.sublink{ padding:10px; widows:600px; margin:0px; padding:0px; list-style:none; font-family: 'HelveticaNeueLT35ThinRegular';}
.sublink li {display:inline-block; margin-right:0px; font-size:24px; float:left;} 
.sublink li a{ text-decoration:none; letter-spacing:4px; font-size:24px; float:left; display:table-cell; display:block;margin-right:5px;}

/********************************************* background and text color ****************************************/

.topul ul li a.commercial{color:#0505f3; border:0; border-top-color:#0505f3;}
.topul ul li a.music_videos{color:#f80606; border:0; border-top-color:#f80606;}
.topul ul li a.about_us{color:#fffc07; border:0; border-top-color:#fffc07;}
.topul ul li a.recent_work{color:#fa06f7; border:0; border-top-color:#fa06f7;}
.topul ul li a.blog{color:#3cff00; border:0; border-top-color:#3cff00;}
.topul ul li a.contact{color:#ffae00; border:0; border-top-color:#ffae00;}

.topul ul li a.ben_petters{color:#fffc07; border:0; border-top-color:#fffc07;}
.topul ul li a.carly_cussen{color:#FF69B4; border:0; border-top-color:#FF69B4;}
.topul ul li a.dale_resteghint{color:#009900; border:0; border-top-color:#009900;}
.topul ul li a.director_x{color:#FF0000; border:0; border-top-color:#FF0000;}
.topul ul li a.drew_cox{color:Yellow; border:0; border-top-color:Yellow;}
.topul ul li a.greg_francis{color:#0BB69C; border:0; border-top-color:#0BB69C;}
.topul ul li a.marcus_lundin{color:#FF00FC; border:0; border-top-color:#FF00FC;}
.topul ul li a.sesan_ogunro{color:#F09900; border:0; border-top-color:#F09900;}
.topul ul li a.toby_loc{color:#2878FF; border:0; border-top-color:#2878FF;}
.topul ul li a.vetex_ben{color:#FF661B; border:0; border-top-color:#FF661B;}
.topul ul li a:hover{ text-decoration:none;}


.topul ul li a.bigFont{font-size:33px;font-weight:bold;}

.luti{font-family: Impact; font-size:35px; color:#FFFFFF; text-transform:uppercase;}
p{margin:0px; padding:0px;}
.txtfield{border:none; background-color:#FFFFFF; color:#000000; font-size:12px; width:250px; height:20px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
.txtarea{border:none; background-color:#FFFFFF; color:#000000; font-size:12px; width:250px; font-family:Arial, Helvetica, sans-serif;}
.btnsubmit{border:none; background-color:#000; color:#fff;}
.cnt{line-height:20px;}
.cnt img {border:solid 3px #FFFFFF;}


.clear {clear:both;}
#recentwork { width:532px; overflow:hidden;}
#recentwork ul{ margin:0px; padding:0px; list-style:none;}
#recentwork ul li{ display:inline-block; margin-left:10px; float:left; margin-bottom:10px;}
#recentwork ul li img{ border:solid 3px #FFFFFF;}
#recentwork ul li span{background-color:#ffe1f0; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
.line {background-color:#FFFFFF; height:1px; width:513px;}


#numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#numbering ul li{ display:inline-block; float:left; margin-left:5px;}
.arrows {text-align:left; border:none; left:0px; margin-top:10px; margin-left:15px;}
.arrows1 {text-align:left; border:none; left:0px; margin-top:10px; margin-left:95px;}

#layer { position:absolute; z-index:1; width:100%; height:100%; background:#000000;} 


/********************************************* ABOUT US ****************************************/


#main-lnk { font-size:18px; color:#263300;}
#main-lnk ul {margin:0px; padding:0px; list-style:none; border-left: solid 1px #000; color:#263300; line-height:20px; font-size:17px;} 
#main-lnk ul li{margin-bottom:5px; margin-left:15px;}
#main-lnk ul li a{ text-decoration:none; display:block; color:#000; padding:5px;}
#main-lnk ul li a:hover{background-color:#47372f; color:#000; display:block; padding:5px;}
.cntabout{color:#000; line-height:20px;}
.cntabout table tr td p {text-align:justify;}
.cntabout h1{text-transform:uppercase; margin:0px; padding:0px; font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; margin-bottom:10px;}
.cntabout  h2{
    
    color: #000;
    font-size: 14px;
    font-weight: normal;
    height: 100px;
    margin: 0 30px 0 0;
    padding: 0 8px 0 0;
	text-transform:uppercase;

	border-bottom:none;
	
}
/********************************************* ABOUT US end ****************************************/
 

/********************************************* drewcox ****************************************/

#drew_cox {  width:514px; overflow:hidden;}
#drew_cox ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#drew_cox ul li{ display:inline-block; margin-left:10px; float:left; margin-bottom:10px;}
#drew_cox ul li img{ border:solid 3px #FFFFFF;}
#drew_cox ul li span{background-color:#cae8ca; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#drew_cox #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px; display: block;}
#drew_cox #numbering ul li{ display:inline-block; float:left; margin-left:5px; color:#FFFFFF;}

/********************************************* drewcox end ****************************************/


#endeavor { width:514px; overflow:hidden;}
#endeavor ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#endeavor ul li{ display:inline-block; margin-left:20px; float:left; margin-bottom:20px;}
#endeavor ul li img{ border:solid 3px #FFFFFF;}
#endeavor ul li span{background-color:#c8fcfc; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#endeavor #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#endeavor #numbering ul li{ display:inline-block; float:left; margin-left:5px;}



#any { width:532px; overflow:hidden;}
#any ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#any ul li{ display:inline-block; margin-left:20px; float:left; margin-bottom:20px;}
#any ul li img{ border:solid 3px #FFFFFF;}
#any ul li span{background-color:#ffdecd; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#any #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#any #numbering ul li{ display:inline-block; float:left; margin-left:5px;}


#sesan { width:514px; overflow:hidden;}
#sesan ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#sesan ul li{ display:inline-block; margin-left:20px; float:left; margin-bottom:20px;}
#sesan ul li img{ border:solid 3px #FFFFFF;}
#sesan ul li span{background-color:#ffdeef; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#sesan #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#sesan #numbering ul li{ display:inline-block; float:left; margin-left:5px;}

#del { width:532px; overflow:hidden;}
#del  ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#del  ul li{ display:inline-block; margin-left:20px; float:left; margin-bottom:20px;}
#del ul li img{ border:solid 3px #FFFFFF;}
#del ul li span{background-color:#c7c7e9; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#del #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#del #numbering ul li{ display:inline-block; float:left; margin-left:5px;}

#rage { width:532px; overflow:hidden;}
#rage ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#rage ul li{ display:inline-block; margin-left:20px; float:left; margin-bottom:20px;}
#rage ul li img{ border:solid 3px #FFFFFF;}
#rage ul li span{background-color:#ffc7c7; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#rage #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#rage #numbering ul li{ display:inline-block; float:left; margin-left:5px;}


#vertex { width:532px; overflow:hidden;}
#vertex ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#vertex ul li{ display:inline-block; margin-left:20px; float:left; margin-bottom:20px;}
#vertex ul li img{ border:solid 3px #FFFFFF;}
#vertex ul li span{background-color:#e2e5d0; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#vertex #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#vertex #numbering ul li{ display:inline-block; float:left; margin-left:5px;}

#ben { width:532px; overflow:hidden;}
#ben ul{ margin:0px; padding:0px; list-style:none; width:532px;}
#ben ul li{ display:inline-block; margin-left:20px; float:left; margin-bottom:20px;}
#ben ul li img{ border:solid 3px #FFFFFF;}
#ben ul li span{background-color:#ffffc8; display:block; color:#000; text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
#ben #numbering ul{ margin:0px; padding:0px; list-style:none; margin-left:15px;}
#ben #numbering ul li{ display:inline-block; float:left; margin-left:5px;}
.grayall a { color:#333333;}

#navagtion {     border: 1px solid #999999;
    display: block;
    padding: 10px;
    position: relative;}
	
a.contactlnk { text-decoration:none; color:#FFFFFF; font-size:12px;}
a.contactlnk:hover { text-decoration:underline; color:#FFFFFF; font-size:12px;}

.directorslist li{
	text-align:left; direction:ltr;
}