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

img {
	border:0;
}

p, body{
	font-family:"Segoe UI", Calibri, "Trebuchet MS",sans serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
}

h1{
	padding-top:5px;
}

h2{
	font-size: 20px;
	font-family: "Segoe UI", "Calibri", "Trebuchet MS", Arial, sans-serif;
	font-variant:normal;
	text-decoration:none;
	font-weight:normal;
	color:#09F;
}

h3{
	font-size: 16px;
	font-family: "Segoe UI", "Calibri", "Trebuchet MS", Arial, sans-serif;
	font-variant:normal;
	text-decoration:none;
	font-weight:normal;
}

.title {color:#FFF}
.title a {color:#FFF}

a {
	color:#09F;
	font-style:normal;
	text-decoration:none;
}

a:hover {
	color:#04F;
}

body {
	padding:0;
	margin:0;
	background-image:url(newcss/background.png);
	background-repeat:repeat-x;
	background-color:#FFF;
	text-align:center;
}
#container {
	background-image:url(newcss/bannercol.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:900px;
	margin:auto;
	text-align:left;
}

#header {
	float:left;
	height:138px;
}

#logo {
	float:left;
	height:67px;
	width:393px;
	margin-top:52px;
}


#menu {
	float:right;
	width:500px;
	height:19px;
	margin-top:103px;
	color:#FFF;
	text-align:right;
}

.item {
	padding-left:50px;
	float:right;
}

.item a {
	color:#FFF;
}

.item a:hover {
	color:#09F;
}

.banner {
	float:left;
	height:359px;
	width:900px;
	padding:6px;
	margin-left:-6px;
	background-image:url(newcss/banner.png);
}

#banner2 {
	float:left;
	width:852px;
	padding:30px;
	padding-top:10px;
	margin-left:-6px;
	margin-top:50px;
	background-image:url(newcss/banner%202.png);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}

#banner3 {
	float:left;
	width:840px;
	padding:25px;
	margin:11px;
	background-color:#FFF;
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#info {
	width:900px;
	height:390px;
	float:left;
}

#info2 {
	width:900px;
	height:120px;
	float:left;
}

#info3 {
	width:900px;
	height:600px;
	float:left;
}

#icons {
	width:900px;
	height:250px;
	float:left;
}

.icon {
	width:225px;
	height:250px;
	float:left;
	text-align:center;
}

.icon2 {
	width:450px;
	height:250px;
	float:left;
}

.icon3 {
	width:440px;
	height:240px;
	padding:5px;
	float:left;
}

#footer{
	clear:both;
	background-color:#000;
	color:#FFF;
	margin:0;
	height:60px;
	text-align:center;
	font-size:12px;
	padding-top:8px;
}

#portfoliobox {
	width:500px;
	height:300px;
	margin:10px;
	float:left;
}

#portfoliotext {
	width:230px;
	height:280px;
	margin:20px;
	padding:10px;
	float:left;
	font-size:12px;
	font-family: "Segoe UI","Calibri","Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:100;
	border:#CCC 1px solid;
}

#portfoliotext2 {
	width:250px;
	height:20px;
	margin:10px;
	margin-top:30px;
	float:left;
	font-size:12px;
	font-family: "Segoe UI","Calibri","Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:100;
}

#footer2{
padding-top:30px;
margin:auto;
background-repeat:no-repeat;
background-position:top center;
height:300px;
}

#footer2 p{
	line-height:18px;
}

.footer-item {
float: left;
width: 25%;
padding-bottom: 10px;
}
.footer-item ul {
padding-left: 15px;
}

.sidebar{
float: right;
width: 190px;
margin: 0 0 0 10px;
display: inline;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

.sidebar ul li{
padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font-family: "Segoe UI", "Calibri", "Trebuchet MS", Arial, sans-serif;
font-size: 14px;
}

.sidebar ul ul li{
padding: 0;
line-height: 24px;
}

.post {
	border-bottom:solid 1px #CCC;
	padding-bottom:15px;
	padding-top:15px;
}