@charset "utf-8";


body {
	background-color:#000000;
	scrollbar-face-color:#A6BCF7;
	scrollbar-arrow-color:#333333;
	scrollbar-track-color:#cccccc;
	scrollbar-shadow-color:#333333;
	scrollbar-highlight-color:#DBFBFD;
	scrollbar-3dlight-color:#DBFBFD;
	scrollbar-darkshadow-color:#003;
}

* {
padding:0px;
margin:0px;
outline:none;

}

a img {
border:0px;	
}

a {
	text-decoration:none
}



#container {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;


}











#header {
	width:1024px;
	height:96px;
	position:relative;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;

}

#header h1 {
	width:400px;
	height:96px;
}


#menu {
	position:absolute;
	bottom:0px;
	right: 0px;
}


#nav {
	list-style:none;
}

#nav li {
	display:inline;

}

#nav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	color:#CCC;
	margin:0.3em;
	padding-left: 15px;
	background-image: url(../images/sq.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

#nav li a:hover {
	color:#FFF;
	background-image: url(../images/sq_animation.gif);
}










li#home a{
	color:#FFF;
	background-image: url(../images/sq_animation_red.gif);
}

li#home a:hover{
	color:#FFF;
	background-image: url(../images/sq_animation_red.gif);
}

li#contact a{
	color:#FFF;
	background-image: url(../images/sq_animation_red.gif);
}

li#contact a:hover{
	color:#FFF;
	background-image: url(../images/sq_animation_red.gif);
}

li#test a{
	color:#FFF;
	background-image: url(../images/sq_animation_orange.gif);
}

li#test a:hover{
	color:#FFF;
	background-image: url(../images/sq_animation_orange.gif);
}

li#clients a{
	color:#FFF;
	background-image: url(../images/sq_animation_lb.gif);
}

li#clients a:hover{
	color:#FFF;
	background-image: url(../images/sq_animation_lb.gif);
}


li#portfolio a{
	color:#FFF;
	background-image: url(../images/sq_animation_green.gif);
}

li#portfolio a:hover{
	color:#FFF;
	background-image: url(../images/sq_animation_green.gif);
}






#content {
	width:1024px;
	min-height:600px;
	border: thin solid #CCC;
}

#content p {
				font-family:Verdana, Geneva, sans-serif;
		font-weight:normal;
	font-size:108%;
	color:#FFF;
		padding-top:12px;
		padding-right:450px;
			padding-left:20px;
	text-align: justify;
}

#content p a {
font-weight:bold;
color:#FFF;
}
#content p a:hover {
color:#A6BCF7;		
}

#content strong {
	font-weight:bold;	
}




#video {
	width:1024px;
	height:250px;
	margin-top:20px;

}



#clientlogo {
			margin-top:15px;
			margin-left:20px;	
}


#clientlogo a img{
		padding:3px;


}







#title_port {
	background-color:#161616;
	max-height:550px;
	width:250px;
	margin-left:20px;
	background-image: url(../images/transparency.png);
	background-repeat: repeat-x;
	border:thin solid #2D2D2D;
	margin-bottom:10px;
	padding-bottom:10px;
	overflow:scroll;
	overflow-x:hidden;
	margin-top:20px;
	float:left;
	padding-bottom:10px;
}

#title_port p {
		padding-right:20px;
		padding-bottom:10px;
}

#title_port a img {
	margin:10px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000;
	border-left-color: #000;
}

#title_port a p {
					font-family:Verdana, Geneva, sans-serif;
		font-weight:normal;
	font-size:108%;
	color:#FFF;
		padding-top:0px;
	text-align:center;
font-weight:bold;
}

#title_port a p:hover {
					color:#B4C9FA;
	
}



#video_port {
	width:560px;
	height:520px;
	margin-top:20px;
	margin-bottom:15px;
	border:thin solid #2D2D2D;
	margin-right:50px;
	padding-bottom:10px;
		float:right;
		padding-top:30px;
		padding-left:50px;
		padding-right:50px;

			font-family:Verdana, Geneva, sans-serif;
		font-weight:normal;
	font-size:108%;
	color:#FFF;
	text-align:center;
}












#title {


	background-color:#161616;
	min-height:300px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/transparency.png);
	background-repeat: repeat-x;
	border: thin solid #FFF;
	margin-bottom:20px;
	position:relative;
	padding-bottom:20px;
}







#slide {
		width:400px;
		height:230px;
		position:absolute;
		top:3.5em;
		right:1.5em;
}


#content h1 {
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
	font-size:130%;
	font-weight:300;
	color:#FFF;	
	text-align:center;
	line-height:170%;

}









#footer {
width:1024px;
margin-bottom:50px;

}

ul#foot {
	list-style:none;
	width:1024px;
	position:relative;
}
#footer li {
	font-family:Arial, Helvetica, sans-serif;
display:inline;
color:#CCC;
	font-size:100%;
}

#footer li a {
font-weight:bold;
color:#CCC;	
padding-left:5px;
padding-right:5px;
}
li#copy {
	position:absolute;
	right:0px;
	font-weight:bold;
	font-size:90%;
}