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

@font-face {
    font-family: 'EurostileRegular';
    src: url('eurostileregular-webfont.eot');
    src: url('eurostileregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('eurostileregular-webfont.woff') format('woff'),
         url('eurostileregular-webfont.ttf') format('truetype'),
         url('eurostileregular-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



input[type=text]:focus,input[type=password]:focus, textarea:focus {
	background: #000;
	color: #CCCCCC;
	border-color: #005FFD;
	}

/*
###########################
TEXT STYLES
###########################
*/
strong{
	font-weight:bold;
}


h1{
	font-family:'EurostileRegular', Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:32px;
	font-weight: 200;
	letter-spacing: 0px;
	text-align:left;
}

h2{
	font-family:'EurostileRegular',Helvetica, sans-serif;
	color: #0D6DDF;
	font-size:24px;
	font-weight: bold;
	letter-spacing: 0px;
	padding-bottom: 20px;
	text-align:left;
}

h3{
	font-family:'EurostileRegular',Helvetica, sans-serif;
	color: #0D6DDF;
	font-size:20px;
	font-weight: lighter;
	letter-spacing: 0px;
	padding-bottom: 7px;
	text-align:left;
}


h4{
	font-family:'EurostileRegular',Helvetica, sans-serif;
	color: #0D6DDF;
	font-size:16px;
	font-weight: bold;
	letter-spacing: 0px;
	border-bottom: 1px solid #333;
	width:100%;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 20px 0px;
	text-align:left;
}


h5{
	font-family:'EurostileRegular',Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:28px;
	font-weight: bold;
	letter-spacing: 0px;
	text-align:right;
}


h6{
	font-family:'EurostileRegular',Helvetica, sans-serif;
	color: #0D6DDF;
	font-size:15px;
	font-weight: bold;
	padding-bottom: 7px;
	text-align:left;
}

.p1{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#0D6DDF;
	}

.p2{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	line-height:22px;
	}

.p3{
	font-family:Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	line-height:23px;
	}

.p4{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#A2C1E9;
	}

.p5{
	font-family:Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:16px;
	font-weight: lighter;
	letter-spacing: 0px;
	padding-bottom: 7px;
}

.p6{
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	line-height:22px;
	}	
	

#content_left p.p1{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#0D6DDF;
	}

#content_left p.p2{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	line-height:22px;
	}

#content_left p.p3{
	font-family:Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
	line-height:23px;
	}

#content_left p.p4{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#A2C1E9;
	}

#content_left p.p5{
	font-family:Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:16px;
	font-weight: lighter;
	letter-spacing: 0px;
	padding-bottom: 7px;
}

#content_left p.p6{
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	line-height:22px;
	}	


#content_left p{
	font-family:Helvetica, sans-serif;
	color:#CCC;
	font-size:15px;
	line-height: 22px;
	}

#content_left_work p{
	font-family:Helvetica, sans-serif;
	color:#CCC;
	font-size:14px;
	line-height: 20px;
	}


#content_right p{
	font-family:Helvetica, sans-serif;
	color: #A2C1E9;
	font-size:13px;
	line-height: 20px;
	}

#content_right p a, #content_left p a, #content_left_work p a, #content_right p a:visited, #content_left p a:visited, #content_left_work p a:visited{
	color:#6BB5FE;
	font-weight:normal;
	text-decoration:none;
	}

#content_right p a:hover, #content_left p a:hover, #content_left_work p a:hover {
	color:#6BB5FE;
	font-weight:normal;
	text-decoration: underline;
	}		


#content_left em p.p3, #content_left_work em p.p3{
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#A2C1E9;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;
	line-height:22px;
	}

#content_left em p.p4, #content_left_work em p.p4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	padding: 0;
	margin: -5px 0px 0px 0px;
	line-height:22px;
	}

#banner_content p a{
	color:#6BB5FE;
	font-weight:normal;
	text-decoration:none;
	font-family:Helvetica, sans-serif;
	font-size: 14px;
}

#banner_content p a:hover{
	color:#6BB5FE;
	font-weight:normal;
	text-decoration:underline;
}


	

