﻿#container
{
/*  background: #000000 none repeat scroll 0 0;*/
  color: #888888;
  width: 938px;
  height: 770px;
  text-align: center;
  margin: 15px auto;   
  display: block;  
}
#header
{
  /*background:transparent url(/images/head.png) no-repeat scroll 0 0;*/
  background:#000000 url(/images/bg.jpg) repeat scroll 0 0; 
  /*border-bottom: 1px solid #cccccc;*/
  text-align: left;
  height: 25px;
  margin: 10px 0 0 0;
}
#logo
{
  background: #000000 none repeat scroll 0 0;  
  text-align: right;
  /*border-bottom: 1px solid #660066;*/
}
#logo img
{
  width: 244px;
  height: 84px;
  border: none;
}
#content
{
/*  border: 1px solid #cccccc; */
  background: #000000 none repeat scroll 0 0;
  /*border-bottom: 1px solid #cccccc;*/
  width: 936px;
  height: 539px;
  text-align: left;
  position: relative;
  clear: both;
  margin: 5px 0 5px 0;
}
#newcontent
{
/*  border: 1px solid #cccccc; */
  background: #000000 none repeat scroll 0 0;
  /*border-bottom: 1px solid #cccccc;*/
  width: 936px;
  height: 612px;
  text-align: left;
  position: relative;
  clear: both;
  margin: 5px 0 5px 0;
}
#preload
{
  display:none;
}

#welcomeimg 
{
  width: 255px;
  height: 170px;
  margin: 10px 10px 0 0;
  float: right;
  display: inline; /* Ensure IE6 doesn't double margins */
}

#welcometext 
{
  /*border-right: 1px solid #660066;*/
  width: 641px;
  height: 519px;
  margin: 10px 0 0 10px;   
  float: left;
  text-align: left;   
  padding: 0 10px 0 0;
  display: inline; /* Ensure IE6 doesn't double margins */
}

#list 
{
  position:absolute;
  text-align: center;
  list-style-type: none;
  width: 304px;  
  height: 539px;
}

#list ul 
{
  margin: 0;  
}

ul#list1
{
  padding: 10px;
}

ul#list2
{
  padding: 10px;
}

#list li 
{
  display: inline;
} 
#list img
{
  border: 0;
  /*68, 91*/
  width: 64px;
  height: 97px;
  
  	background: #eeeeee;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}
#listcontent 
{  
  position:absolute;
  left:306px;
  text-align: center;
  margin: 10px 0 10px 0;
  width: 632px;
  height: 519px;
  border-left: 1px solid #660066;
}
#listcontent img 
{
/*  width: 400px;
  height: 550px;*/
  
   	background: #eeeeee;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 2px;
	padding: 2px;

}

#aboutimg 
{
  width: 255px;
  height: 170px;
  margin: 10px 0 0 10px;
  float: left;
	display: inline; /* Ensure IE6 doesn't double margins */
}

#abouttext 
{
  /*border-left: 1px solid #660066;*/
  width: 641px;
  height: 519px;
  margin: 10px 10px 0 0;  
  float: right;
  text-align: left;   
  padding: 0 0 0 10px;
  display: inline; /* Ensure IE6 doesn't double margins */
}
#abouttext ul 
{
  margin: 0;  
  padding: 0 0 0 20px;
  text-align: left;
}
#abouttext li 
{
  list-style: square outside; color: #cccccc;
} 
#abouttext li span 
{
  color: #cccccc;
}
#contactimg 
{
  width: 202px;
  height: 302px;
  margin: 10px 0 0 10px;
  float: left;
  display: inline; /* Ensure IE6 doesn't double margins */
}
#contacttext 
{
  /*border-left: 1px solid #660066;*/
  width: 694px;
  height: 519px;
  margin: 10px 10px 0 0;  
  padding: 0 0 0 10px;
  float: right;  
  display: inline; /* Ensure IE6 doesn't double margins */
}
#contacttext ul 
{
  margin: 0;  
  padding: 0 0 0 20px;
  text-align: left;
}
#contacttext li 
{
  list-style: square outside; color: #cccccc;
} 
#contacttext li span 
{
  color: #888888;
}

#portfolioscontent 
{  
  text-align: center;
  border-top: 1px solid #cccccc;
  padding: 10px 0 10px 0;
}

#portfolios 
{
  text-align: left;
  list-style-type: none;
}

#portfolios ul 
{
  margin: 0;  
  padding: 10px 10px 10px 0;
  list-style-type:none;
}

#portfolios ul li
{
/*  padding: 0 0 10px 0;
	background: #000000;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	
	margin: 3px;*/
	padding: 10px 0 10px 10px;
    display:inline;
}

#portfolios ul li a
{
  text-decoration: none;
} 

#portfolios img
{
  width: 288px;
  height: 432px;
	background: #eeeeee;
	/*border-color: #aaa #ccc #ddd #bbb;*/
	border-color:#660066;
	border-style: solid;
	border-width: 2px;
	padding: 2px;
	vertical-align: top;
}

#bottom 
{
  /*background:transparent url(/images/bottom.png) no-repeat scroll 0 0;*/
  /*background: #000000 none repeat scroll 0 0;*/
  background:#000000 url(/images/bg.jpg) repeat scroll 0 0;
  text-align: right;
  height: 15px;
  /*border-bottom: 1px solid #cccccc;*/
  padding: 5px;
}

p
{
  margin: 0 0 5px 0;
}

body    
{
/*  background: #666666 none repeat scroll 0 0;*/
/*  background: #000000;*/
/*  background:#000000 url(/images/bg.jpg) repeat scroll 0 0; */
  background:#000000;
  background-repeat: repeat;
  
  color: #cccccc;
  margin: 0px;
  padding: 0px;
  font-size: small;
  font-family: "arial", "helvetica", "verdana";
  text-align: left;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
}
a:link  
{
  text-decoration: none;
  color: #888888;
}
a:active  
{
  text-decoration: none;
}
a:visited   
{
  text-decoration: none;
  color: #888888;
}
a:hover    
{
  color: #ffffff;
  text-decoration: none;
}

#header ul 
{
	margin: 0;
	padding: 5px;
	list-style: none;
}

#header ul li
{
	display: inline;
}

#header ul li a
{
	text-decoration: none;
	color: #888888;
	padding: 2px;
	font-weight: normal;
	font-size:14px;
}

#header li a:hover
{ 
	color: #ffffff; 
}