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

body {
	background: #9A9B9C url(images/tile.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}

p {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h1 {
	color: #3399FF;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 0px;
}

h1.portfolio {
	color: #3399FF;
	font: bold 36px Arial, Helvetica, sans-serif;
	text-transform: none;
	padding-left: 0px;
	margin: 0 0 25px 0;
}

h2 {
	color: #3399ff;
	font: bold 18px Arial, Helvetica, sans-serif;
}

h2.portfolio {
	border-bottom: solid #cccccc 1px;
	color: #003366;
	font: normal 24px/40px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

h3 {
	color: #3399FF;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 20px;
}

img {border: none;}

ul {
	color: #3399FF;
	font: italic 14px/25px Georgia, "Times New Roman", Times, serif;
}

/*
#bg {
	background: url(images/bg.jpg) no-repeat top center;	
}
*/

#wrapper {
	margin: 0 auto 0 auto;
	width: 828px;	
}

#header {
	height: 105px;
	position: relative;
}

#logo {bottom: 11px; position: absolute; left: 24px;}
#slogan {bottom: 24px; position: absolute; right: 6px;}

#top {
	background: url(images/top.png) no-repeat;
	height: 257px;
	padding: 4px 4px 2px 4px;
	position: relative;
	width: 820px;
}

#text {left: 97px; position: absolute; top: 19px;}
#computer {position: absolute; right: 41px; top: 0;}
#button {
	bottom: 100px;
	left: 240px;
	position: absolute;
}
#top.home {
	background: url(images/top-home.png) no-repeat;
	height: 378px;
}

#top.home #text {left: 19px; top: 75px;}
#computer {right: 7px; top: 0;}

#nav {
	bottom: 0px;
	height: 72px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
}

#nav li {
	border-left: 1px solid #7BB3DE;
	float: left;
}

#nav li :first-child {border: none;}

#nav li.active a {color: #68E7FF;}
#nav li.active a:hover {color: #FFFFFF;}

#nav li a {
	color: #FFFFFF;
	display: block;
	font: normal 24px/70px Verdana, Geneva, sans-serif;
	text-align: center;
	text-decoration: none;
	width: 135px;
}

#nav li a:hover {color: #68E7FF; text-decoration: none;}

#content {
	background: url(images/content.png) repeat-y;
	margin: 0 0 0 0;
	padding: 1px 5px 0 5px;
	position: relative;
	width: 818px;	
}

#inner {background: url(images/inner.jpg) repeat-x; padding: 17px 19px 0 19px;}
#inner img {border: 5px solid #CCCCCC;}

#page {
	border-right: 1px solid #CCCCCC;
	float: left;
	padding: 0 20px 0 0;
	width: 460px;
}

#page span {color: #666666;}

#sidebar {
	float: right;
	width: 280px;	
}

#sidebar p {
	color: #666666;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#sidebar h2 {color: #003366; font: normal 24px Arial, Helvetica, sans-serif; text-transform: uppercase;}

#content-bottom {background: url(images/content-bottom.png) no-repeat; height: 15px; position: relative; width: 828px;}

#footer {height: 68px; position: relative; width: 828px;}

.copyright {color: #666666; left: 24px; position: absolute; line-height: 55px; top: 0;}
.mini-logo {position: absolute; right: 35px; top: 15px;}

.none {border: none;}

.service {position: relative;}
.desc {float: right; width: 360px;}
.icon {border: none; float: left;}
#inner .icon img {border: none;}

#social_icon {
	position: absolute;
	right:190px;
	top: 25px;
	
}

.web-item {
	float: left;
	margin: 0 5px 15px 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999999;
	width: 380px;
}

.web-item h3 {
	color: #333333;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 5px 0 0 0;
	padding: 0;
}

#inner .web-item img, #inner .logo-item img, #inner .print-item img {border: solid 5px #cccccc;}

.logo-item {
	float: left;
	margin: 0 5px 15px 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999999;
	width: 250px;
}
.print-item {
	float: left;
	margin: 0 5px 15px 5px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999999;
	width: 380px;
}