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

body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
color:#666666;}

h1 {font-size:130%;
margin:0;
color:#FF0000;
}

input {
background-color:#CCCCCC;
border:0;
height:16px;
padding:0 2px 0 2px;
}
textarea {
background-color:#CCCCCC;
border:0;
padding:0 2px 0 2px;
}
.config {
background-color:#CCCCCC;
border:1px solid #333333;
height:20px;
padding:0 0px 0 0px;
}
.configtext {
background-color:#CCCCCC;
border:1px solid #333333;
padding:0 2px 0 2px;
}
#wrapper {
width:996px;
margin:0 0 0 2px;}

#wrapper #header {width:996px;}

#wrapper #main {
width:996px;
background-color:#000000;
background-image:url(imgs/bean_bg.jpg);
background-repeat:no-repeat;
height:298px;}
#wrapper #main #product{
margin:12px 0 0 24px;}

#wrapper #main #tv {
background-color:#000;
width:384px;
height:200px;
float:right;
margin:0px 70px 0 0;
}
#wrapper #main #contact {
width:400px;
height:220px;
float:right;
margin:0px 40px 0 0;
color:#fff;
font-size:90%;
}
#wrapper #main #template {
width:400px;
height:220px;
float:right;
margin:36px 40px 0 0;
color:#fff;
font-size:90%;
text-align:center;
}

#wrapper #main #template h1 {
margin:12px 0px 0 0;
font-size:140%;
}
#wrapper #main #template .quote  {
font-family:Trebuchet MS;
margin:18px 0px 0 0px;
line-height:22px;
width:400px;
font-size:140%;
text-align:left;

}
#wrapper #main #nav {
width:500px;
height:295px;
float:left;
}
#wrapper #main #nav p  {
font-size:90%;
margin:9px 0 0px 24px;
line-height:18px;
color:#FFFFFF;
}
#wrapper #main #nav  ul li {

list-style-type:none;
color:#FFFFFF;
font-weight:bold;
width:260px;
margin:0 0 10px -12px;
padding:0 0 2px 7px;

}

#wrapper #main #nav a {
color:#FFFFFF;
font-size:98%;
}

#wrapper #nav ul li {list-style-type:none;
}

li.home 		{ background-color: #FF0000; }
li.itact 		{ background-color: #FF0000; }
li.whatwe 		{ background-color: #FF0000; }
li.contact		{ background-color: #FF0000; }
li.portfolio	{ background-color: #FF0000; }
li.express		{ background-color: #FF0000; }


#homeon  		{ background-color:#FF9900; }
#itacton  		{ background-color:#FF9900; }
#whatweon  		{ background-color:#FF9900; }
#contacton		{ background-color:#FF9900; }
#portfolioon	{ background-color:#FF9900; }
#expresson		{ background-color:#FF9900; }


.clear {
clear:both;}

#wrapper  #holder #content  ul li {
list-style-type:disc;
list-style:#ff00000;
margin:0 0 10px 22px;
}

#wrapper #holder {
width:860px;

}
#wrapper #holder ul li {
list-style-type:none;
margin: 0px 0 3px 0px;
}

#wrapper  #holder #leftbox {
position:absolute;
top:360px;
left:-24px;
width:240px;
}
#wrapper  #holder #rightbox {
	position:absolute;
	top:360px;
	left:252px;
	width:240px;
}
#wrapper  #holder #midbox {
	position:absolute;
	top:360px;
	left:530px;
	width:260px;
}
#wrapper #client {
	position:absolute;
	top:360px;
	left:728px;
	width:240px;
	margin:0px 0px 0 0;
}
#wrapper  #holder #leftbox p
{ margin: 12px 0 0 0;}
#wrapper  #holder #rightbox p
{ margin:12px 0 0 0;}
#wrapper  #holder #midbox p
{ margin:12px 0 0 250px;}
#wrapper #client p {
width:260px;
margin: 12px 12px 0 0;
text-align:right;
}

#wrapper  #holder #content
{width:500px;
float:left;

}
#wrapper  #holder #content h1
{ margin: 12px 0px 0 31px;}
#wrapper  #holder #content p
{ margin: 12px 0px 12px 31px;}
#wrapper  #holder #content p img
{ }
.clear
{clear:both;}

#wrapper #out {
float:right;
width:433px;
height:100px;
margin: -100px 0px 0 0;
padding: 0px 0 4px 0;

}
#wrapper #out p{
float:right;
text-align:right;
font-weight:bold;
margin: 0px 0px 0 0;
}
#homefooter {
	position:absolute;
	top:558px;
	left:2px;
	width:996px;
	height:20px;
	background-color:#CC0000;
}
#homefooter p {
	font-size:90%;
	margin: 2px 0px 0 8px;
	color:#FFFFFF;
}
#homefooter p a {
	color:#FFFFFF;
}

#homefooter .right {
	align:right;
}
#footer {
	width:996px;
	height:20px;
	background-color:#CC0000;
}
#footer p {
	padding:2px 0 0 8px;
	font-size:90%;
	color:#FFFFFF;
}
#footer p a {
	color:#FFFFFF;
}
#footer .right {
	align:right;
}