hr {
	border-color: #2659A3;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 0px 12px 30px 0px;
	height: 0px;
	padding: 0;
}


.work_description ul{
	margin-left: 20px;
	padding-left: 0px;
	list-style: none;
	font-family:Helvetica, sans-serif;
	color: #CCC;
	font-size:13px;
	line-height: 22px;
}

.work_description ul li{
	padding-left: 20px;
	background-image: url(../images/icon_list.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.work_description ul li a, .work_description ul li a:visited {
	color:#6BB5FE;
	font-weight:normal;
	text-decoration: none;
}
.work_description ul li a:hover{
	color:#6BB5FE;
	font-weight:normal;
	text-decoration: underline;
}	


		
/*
###########################
LAYOUT STYLES
###########################
*/	

html, body {
height: 100%;
}


body {
	margin:0px;
	padding:0px 0px;
	text-align:center;
	background:#000000 url(../images/bg_header.png) top center repeat-x;
	color:#FFFFFF;
	}


#bg {
   width: 76%;
   height: 174px; /* height of bg! */
   position: absolute;
   top: 0;
   right: 0;
   background: transparent url(../images/bg_header2.png) repeat-x;
   z-index: 0;
} 	

#wrapper {
	min-height: 100%;
	position: relative;
	z-index: 10;
	width: 965px;
	padding:0px;
	margin:0px auto;
	margin-bottom: -122px;
	border-left:0px solid #FFF;
	border-right:0px solid #FFF;
}

#header {
	height: 118px;
	padding: 0px;
	position: relative;
}

#logo{
	position:absolute;
	top: 42px;
	left: 0px;
	height: auto;
	width: 222px;
	}

#panel {
	background-color:transparent;
	height: 174px;
	width:100%;
	z-index: 10;
	position: relative;
	display: none;
}


#panel_wrapper {
	height:auto;
	position: relative;
	width: 965px;
	padding:30px 0px 0px 0px;
	margin:0px auto;
}

#login_left{
	width:auto;
	height:auto;
	text-align: left;
	position: absolute;
	left: 75px;
	padding: 0px 0px 0px 0px;
}

#login_right{
	width:auto;
	height:auto;
	position: absolute;
	right: 65px;
	text-align: left;
	border-left: 0px solid #333;
	padding: 0px 0px 0px 120px;
}

#login a {
	position:absolute;
	top: 0px;
	right: 0px;
	height: 27px;
	width: 96px;
	text-align:center;
	color:#666666;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 32px;
	background:transparent url(../images/login.png) no-repeat 0px 0px;
}

#login a:hover{	
	color:#FFFFFF;
	background:transparent url(../images/login.png) no-repeat -96px 0px;
	height: 27px;
	width: 96px;
}


#login a.active {
	color:#FFFFFF;
	background:transparent url(../images/login.png) no-repeat -96px 0px;
	height: 27px;
	width: 96px;

}


#banner{
	width:100%;
	height:auto;
	position: relative;
	text-align: left;
	top: 0px;
	background:url(../images/bg_home.png) repeat-y;
	margin-top: 56px;
}

.shadow{
	width:100%;
	position: relative;
	text-align: left;
	background:transparent url(../images/shadow_01.png) top left repeat-x;
	height: 248px;
}

.shadow_auto{
	width:100%;
	text-align: left;
	background:transparent url(../images/shadow_01.png) top left repeat-x;
	height:auto;
	float: left;
}


.shadow_bottom{
	width:100%;
	text-align: left;
	background:transparent url(../images/shadow_02.png) bottom left repeat-x;
	height:auto;
	float: left;

}

#section_title{
	height: 46px;
	width:945px;
	position: relative;
	right: 0px;
	top: 0px;
	padding: 10px 20px 0px 0px;
}

		

#video_box{
	width: auto;
	height: 297px;
	position:absolute;
	top:-56px;
	right:0px;
	z-index: 20;
	background: transparent url(../images/shadow_video.png) left bottom no-repeat;
	behavior: url(iepngfix.htc);
}


