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

body {
	background-color: #000000;
	margin: 0px;
	background-image: url(images/bkg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
}

#header {
	height: 90px;
	width: 1000px;
	margin-bottom: 20px;
}

#clear {
	height: 25px;
	width: 1000%;
}

.clearfix {
	clear: both;
	height: 10px;
	width: 659px;
}

#content {
	height: 313px;
	width: 1024px;
	text-decoration: none;
}

#contentlogo {
	height: 360px;
	width: 900px;
	text-decoration: none;
	float: left;
	padding-left: 20px;
	margin-top: 30px;
}

.logobox {
	height: 350px;
	width: 700px;
	text-decoration: none;
	float: left;
}

#contentvid {
	height: 300px;
	width: 1024px;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 18px;
}

#contentvidbig {
	height: 350px;
	width: 1024px;
	padding-left: 25px;
	text-decoration: none;
	padding-top: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}

#contentjav {
	height: 287px;
	width: 1024px;
	text-decoration: none;
	padding-left: 20px;
	margin-bottom: 50px;
}

#container1 {
	height: 40px;
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#container2 {
	width: 1000px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#container3 {
	height: 220px;
	width: 100%;
	min-width:1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background-color: #FFF;
}

.container3menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #F60;
	text-decoration: none;	
}

#container4 {
	height: 330px;
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#container3box {
	height: 140px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	float: left;
	margin-left: 10px;
	background-image: url(images/boxmusic.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#container3box1 {
	height: 140px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	float: left;
	margin-left: 30px;
	background-image: url(images/boxfolder.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#container3box2 {
	height: 140px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	float: left;
	margin-left: 30px;
	background-image: url(images/boxinfo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#container3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}


#footer {
	height: 275px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding-top: 50px;
	background-image: url(images/footer-bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
}

#contentbox {
	float: left;
	height: 270px;
	width: 333px;
	margin-left: 10px;
}

#contentbox1 {
	float: left;
	height: 270px;
	width: 333px;
	background-image: url(images/flyer1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}

#contentboxvideo {
	float: left;
	height: 250px;
	width: 275px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 30px;
}


#contentbox1blank {
	float: left;
	height: 270px;
	width: 400px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#contentbox1blank1 {
	float: left;
	height: 270px;
	width: 1000px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#contentbox2 {
	float: left;
	height: 270px;
	width: 333px;
	background-image: url(images/flyer2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox3 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/web1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px;
}

#contentbox4 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/web2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
}

#contentbox4blank {
	float: left;
	height: 250px;
	width: 333px;
	margin-left: 10px;
	background-image: url(images/logo1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox5 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/web3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px;
}

#contentbox5blank {
	float: left;
	height: 250px;
	width: 333px;
	margin-left: 2px;
	background-image: url(images/logo3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox7blank {
	float: left;
	height: 250px;
	width: 333px;
	margin-left: 10px;
	background-image: url(images/logo4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}

#contentbox6 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/web4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox6blank {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/logo2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox8blank {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/logo5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}

#contentbox9blank {
	float: left;
	height: 250px;
	width: 333px;
	margin-left: 2px;
	background-image: url(images/logo6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}

#contentbox7 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/flyer1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox8 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/flyer2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox9 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/web1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px;
}

#contentbox10 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/marketing1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox11 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/marketing2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox12 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/marketing3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px;
}

#contentbox13 {
	float: left;
	height: 270px;
	width: 333px;
	background-image: url(images/development1.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

#contentbox14 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/development2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox15 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/development3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px;
}

#contentbox16 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/cms1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox17 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/cms2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentbox18 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/cms3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 2px;
}

#contentbox19 {
	float: left;
	height: 250px;
	width: 333px;
	background-image: url(images/development4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 2px;
	margin-left: 5px;
}
.heading a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}


.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 165px;
	margin-left: 5px;
	margin-right: 15px;
	text-align: justify;
}

.content1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	text-align: justify;
	width: 660px;
	padding-top: 15px;
	padding-left: 20px;
}

.content2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	text-align: justify;
	width: 310px;
	float: left;
	padding-right: 10px;
	height: 175px;
	margin-right: 20px;
}

.content3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	text-align: justify;
	width: 310px;
	float: left;
	padding-right: 10px;
	height: 175px;
}


.content1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.linksfoot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 2px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
}




 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	margin-left: 5px;
	text-align: justify;
	padding-left: 10px;
}

.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}


#button {
	height: 32px;
	width: 184px;

}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class {
	border:1px solid #1c1c1c;
}

.the_menu {
	display:none;
	width:300px;
	border: 1px solid #1c1c1c;
}

.the_menu li {
	background-color: #302f2f;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #F00880;
}