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

/*  =reset.css */
body, div, dl, dt, dd,ol,  h3, h4, h5, h6, pre, form, fieldset, input,blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

body {
	margin: 0;
	background: #000 url(images/portback.png) repeat-x ;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif; }
	
h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif; 
	padding: 15px;
	color:#fff;
	margin:0;}
	
h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff; 
	padding: 0px 0 0 5px;
	margin:0;}
	
p {
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	color: #fff;
	margin: 0;
	text-indent: 15px;
	line-height: 16px; }
	
* { behavior: url(iepngfix.htc); }

/*------------ Wrappers ---------------------*/


#portwrapper {
	width: 908px;
	height: 1115px;
	margin: 0 auto;
	padding: 0px 0px 0px;
	background:url(images/portfolio.png);
	position: relative;}
	
	

	* { behavior: url(iepngfix.htc); }
	
	
/* ------------- Header --------------------*/
#header {
	position: relative;
	height: 320px;
	text-align: left; }

	
/*-------------- Nav -----------------------*/

img, #nav ul { behavior: url(iepngfix.htc); }

#nav ul {
	width: 1000px;
	height: 50px;
	margin: 50PX;
	padding:0;
	}

#nav ul {
	width: 1000px;
	height: 50px;
	margin: 0;
	padding:0;
	}
	
#nav li {
	float: left;
	height: 50px;
	margin: 80px 5px;
	text-align:center;
	padding: 0px 5px 0 5px ;}
	

	
#nav a:hover {
	background-color: #000; }
	
#nav a:link, #nav a:visited {
	text-decoration: none;
	margin: 0;
	font: large Arial, Helvetica, sans-serif;
	color: #fff;; }
	

#productsWrapper #mainNav .products a ,
#Homewrapper #mainNav .home a ,
#solutionsWrapper #mainNav .solutions a ,
#contactWrapper #mainNav .contact a ,
#ourCompanyWrapper #mainNav .our a ,
#servicesWrapper #mainNav .services a {
	
	background-color: #d4cb6e; }
	

/* ----------- logo Page --------------*/

 
 
 #portflash {
	position:absolute;
	margin:49px auto;}

#websites {
    width:856px;
	height: 300px;
	margin: 30px auto 0 auto;
	background: url(images/portcenter.png) no-repeat bottom;}
	
#websitestext {
    width: 200px;
	height: 250px;
	margin:0 ;
	background: url(images/textrig.png) no-repeat;
	float: right;}


#la{

	width:856px;
	height: 300px;
	margin: 0 auto;
	background: url(images/logoanimationz.png) no-repeat;}
	
#latext {
	width:200px;
	height: 250px;
	margin: 0;
	color:#FFFFFF;
	float: right;
	background:url(images/textrig.png);}
	
#lfflash {
	margin:0 auto;
	padding-left: 120px;
	background: url() no-repeat;}	
	
#chara{
	width:856px;
	height: 300px;
	margin:  0 auto;
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/charactermodeling.png);
	}
	
#charatext{
	width:200px;
	height: 250px;
	margin: 0;
	float: right;
	background: url(images/textrig.png) no-repeat;}	

#mailadd {
	width: 200px;
	height: 200px;
	margin: 0;
	position: absolute;
	top:10px; right:0;
	z-index: 5;
	color: #FFFFFF;}


/*----------- Footer -----------------------*/

#footer {
	width: 856px;
	height: 40px;
	margin: 10px auto;
	clear: both; }
	
#footer ul {
	margin: 0;
	padding: 0;
	 }
	
#footer li {
	display:inline;
	margin:  0; }
	
#footer a:link, #footer a:hover, #footer a:visited {
	font: normal 97% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none; }
	
#footer a:hover {
	background-color: #000; }
	
.copyright {
	font: large Arial, Helvetica, sans-serif;
	color: #fff;;
	margin-left: 0;}


* { behavior: url(iepngfix.htc); }