.video_border{
	border: 7px solid #072649;
	width: 480px;
	height: 270px;
	position: relative;
	background-color: #000000;
}



.media_shadow{
	width: auto;
	height: auto;
	background: transparent url(../images/shadow_video.png) left bottom repeat-x;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	behavior: url(iepngfix.htc);
}


.media_border{
	border: 7px solid #072649;
	width: 640px;
	height: 360px;
	background: #000;
	color: #00235C;
	margin: 0;
	padding: 0;
}



.work_description{
	float: left;
	width: 255px;
}

.work_media{
	width: 654px;
	margin: 0px 5px 0px 5px;
	text-align: right;
	float: right;
}

.work_media p{
	text-align:right;
}

.work_images{
	width: 584px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	height: 375px;
	float: right;
}



#banner_content{
	width:450px;
	height:200px;
	text-align: left;
	padding: 40px 0px 0px 10px;
}



#content{
	width:100%;
	height:auto;
	text-align: left;
	background:url(../images/bg_sidebar.png) repeat-y;
	float: left;
}

#content_portfolio{
	width:100%;
	height:auto;
	text-align: left;
	background:url(../images/bg_home.png) repeat-y;
	float: left;
}

#content_left_work{
	width:946px;
	height:auto;
	float:left;
	text-align: left;
	padding: 10px 10px 60px 10px;
}


#content_left{
	width:613px;
	height:auto;
	float:left;
	text-align: left;
	padding: 40px 10px 60px 10px;
}

#content_right{
	width:282px;
	height:auto;
	float:right;
	text-align: left;
	padding: 40px 20px 60px 30px;
}



#clear {
clear:both;
display:block;
height:1px;
width:100%;
}

.clear {
clear:both;
display:block;
height:1px;
width:100%;
}


.clear_button {
clear:both;
display:block;
height:15px;
width:100%;
}


/*##############FOOTER#############*/


.clearfooter {
height: 122px;
clear: both;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2C1E9;
	letter-spacing: 1px;
	text-underline: none;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#footer a:hover{
	color:#FFFFFF

}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A2C1E9;
	letter-spacing: 1px;
}

#footer {
height: 122px;
margin:0px auto;
position: relative;
background: #060F21 url(../images/bg_footer.png) repeat-x;
}



#footer_wrapper {
	height:122px;
	position: relative;
	width: 965px;
	padding:0px;
	margin:0px auto;
	background: transparent url(../images/bg_footer_logo.gif) no-repeat center;
	z-index: 30;
}	

#footer_left{
	height: 20px;
	float:left;
	width: 41%;
	text-align:left;
	padding-top: 48px;
}


#footer_logo{
	height: 50px;
	width: 160px;
	text-align:left;
	position: absolute;
	top: 30px;
	left: 400px;
}

#footer_right{
	height: 20px;
	float:right;
	width: 41%;
	text-align:right;
	padding-top: 48px;
}
#footer_bottom{
	clear:both;
	text-align:center;
	height:34px;
	padding-top: 20px;
}	




/*
###########################
HOT HOME BUTTONS
###########################
*/

#hot_buttons{
	width:965px;
	height: 103px;
	top: 0px;
	left:0px;
	z-index:40;
	position: relative;
	background-color: #0F1A2E;
}

.nav {
	width: 965px;
	height: 103px;
	background: transparent url(../images/bg_hotbuttons.png) no-repeat scroll 0 0;
	position: relative;
	top:0px;
	left:0px;
}

.nav li {
display:inline;
}

.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 103px;
    text-indent: -9000px;
    overflow: hidden;
	z-index:30;
}

/*   Web  */
.nav .web2 a:link, .nav .web2 a:visited {
        left: 0px;
        width: 243px;
    }
.nav .web2 a:hover, .nav .web2 a:focus {
        background: url(../images/bg_hotbuttons.png) no-repeat scroll 0px -103px;
    }

.nav .web2 a:active {
        background: url(../images/bg_hotbuttons.png) no-repeat scroll 0px -103px;
    }

.current-web2 .web2 a:link, .current-web2 .web2 a:visited {
background: url(../images/bg_hotbuttons.png) no-repeat scroll 0px -103px;
cursor:default;
}


