@charset "utf-8";
/* CSS Document */
/******************************MENU Styles Starts********************/


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
font-family:Tahoma, Arial, sans-serif;
font-size:12px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
position:relative;
line-height:33px;
z-index:1; 
}

#nav a{
display:block;
padding:0px 0px;
color:#225068;
text-decoration:none;
/*background-color:#a8e6eb;*/
}

#nav a:hover{
/*background-color:#11bacb;*/
color:#FFFFFF;

}

#nav li{
float:left;
position:relative;

}



#nav ul {
position:absolute;
display:none;
padding:4px 0px 0px 1px;
margin:0px 0px 0px 0px;
width:13em;
border:none;
}

#nav li ul a{
width:13em;
padding:0px 0px 0px 0px;
height:auto;
border:none;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:11.7em;
margin:0px 0px 5px;
text-transform:capitalize;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


/******************************web_menu********************/
#nav li ul a.website_development {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-development.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.website_development {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-development_hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}


#nav li ul a.website_design {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-design.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.website_design {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-design-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}


#nav li ul a.website_programming {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-programing.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.website_programming {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-programing-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.internet_marketing {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/internet-marketing.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.internet_marketing {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/internet-marketing-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.seo {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/seo.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.seo {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/seo-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.internet_hosting {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/internet-hosting.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.internet_hosting {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/internet-hosting-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.website_portfolio {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-portfolio.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.website_portfolio {
	float:left;
	width:257px;
	height:46px;
	background:url(../images/website-portfolio-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

/******************************design_menu********************/

#nav li ul a.logo-design {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/logo-design.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.logo-design {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/logo-design-hover.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.website-design_second {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/website-design-second.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.website-design_second {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/website-design-second-hover.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.corporate-identity {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/corporate-identity.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.corporate-identity {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/corporate-identity-hover.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.business-card {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/business-card.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.business-card{
	float:left;
	width:249px;
	height:45px;
	background:url(../images/business-card-hover.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.letter-head {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/letter-head.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.letter-head{
	float:left;
	width:249px;
	height:45px;
	background:url(../images/letter-head-hover.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.ad-design{
	float:left;
	width:249px;
	height:45px;
	background:url(../images/ad-design.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.ad-design {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/ad-design-hover.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.t-shirt-design {
	float:left;
	width:249px;
	height:45px;
	background:url(../images/t-shirt-design.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.t-shirt-design{
	float:left;
	width:249px;
	height:45px;
	background:url(../images/t-shirt-design-hover.jpg) no-repeat right top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
/******************************photo_menu********************/
#nav li ul a.photography {
	float:left;
	width:257px;
	height:45px;
	background:url(../images/photography.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.photography{
	float:left;
	width:257px;
	height:45px;
	background:url(../images/photography-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.high-dynamic-range {
	float:left;
	width:257px;
	height:45px;
	background:url(../images/high-dynamic-range.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.high-dynamic-range{
	float:left;
	width:257px;
	height:45px;
	background:url(../images/high-dynamic-range-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.post-production {
	float:left;
	width:257px;
	height:45px;
	background:url(../images/post-production.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.post-production{
	float:left;
	width:257px;
	height:45px;
	background:url(../images/post-production-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.compositing {
	float:left;
	width:257px;
	height:45px;
	background:url(../images/compositing.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.compositing{
	float:left;
	width:257px;
	height:45px;
	background:url(../images/compositing-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.portfolio{
	float:left;
	width:257px;
	height:45px;
	background:url(../images/portfolio.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.portfolio{
	float:left;
	width:257px;
	height:45px;
	background:url(../images/portfolio-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

/******************************photo_menu********************/


#nav li ul a.music-production{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/music-production.jpg) no-repeat left top;
	margin:0px 0px 0p 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.music-production{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/music-production-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.recording-studio{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/recording-studio.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.recording-studio{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/recording-studio-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.video-production{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/video-production.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.video-production{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/video-production-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.video-equipment{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/video-equipment.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.video-equipment{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/video-equipment-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.muisic-portfolio{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/muisic-portfolio.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.muisic-portfolio{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/muisic-portfolio-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.video-portfolio{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/video-portfolio.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.video-portfolio{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/video-portfolio-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}

#nav li ul a.awards_press{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/awards&press.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}
#nav li ul a:hover.awards_press{
	float:left;
	width:251px;
	height:45px;
	background:url(../images/awards&press-hover.jpg) no-repeat left top;
	margin:0px;
	display:block;
	padding:0px 0px 0px 0px;
}


/******************************portfolio*****************************/
.gallery_1{
	width:535px;
	float:right;
	z-index:10;
	position:relative;
}
.gallery_1 ul {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}
.gallery_1 ul li {
	float:left;
	list-style:none;
	font-family:Arial;
	font-size:12px;
	color:#ffffcc;
	margin:8px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}
.gallery_1 ul li a {
	font-family:Arial;
	font-size:12px;
	color:#ffffcc;
}
.gallery_1 ul li a:hover {
	text-decoration:none;
}