body {color: #ccc; background-color: #111; margin:0; padding:0; font-family: "Lucida Grande", Lucida, Verdana, Ariel, sans-serif; text-shadow: #fff 0px 0px 0px; font-size:12px; line-height:1.6em; background-image:url('../img/back.gif');}

body{
	color: #112;
	overflow: scroll;
	overflow-x: auto;
	overflow-y: scroll;
	text-align: center;
}

h1 {font-size:1.8em; font-weight:bold; }
h2 {font-size:1.4em; font-weight:bold; }
h3 {font-size:1.1em; font-weight:normal; }

#errorpanel{
	float: center;
	text-align: center;
	color: #fff;
	width:1004px;
}
errorTitle {font-size: 18px; font-weight: normal; color: #faa; margin: 0;}

#content { 
	margin:10px 10px 10px 10px; background-color: #f4f4f8; 
	padding:0px 0px 5px 0px;
	width:1004px;
}

#wrapper{
	margin: 0 auto;
	max-width: 984px;
	min-width: 900px;
	margin:10px 10px 10px 10px;
}

.nav-grid{
	background:#FDFDFF;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 10px #c4c2c8;
	float: left;
	padding:10px 10px 10px 10px;
	margin:25px 5px 5px 12px;
	width: 21%;
}
.nav-grid a {color:#112; text-decoration:none }
.nav-grid a:hover{color:#336; text-decoration:underline; }

.nav-grid-right{
	background:#FDFDFF;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 5px #c4c2c8;
	float: right;
	padding:10px 10px 10px 10px;
	margin:25px 5px 5px 5px;
	width: 22%;
}
.nav-grid-right a {color:#112; text-decoration:none }
.nav-grid-right a:hover{color:#336; text-decoration:underline; }

.clear{
	clear: both;
}

#scroller {
	background:#FDFDFF;
	width: 950px;
	height: 275px;
	margin: 25px 25px 25px 25px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 10px #c4c2c8;
	border-top: 1px solid #ccc;
	overflow: hidden;
}

#services {
	width: 3900px;
}

.section {
	width: 910px;
	margin: 20px;
	float: left;
}
.section a {color:#336; text-decoration:none }
.section a:hover{color:#55A; text-decoration:underline; }

#consulting_image {
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 10px #b4b2b8;
	background: url('../img/consulting.jpg') no-repeat;
	margin:10px 0px 0px 0px;
	width: 275px;
	height: 180px;
}

#design_image {
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 10px #b4b2b8;
	background: url('../img/design.jpg') no-repeat;
	margin:10px 0px 0px 0px;
	width: 275px;
	height: 218px;
}

#software_image {
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 10px #b4b2b8;
	background: url('../img/software.jpg') no-repeat;
	margin:10px 0px 0px 0px;
	width: 275px;
	height: 206px;
}

#about_image {
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 10px #b4b2b8;
	background: url('../img/aboutus.png') no-repeat;
	margin:10px 0px 0px 0px;
	width: 275px;
	height: 213px;
}

#map_image {
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 0px 15px #b4b2b8;
	background: url('../img/map.png') no-repeat;
	margin:10px 0px 0px 0px;
	width: 275px;
	height: 216px;
}

/* specifications list */ 
#spec_list {padding-top:25px; padding-bottom:35px; float:left; border-top:1px dashed #1C1C1C; position:relative;}
ul {padding:0px 0px 10px 15px; margin:0; list-style:circle; float:left; text-align: left; list-style-image: url('../img/listItem.png'); line-height:1.6em; }
ul li {margin:0; padding:1px;}


.three_column {padding: 0px 25px 0px 25px; position: relative; float: left; width:250px;}



#footer { color: #666; width:1004px; }
#footer a {color:#999;}
#footer:hover a {color:#EEE;}
#footer a:hover{color:#99F; text-decoration:underline;}