.nav-web2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
	width: 242px;
    height: 103px;
    background: url(../images/bg_hotbuttons.png) no-repeat scroll 0px -103px;
}


	
/*   Design  */	
.nav .design2 a:link, .nav .design2  a:visited {
        left: 242px;
        width: 241px;
    }
.nav .design2  a:hover, .nav .design2  a:focus {
        background: url(../images/bg_hotbuttons.png) no-repeat scroll -243px -103px;
    }
	

.nav-design2 {
    position: absolute;
    bottom: 0px;
    left: 243px;
	width: 241px;
    height: 103px;
    background: url(../images/bg_hotbuttons.png) no-repeat scroll -243px -103px;
}


	
/*   Video  */
.nav .video2  a:link, .nav .video2   a:visited {
        left: 484px;
        width: 241px;
    }
.nav .video2  a:hover, .nav .video2  a:focus {
        background: url(../images/bg_hotbuttons.png) no-repeat scroll -484px -103px;
    }
	
.nav-video2 {
    position: absolute;
    bottom: 0px;
    left: 484px;
	width: 241px;
    height: 103px;
    background: url(../images/bg_hotbuttons.png) no-repeat scroll -484px -103px;
}

	
	
/*   Film  */
.nav .film2 a:link, .nav .film2 a:visited {
        left: 725px;
        width: 241px;
    }
.nav .film2 a:hover, .nav .film2 a:focus {
        background: url(../images/bg_hotbuttons.png) no-repeat scroll -725px -103px;
    }
	
.nav-film2 {
    position: absolute;
    bottom: 0px;
    left: 725px;
	width: 241px;
    height: 103px;
    background: url(../images/bg_hotbuttons.png) no-repeat scroll -725px -103px;
}

/*
###########################
WORK LAYOUT STYLES
###########################
*/	

.work_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}

.work_list li {
	float:left;
	height:118px;
	margin:20px 20px 20px 25px;
	position:relative;
	width:260px;
	background: transparent url(../images/shadow_video.png) right bottom no-repeat;
	padding: 0px 0px 15px 0px;
	
	
}
.work_list img {
	border: 5px solid #072649;
}


.work_list img:hover {
	border: 5px solid #003366;
}

.work_list li em {
	background: transparent url(../images/work_hover.png) top left repeat-x;
	font-style:normal;
	height:45px;
	left:0px;
	padding: 5px 9px 0px 12px;
	position:absolute;
	text-align:left;
	width:239px;
	z-index:100;
	display: none;
	bottom: 15px;
}

.work_list a {
text-decoration:none;
display:block;
}


/*
###########################
TESTIMONIAL STYLES
###########################
*/	

#testimonials{
	height: 300px; /*SHOULD BE SIZE OF THE LONGEST QUOTE */
	width:275px;
	padding: 0;
	margin:  0;
	overflow:hidden;
	text-align: left;
}


#testimonials div{
	height: auto;
	overflow:hidden;
}

.testimonial_top{
	width:275px;
	background:url(../images/quotes.gif) no-repeat scroll;
	background-position: -63px top;
	height:auto;
	position: relative;
	padding: 0px 0px 0px 0px;
}
.testimonial_bottom{
	width:230px;
	background:url(../images/quotes.gif) no-repeat scroll;
	background-position: 240px bottom;
	height:auto;
	padding: 0px 0px 0px 50px;
	text-align: left;
}

#content_left_work p.quote {
	font-style:italic;
	text-align: left;
	padding-right:5px;
	color: #A2C1E9;
}

#content_right p.quote {
	font-style:italic;
	text-align: left;
	color: #A2C1E9;
}

.quote img {
	border: 5px solid #072649;
	margin-bottom:10px;
}



/*
###########################
MAIN MENU STYLES
###########################
*/


#menu {
	width: 494px;
	height: 24px;
	position: absolute;
	top:76px;
	z-index: 50;
	right: 0px;
}

.main_menu {
	width: 494px;
	height: 24px;
	background: transparent url(../images/menu_main.gif) no-repeat scroll 0 0;
	position: absolute;
	top:0px;
	left: 0px;
}

