body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#b9b9b9;
	line-height:15px;
	border:none;
}

*{
	margin: 0;
	padding: 0;
	border:none;
	}

.homebg{
	background: #000000 url("../images/home_bg.jpg") repeat-x;
}

.innerbg{
	background: #000000 url("../images/innerbg.jpg") repeat-x;
	}
.clear{ clear:both;}
a{
	text-decoration: none;
	color: #CCCCCC;
}

a:hover {
	 color: #ffc44d;
}

.pageWrapper {
	margin: 0 auto;
	width: 1005px;
	height:auto;
}

.topnav{
	text-align:right;
	height:27px;
	margin-top:13px;
}
.topnav a{
	padding-left:5px;
	padding-right:5px;
	color:#b9b9b9;
}
.topnav a:hover{color: #ffc44d;}

#navbox{
	width:1002px;
	height:93;
}	
#logo{
	width:252px;
	height:93px;
	float:left;
	background:url("../images/csspride.jpg");
	background-position:left top;
}
#logo a{
display:block;
width:100%;
height:100%;
}

#navbox{ 
	width:1002px;
	height:93px;
	float:right;
}

#menu {
	margin-top:0;
	width:537px;
	float:right;
	text-align:left;
}

#menu #nav {
	margin:0;
	padding:0;
	list-style: none;

}


#nav li{ float:left; padding:0px; margin:0px; height:93px;   }

li.companyprofile a{
	background-image:url(../images/csspride.jpg);
	background-repeat:no-repeat;
	background-position:-280px 0px;
	width:129px;
	height:93px;
	display:block;
	padding:0px;
} 
li.companyprofile:hover a, li.companyprofile a:hover{
	background-position:-280px -93px;
	}


	
li.directorsprofile a{
	background-image:url(../images/csspride.jpg);
	background-repeat:no-repeat;
	background-position:-409px -0px;
	width:129px;
	height:93px;
	display:block;
	padding:0px;
} 
li.directorsprofile:hover a, li.directorsprofile a:hover{
	background-position:-409px -93px;
}


li.team a{
	background-image:url(../images/csspride.jpg);
	background-repeat:no-repeat;
	background-position:-544px -0px;
	width:65px;
	height:93px;
	display:block;
	padding:0px;
} 
li.team:hover a, li.team a:hover{
	background-position:-544px -93px;
}

li.currentproject a{
	background-image:url(../images/csspride.jpg);
	background-repeat:no-repeat;
	background-position:-612px -0px;
	width:121px;
	height:93px;
	display:block;
	padding:0px;
} 
li.currentproject:hover a, li.currentproject a:hover{
	background-position:-612px -93px;
}

li.showreel a{
	background-image:url(../images/csspride.jpg);
	background-repeat:no-repeat;
	background-position:-737px -0px;
	width:102px;
	height:93px;
	display:block;
	padding:0px;
} 
li.showreel:hover a, li.showreel a:hover{
	background-position:-737px -93px;
}

li.boardconsultants a{
	background-image:url(../images/csspride.jpg);
	background-repeat:no-repeat;
	background-position:-840px -0px;
	width:150px;
	height:93px;
	display:block;
	padding:0px;
} 
li.boardconsultants:hover a, li.boardconsultants a:hover{
	background-position:-840px -93px;
}

li.contactus a{
	background-image:url(../images/csspride.jpg);
	background-repeat:no-repeat;
	background-position:-991px -0px;
	width:93px;
	height:93px;
	display:block;
	padding:0px;
} 
li.contactus:hover a, li.contactus a:hover{
	background-position:-991px -93px;
}


.companythum
{	width:250px; float:left;
	}
.companypg { width:665px; float:right}


#nav ul a {color:#bbbbbb;background-color:#797979;padding:0px 5px; background:url(images/dropmenubg3.gif) repeat-x; width:auto; height:31px;line-height:31px;}
#nav a:hover {color:#f0bd4a;background-color:#242424; }
#nav ul {left:0px;top:93px;BORDER:solid 1px #242424;overflow:hidden;height:auto;width:100px; margin:0px; padding:0px;  }
#nav ul li { display:block; width:110px; background-color:#2d2d2d;  height:28px;padding:2px 1px; } 



/* ================================================================ 
DROP MENU css
=================================================================== */
.menu { z-index:1; }
.menu ul { }
.menu li { position:relative; }
.menu a, .menu a:visited { display:block;white-space:nowrap; }
.menu ul ul { visibility:hidden;position:absolute;height:0; }
.menu ul ul ul { }
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }
.menu a:hover, .menu ul ul a:hover { visibility:visible; }
.menu :hover > a, .menu ul ul :hover > a { visibility:visible; }
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }
.menu ul :hover ul ul { visibility:hidden; }
.menu ul :hover ul :hover ul { visibility:visible; }
.menu ul :hover ul :hover ul ul { visibility:hidden; }
.menu ul ul :hover ul :hover ul { visibility:visible; }

