/*RESET STYLES */

* {
	margin:0;
	padding:0;
	outline:none;
	
}
p {
	font-size:12px;
	line-height: 1.6em;
}
ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

body {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}

h1 {
	font-size:25px;
	text-align:center;
	line-height:1.5em;
}

h2 {
	font-weight:normal;
}


h3 {
	text-indent:-999999px;
}

img {
	border:none;
}
a:link, a:visited {
	text-decoration:none;
	color:#FFF;
}

a:hover {
	color:#000;
}

.clear{
	clear:both;
}

#wrapper {
	margin: 301px auto;
	width: 940px;
}

/* END RESET STYLES */


/* NAVIGATION */

#header{
	background:url(../images/header-bg.png) no-repeat;
	position:fixed;
	top:0;
	left:50%;
	margin-left: -703px;
	width:1406px;
	height:299px;
	z-index:10;
}
#nav {
	background:url(../images/global.png) no-repeat;
	width:393px;
	height:52px;
	position:fixed;
	top:160px;
	left:50%;
	margin-left: -196.5px;
	z-index:20;
}

#nav li {
	display:inline;
	padding: 13px 0 0 30px;
	float:left;
}

/* END NAVIGATION */

#about-section, #categories, #portfolio-work, #contact-section {
	border-bottom:1px solid #79c043;
}

#solutions-section, #work-section, #contact-section {
	margin-top:40px;
}
#about-section{
	margin-top:310px;
}

/*Section Titles */
.about{
	background:url(../images/global.png) no-repeat 0 -68px;
	width:103px;
	height:31px;
}

.solutions{
	background:url(../images/global.png) no-repeat 0 -99px;
	width:152px;
	height:28px;
}

.work{
	background:url(../images/global.png) no-repeat 0 -128px;
	width:91px;
	height:27px;
}

.contact{
	background:url(../images/global.png) no-repeat 0 -155px;
	width:133px;
	height:29px;
}

#summary {
	text-align:center;
	padding: 40px 0;
}

#categories{
	margin-top: 40px;
	height:340px;
}

.category{
	background:url(../images/global.png) no-repeat -503px 1px;
	width:305px;
	height:300px;
}

.category li {
	list-style-image:url(../images/check.gif);
	margin:0 0 10px 40px;
	
}
.online, .offline,.everywhere {
	
	float:left;
	display:inline;
width:305px;
height:295px;
	}
.online, .offline {
margin-right: 10px;

}

.titles {
	margin:10px 0;
	text-align:center;
}

#portfolio-work {
	height:540px;
	margin-top: 40px;
	
}
	

.work-eg {
	background:url(../images/global.png) no-repeat -177px -67px;
	width:305px;
	height:161px;
	padding: 6px 0 0 7px;
	float:left;
    display:inline;
}
#contact-section{
	height:340px;
}
#contact-wrapper{
	margin:0 auto;
}

.input-wrapper {
	margin-top:40px;
	float:left;
	width:300px;
	height:200px;
}

#contactform label{
		display:inline;
		color:#79c043;
	}

#contactform input, #contactform select, #contactform textarea{
		display:inline;
		font-size:12px;
		padding:4px 2px;
		border:1px solid #000;
		width:250px;
		margin:10px 0 10px 0;
	}
		
#contactform textarea {
	width:330px;
	height:145px;
	overflow: auto;
}

#contactform select{
		width:255px;
	}
	
#contactform button { 
		margin:0 0 40px 242px;
		background-color:#79c043;
		color:#FFF;
		width:94px;
		height:31px;
		border:none;
		text-align:center;
		line-height:31px;
		font-weight:bold;
		cursor:pointer;
	}

#contactform button:hover{ 
	color:#000;
	width:94px;
	height:31px;
	}
form#contactform input.error, form#contactform textarea.error{
	border:1px solid #E80000;
}
#contact-wrapper label.error {
	position:relative;
	color:#E80000;
	float:left;
}

div.error {
	display:none;

}

div.success {
	position:relative;
	left:-165px;
	top:260px;
	float:right;
	color:#79c043;
}

.footer {
	text-align:center;
	margin-top:40px;
	clear:both;
	}