.main_menu li {
display:inline;
}

.main_menu li a:link, .main_menu li a:visited {
	position: absolute;
	top: 0px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	z-index:50;
}

/*   Home  */
.main_menu .home a:link, .main_menu .home a:visited {
        left: 0px;
        width: 78px;
    }
.main_menu .home a:hover, .main_menu .home a:focus {
        background: url(../images/menu_main.gif) no-repeat scroll 0px -24px;
    }

.main_menu .home a:active {
       background: url(../images/menu_main.gif) no-repeat scroll 0px -24px;
    }

.current-home .home a:link, .current-home .home a:visited {
background: url(../images/menu_main.gif) no-repeat scroll 0px -24px;
cursor:default;
}


.nav-home {
    position: absolute;
    top: 0px;
    left: 0px;
	width: 78px;
    height: 24px;
	background: url(../images/menu_main.gif) no-repeat scroll 0px -24px;
}



/*   Work  */
.main_menu .work a:link, .main_menu .work a:visited {
	left: 78px;
	width: 78px;
    }
.main_menu .work a:hover, .main_menu .work a:focus {
        background: url(../images/menu_main.gif) no-repeat scroll -78px -24px;
    }

.main_menu .work a:active {
       background: url(../images/menu_main.gif) no-repeat scroll -78px -24px;
    }

.current-work .work a:link, .current-work .work a:visited {
background: url(../images/menu_main.gif) no-repeat scroll -78px -24px;
cursor:default;
}


.nav-work {
    position: absolute;
    top: 0px;
    left: 78px;
	width: 78px;
    height: 24px;
    background: url(../images/menu_main.gif) no-repeat scroll -78px -24px;
}


/*   Services  */
.main_menu .services a:link, .main_menu .services a:visited {
	left: 156px;
	width: 101px;
    }
.main_menu .services a:hover, .main_menu .services a:focus {
        background: url(../images/menu_main.gif) no-repeat scroll -156px -24px;
    }

.main_menu .services a:active {
       background: url(../images/menu_main.gif) no-repeat scroll -156px -24px;
    }

.current-services .services a:link, .current-services .services a:visited {
		background: url(../images/menu_main.gif) no-repeat scroll -156px -24px;
		cursor:default;
}


.nav-services {
    position: absolute;
    top: 0px;
    left: 156px;
	width: 101px;
    height: 24px;
    background: url(../images/menu_main.gif) no-repeat scroll -156px -24px;
}

/*   about  */
.main_menu .about a:link, .main_menu .about a:visited {
	left: 257px;
	width: 83px;
    }
.main_menu .about a:hover, .main_menu .about a:focus {
        background: url(../images/menu_main.gif) no-repeat scroll -257px -24px;
    }

.main_menu .about a:active {
       background: url(../images/menu_main.gif) no-repeat scroll -257px -24px;
    }

.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/menu_main.gif) no-repeat scroll -257px -24px;
		cursor:default;
}


.nav-about {
    position: absolute;
    top: 0px;
    left: 257px;
	width: 83px;
    height: 24px;
    background: url(../images/menu_main.gif) no-repeat scroll -257px -24px;
}

/*   blog */
.main_menu .blog a:link, .main_menu .blog a:visited {
	left: 340px;
	width: 72px;
    }
.main_menu .blog a:hover, .main_menu .blog a:focus {
        background: url(../images/menu_main.gif) no-repeat scroll -340px -24px;
    }

.main_menu .blog a:active {
       background: url(../images/menu_main.gif) no-repeat scroll -340px -24px;
    }

.current-blog .blog a:link, .current-blog .blog a:visited {
		background: url(../images/menu_main.gif) no-repeat scroll -340px -24px;
		cursor:default;
}


.nav-blog {
    position: absolute;
    top: 0px;
    left: 340px;
	width: 72px;
    height: 24px;
    background: url(../images/menu_main.gif) no-repeat scroll -340px -24px;
}

/*   web */
.main_menu .contact a:link, .main_menu .contact a:visited {
	left: 412px;
	width: 82px;
    }