.header{
	width:751vpx;
	height:227px;
	margin-top:1px;
	float:right;}


.headerinner{
	width:1005px;
	height:165px;
	margin-top:1px;
	float:right;}
.homebox1{
	width:360px;
	height:155px;
	float:left;
	margin:20px 5px 5px 5px;
	border-bottom:solid 1px #666666;

	}
.homebox2{
	width:360px;
	height:155px;
	float:left;	
	margin:20px 5px 5px 5px;
	border-bottom:solid 1px #666666;	
	}
.homebox3{
	width:950px;
	height:55px;
	float:left;
	margin:20px 5px 5px 15px;
	
	}	
.homebanner  {	width:234px;
				height:227px;
				margin-top:1px;
				border-right:solid 4px #01669a;
				float:left;
				padding-left:15px;
				background-color:#141414;
	}	
.hmewelcomehd{
	background:url(../images/csspride.jpg) no-repeat;
	background-position:left -200px;
	border-bottom:solid 1px #666666;
	width:359px;
	height:26px;
	margin-bottom:10px;
	}
	
.hmeproductionhd{
	background:url(../images/csspride.jpg) no-repeat;
	background-position:left -226px;
	border-bottom:solid 1px #666666;
	width:359px;
	height:26px;
	margin-bottom:10px;
	}	
	
.hmeshowreelhd{
	background:url(../images/csspride.jpg) no-repeat;
	background-position:left -255px;
	border-bottom:solid 1px #666666;
	margin:0 auto;
	width:950px;
	height:26px;
	margin-bottom:10px;
	}		
.more {

	width:359px;
	height:26px;
	text-decoration:none;
}	

.thumhme {
	width:106px;
	height:74px;
	float:left;
	margin-right:8px;}
.footer {
	width:100%;
	height:40px;
	background-color:#141414;

	padding-top:5px;
	}
	.footer .copyright {
	width:1002px;
	margin:0 auto;
	font-size:10px;
	color:#666666;
	}
	.footer .copyright a{
	display:block;
	color:#666666;
	padding:0px 12px 0px 0px;
	float:left;
	
	}
	
	.footer .copyright a:hover{
	color: #ffc44d;
	}
.innercontainer{
	width:977px;
	padding:15px 15px 10px 15px;
	margin-bottom:4px;
	background:#121212;
	}
.mainhd{
	width:100%;
	color:#ffc44d;
	font: 20px "bold" "Tahoma" Arial, Helvetica, sans-serif;
	padding-bottom:7px;
	border-bottom:2px solid #333333;
	margin-bottom:15px;
	}
	
.subhd{
	width:980px;
	color:#01669a;
	font: 15px Arial, Helvetica, sans-serif ;
	font-weight:bold;
	padding-bottom:7px;
	border-bottom:1px solid #1E1E1E;
	margin-bottom:15px;
	}	
	
.thrdhd{
	width:1090px;
	color:#ffc44d;
	font: 12px "bold" "Tahoma" Arial, Helvetica, sans-serif;
	padding-bottom:7px;

	margin-bottom:15px;
	}	
	
.left {
	float:left;
	margin-right:10px;
	}	
	
.right{
	float:right;
	margin-left:10px;
	overflow:hidden;}	
	
/* scroll*/

.brand {

    margin : 0;
    margin-top : 5px;
    padding : 0;
	height:92px;
	width:950px;



}

.brand .prev {

    float : left;
    background : url(../images/gallery_pre_btn.gif) no-repeat left center;
    display : block;
    width : 10px;
    height : 75px;
    text-indent : -9999px;
		padding-right:5px;


}

.brand .next {

    float : right;
    background : url(../images/gallery_next_btn.gif) no-repeat left center;
    display : block;
    width : 10px;
    height : 75px;
    text-indent : -9999px;
}

.brand div {

    float : left;
    height : 75px;
    width : 915px;
    overflow : hidden;
    position : relative;


}

.brand ul {
    margin : 0;
    padding : 0;
    list-style : none;
    position : relative;


}

.brand li {

    float : left;
    margin : 0;
    padding : 0 2px 0 0;
    list-style : none;


}

.paging{

	height:20px;
	margin: 0 auto;
	text-align:right;
	color: #990000;
	padding-bottom:20px;
	display:block;
	font-size:14px;
	font-weight:bold;

}
.paging a { padding:0px 5px 0px 5px; }

.gallery1{ margin:0 auto; }
#gallery ul{ list-style:none; height:75px; }
#gallery li{ display:inline;}
#gallery li a{  display:inline-block; margin:6px; border:#CCCCCC 4px solid; padding:3px; }
#gallery li a:hover { border:#666666 4px solid;}

.center{ margin:0 auto; width:960px; }
.pagecenter{ margin:0 auto; width:950px;  }
.bigtxt { font-size:16px; line-height:17px}