/* Default CSS Document */

/**------------------- BODY ELEMENTS -------------------**/

* {
	margin:0;
	padding:0;
}
body {
	color:#333;
	background-color:#fff;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size:.75em;
	text-align:center;
}
a {
	color:#fff;
	}
	
p img{
margin:10px;
}
/**------------------- MAIN CONTAINERS -------------------**/
#pascodesignbutton {
float: left;
heigth: auto;
width: 500px;
border: 0px;
outline:hidden;



}
#colorpalettebutton {
float: left;
heigth: auto;
width: 500px;
border: 0px;
outline:hidden;



}
#hrgbutton {
float: left;
heigth: auto;
width: 500px;
border: 0px;
outline:hidden;
}
#container {
	background:url(../images/shadow-left.jpg) repeat-y;
	width:964px;
	text-align:left;
	margin:0 auto;
	padding:0 0 0 20px;
}
#shadowrt{
	padding:0 20px 0 0;
	background:url(../images/shadow-right.jpg) right repeat-y;
}
#header {
	background:url(../images/header.jpg) center top no-repeat #6CB2E3;
	text-align:center;
	height:235px;
}
#logo {
	display:inline;
	width: 196px; 
	height: 233px;
}
#body {
	color:#FFFFFF;
	background:url(../images/body-middle.jpg) repeat-x #003c7b;
	padding:13px 0;
	min-height:400px;
}
#bodyleft{
	background:url(../images/body-left.jpg) no-repeat;
	padding:0 0 0 32px;}
#bodyright{ 
	background:url(../images/body-right.jpg) no-repeat;
	background-position: top right;
	padding:0 32px 0 0;
}
#content {
	padding:12px 0;
}
#content-left{
	padding:0 10px;
	width:600px;
	float:left;
}
#content-right{
	border-left:solid 1px #fff;
	width:200px;
	padding:0 0 0 5px;
	float:left;
}
#footer {
	padding:40px 0 0 30px;
	clear:both;
	display:block;
}
#footer div {
	float:left;
	padding:0 10px;
	border-left: 1px solid #fff;
}

/**------------------- NAVIGATION -------------------**/
#nav {
	display:block;	
	margin: 0 auto;
	padding: 0;
	width:635px;
	height: 30px;
	list-style: none;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -30px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -30px;
	}
#thome a  {
	width: 61px;
	background: url(../images/home.gif) top left no-repeat;
	}
#tabout a  {
	width: 85px;
	background: url(../images/about.gif) top left no-repeat;
	}
#tportfolio a  {
	width: 94px;
	background: url(../images/portfolio.gif) top left no-repeat;
	}	
#tcustomers a  {
	width: 199px;
	background: url(../images/customers.gif) top left no-repeat;
	}	
#tsuppliers a  {
	width: 87px;
	background: url(../images/suppliers.gif) top left no-repeat;
	}
#tcontact a {
	width: 108px;
	background: url(../images/contact.gif) top left no-repeat;
}

/**------------------- SUB CONTAINERS -------------------**/
#home{
text-align:center;
}

/**------------------- LISTS -------------------**/

/**------------------- TYPOGRAPHY -------------------**/
h1{
text-align:center;
margin:10px 0;}

.x {
	display:none;
}

.large{
font-size:2em;
}
.medium{
font-size:1.3em;
font-weight:bold;
}
.dropcap {
float:left;
color:#D4D4C7;
font-size:40px;
line-height:30px;
padding-top:2px;
} 

/**------------------- FORMS -------------------**/

/**------------------- END -------------------**/