.main_menu .contact a:hover, .main_menu .contact a:focus {
        background: url(../images/menu_main.gif) no-repeat scroll -412px -24px;
    }

.main_menu .contact a:active {
       background: url(../images/menu_main.gif) no-repeat scroll -412px -24px;
    }

.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/menu_main.gif) no-repeat scroll -412px -24px;
		cursor:default;
}


.nav-contact {
    position: absolute;
    top: 0px;
    left: 412px;
	width: 82px;
    height: 24px;
    background: url(../images/menu_main.gif) no-repeat scroll -412px -24px;
}


/*
######################
LOGIN STYLES
#####################
*/

input.btn{
	color:#FFFFFF;
	font-family:Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	background-color:#0A213D;
	border:2px solid #000;
	margin: 0px 0px 0px 193px;
	cursor:pointer;
	padding: 3px;
}

input.btn2{
	color:#FFFFFF;
	font-family:Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	background-color:#0A213D;
	border:2px solid #000;
	margin: 10px 0px 0px 193px;
	cursor:pointer;
	padding: 0px 0px 3px 0px;
}

input{
	background:#000 none repeat scroll 0 0;
	border:2px solid #4C535D;
	color:#CCCCCC;
	font-size:15px;
	margin-right:10px;
	padding:3px;
	width:160px;
}



/*
###########################
SUB MENU BUTTONS
###########################
*/

#work_menu{
	float: right;
}


.subnav {
	width: 494px;
	height: 50px;
	background: transparent url(../images/submenu.gif) no-repeat scroll 0 -50px;
	position: relative;
	top:0px;
	left:0px;
}

.subnav li {
display:inline;
}

.subnav li a:link, .subnav li a:visited {
    position: absolute;
    top: 0;
    height: 50px;
    text-indent: -9999px;
    overflow: hidden;
	z-index:30;
	cursor:pointer;
}

/*   Web  */
.subnav .web a:link, .subnav .web a:visited {
        left: 0px;
        width: 114px;
    }
.subnav .web a:hover, .subnav .web a:focus, .subnav .web a:active, .current-web .web a:link, .current-web .web a:visited   {
        background: url(../images/submenu.gif) no-repeat scroll 0px 0px;
		
    }

.nav-web {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 114px;
	height: 50px;
	background: url(../images/submenu.gif) no-repeat scroll 0px 0px;
}


	
/*   Design  */	
.subnav .design a:link, .subnav .design  a:visited {
        left: 118px;
        width: 139px;
    }
.subnav .design  a:hover, .subnav .design  a:focus, .subnav .design a:active, .current-design .design a:link, .current-design .design a:visited {
         background: url(../images/submenu.gif) no-repeat scroll -118px 0px;
    }
	

.nav-design {
	position: absolute;
	bottom: 0px;
	left: 118px;
	width: 139px;
	height: 50px;
	background: url(../images/submenu.gif) no-repeat scroll -118px 0px;
}

	
/*   Video  */
.subnav .video  a:link, .subnav .video   a:visited {
        left: 261px;
        width: 127px;
    }
.subnav .video  a:hover, .subnav .video  a:focus, .subnav .video a:active, .current-video .video a:link, .current-video .video a:visited  {
        background: url(../images/submenu.gif) no-repeat scroll -261px 0px;
    }
	
.nav-video {
	position: absolute;
	bottom: 0px;
	left: 261px;
	width: 127px;
	height: 50px;
	background: url(../images/submenu.gif) no-repeat scroll -261px 0px;
}

	
	
/*   Film  */
.subnav .film a:link, .subnav .film a:visited {
        left: 392px;
        width: 102px;
    }
.subnav .film a:hover, .subnav .film a:focus, .subnav .film a:active, .current-film .film a:link, .current-film .film a:visited {
         background: url(../images/submenu.gif) no-repeat scroll -392px 0px;
    }
	
.nav-film {
	position: absolute;
	bottom: 0px;
	left: 392px;
	width: 102px;
	height: 50px;
	background: url(../images/submenu.gif) no-repeat scroll -392px 0px;
}



/*
###########################
BUTTONS FOR ANY LINK
###########################
*/


a.button, a.button:visited {
	background: transparent url(../images/button_bg.jpg) no-repeat scroll top right;
	color: #FFF;
	display: block;
	height: 35px;
	padding-right: 24px; /* sliding doors padding */
	text-decoration: none;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

a.button span, a.button:visited span {
	background: transparent url(../images/button_bg.jpg) no-repeat;
	display: block;
	padding: 6px 0 4px 24px;
	line-height: 25px;
	color: #FFF;
	text-decoration: none;
	margin: 0px;
} 


a.button:hover {
	background-position: bottom right;
	color: #FFFFFF;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}

a.button:hover span {
	background-position: bottom left;
	padding: 6px 0 4px 24px; /* push text down 1px */
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
} 


/*
###########################***************
STYLES FOR FOR DESIGN AND WEB IMAGES
###########################***************
*/


#pager{
	width:auto;
	text-align: left;
	margin: 0px 0px 0px 0px;
	height: auto;
}

#pager a {
	border: 0px solid #ccc;
	background: #072649;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	padding: 3px 15px 5px 15px;
	color: #FFF;
	font-family: Helvetica, sans-serif;
	font-size:12px;
}
#pager a.activeSlide {
	background: #072649;
	color: #6BB5FE;
}
#pager a:focus { outline: none; }


.images img{
	border: 7px solid #072649;
	cursor: pointer;
}

#images{
	width: auto;
	background: transparent url(../images/shadow_video.png) left bottom repeat-x;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 20px 0px;
	height: 367px;
	behavior: url(iepngfix.htc);
}

/*
###########################
BLOG POST STYLES
###########################
*/

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('/blog/wp-content/themes/k2/images/comment.gif') left center no-repeat;
	margin-right: 10px;
	}

#latest_posts{
	position:relative;
}

#latest_posts ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#latest_posts ul li {
	color: #FFFFFF;
	font-family:Helvetica, sans-serif;
	padding:13px 0px 15px 35px;
	margin: 0px;
	line-height: 16px;
	list-style-type: none;
	list-style-image:none;
	height:auto;
	display:block;
	}
	
.Film_icon {
	list-style-type: none;
	list-style-image:none;
	font-family:Helvetica, sans-serif;
	background: url(../images/iconblog_film.gif) no-repeat 0 12px;
}

.Design_icon {
	list-style-type: none;
	list-style-image:none;
	font-family:Helvetica, sans-serif;
	background: url(../images/iconblog_design.gif) no-repeat 0 12px;
}

.Web_icon {
	list-style-type: none;
	list-style-image:none;
	font-family:Helvetica, sans-serif;
	background: url(../images/iconblog_web.gif) no-repeat 0 12px;
}

.Video_icon {
	list-style-type: none;
	list-style-image:none;
	font-family:Helvetica, sans-serif;
	background: url(../images/iconblog_video.gif) no-repeat 0 12px;
}	

#latest_posts ul li a:link, #latest_posts ul li a:visited {
	list-style-type: disc;
	list-style-image: none;
	font-size:14px;
	color:#6BB5FE;
	font-weight:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}	
	
	
	
#latest_posts  ul li a:hover{	
	text-decoration: underline;
	}


/*RSS ICON */
.feedlink { /* On the sidebar */
	border: none;
	padding-right:20px;
	background: url(../images/feedicon16px.gif) right center no-repeat;
	height: 16px;
	position: absolute;
	top: 0;
	right: 5px;
	color: #777;
	}

.feedlink span {
	visibility: hidden;
	}

.feedlink:hover span {
	visibility: hidden;
	text-decoration:none;
	}


/*
###########################
ABOUT US PROFILES
###########################
*/

.profile{
	float:left;
	width: 41%;
	height:auto;
	background-color:#000;
	padding:12px;
	position:relative;
	margin-bottom:40px;
}

/*#################
SERVICES STYLES
###################### */

.infobox{
margin: 0px 0px 0px 0px;
}

/*#################
NEW STYLES
###################### */