/* reset */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td  
	{ margin: 0; padding: 0; border: 0; outline: none; }  

/* body (for all browsers) */
body { 
   width: 1002px;
	font : 78%/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; 
	text-align : center; color : #666; }

/* body (for modern browsers) */
body[id="layout"] { background : #fff url(../images/body-bg.png) repeat-x; }

/* universals */
*  { margin : 0; padding : 0; }
h1, h2, h3, h4, p, ul, ol, dl  { padding : .5em 10px; }

/* hx */
h1, h2 { font : 140% Arial, Helvetica, sans-serif; font-weight : normal; color : #333; }

/* h2 */
div.inset h2 { padding : 0 0 .5em 0; }

/* h3 */
div.inset h3 { padding : 0 0 .5em 0; }

/* p */
div.inset p { padding : .5em 0; }
p#siteinfo-legal  { margin-top : 10em; font-size : 72%; text-transform : uppercase; text-align : right; }

/* All browsers */
div.inset { margin : 10px; padding : 15px; }

/* Modern browsers */
div[class="inset"] { background : url(../images/inset-bg.gif) right repeat-y; }

/* Rounded boxes for better browsers, square ones for IE */

/* Before pseudo class for modern browsers */
div.inset:before {
display : block;
margin : -15px -15px 0 -15px;
height : 15px;
border : none;
line-height : 0.1;
font-size : 1px;
}

div.inset:before { background : transparent url(../images/inset-before-right.gif) no-repeat top right; content : url(../images/inset-before-left.gif);}

/* After pseudo class for modern browsers */
div.inset:after {
clear : both;
display : block;
height : 8px;
margin : -15px;
padding-top : 15px;
line-height : 0.1;
font-size : 1px;
}

div.inset:after { background : transparent url(../images/inset-after-right.gif) scroll no-repeat bottom right; content :  url(../images/inset-after-left.gif); }

/* Additional color variations */
div.about { background-color: #FDE1B9; }
div.services { background-color: #F7FDBA; }
div.clients { background-color: #FDBFBA; }
div.contact { background-color: #E4DB9B; height: 100%; }
div.privacy { background-color: #C8E49B; }
div.home { background-color: #9BC8E4; }

/*
E4DB9B = tan
9BC8E4 = blue
E4B79B = orange
C8E49B = green
E49BA3 = rose
B79BE4 = violet

*/

/* Layout divs */
#content, #content-main, #content-sub { float: left; text-align : left; }

/* The content wrapper */
#content {
	width : 98%;
	margin : 0 2%;
}

/* The content wrapper for modern browsers */
/* div[id="content"] { background :  url(../images/teamwork.jpg) no-repeat left top; } */

/* The main column */
#content-main {
	width : 98%;
	padding : 0 50px 20px 0;
	min-height : 15em;
}

/* The left column */
.subinsetleft {
	width : 60%;
	padding : 0 20px 20px 0;
	min-height : 15em;
	float : left;
}

/* The right column */
.subinsetright {
	width : 40%;
	margin : 0 0 0 60%;
	padding : 0 0 20px 20px;
	min-height : 15em;
}


/* img */
img, img a { border : none; }

ul { list-style-type : none; }

A:link {
	color: #369;
	text-decoration: none;
} 

A:visited {
	color: #668cb3;
	text-decoration: none;
}

A:hover {
	color: #555;
	text-decoration: underline;
}

A:active {
	color: #333;
	text-decoration: underline;
}

#page-navigation {
	padding-right: 80px;
	padding-left: 40px; 
	padding-bottom: 0px;
	padding-top: 10px;
	width: 750px;
	float: right;
}

#nav {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	overflow: hidden; 
	padding-top: 0px; 
	position: relative; 
	height: 45px;
	width: 750px;
	float: right; 
}

#nav li {
	float: right; 
	list-style-type: none;
	font : normal 110%/120% Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#nav li.back {
	z-index: 8; 
	background: url(../images/nav-hover-green.gif) no-repeat right -30px; 
	width: 2px; 
	position: absolute; 
	height: 30px;
}

#nav li.back .left {
	background: url(../images/nav-hover-green.gif) no-repeat; 
	margin-right: 3px; 
	height: 30px;
}

#nav li a {
	padding-right: 20px; 
	display: block; 
	padding-left: 20px; 
	z-index: 10; 
	float: left; 
	padding-bottom: 0px; 
	font: bold 1.3em;
	overflow: hidden; 
	color: #000000; 
	padding-top: 0px; 
	position: relative; 
	top: 7px; 
	height: 30px; 
	text-decoration: none;
}

#nav li a:hover {
	border: none; 
}

#nav li a:active {
	border: none; 
}

#nav li a:visited {
	border: none; 
}

.layout {
  width      : 900px;
  min-width  : 900px;
  margin     : 0 auto;
  background : #FFFFFF;
}

.main-content {
	background: #FFFFFF;
} 

.header {
	margin: 25px;
}

/* form items */
form input, form textarea {
	width: 80%;
	margin:5px 0 5px 10px; 
	padding: 5px 5px 5px 25px;
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
}
form select {
	padding: 5px 5px 5px 0px;
	width: 35%;
	margin:5px 0 5px 10px; 
}
textarea { 
	overflow: auto; 
}
form input.error, form textarea.error { 
	color: red; 
	border: 2px solid red;
	background-color: #FFFFD5;
	margin: 5px 0 0 5px;
}
form label.error {
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
	font-weight:bold
}
form input#name { background:url(../images/user.png) no-repeat center left; background-color: #FFFFFF; }
form input#email { background:url(../images/email.png) no-repeat center left; background-color: #FFFFFF; }
form input#phone { background:url(../images/phone.png) no-repeat center left; background-color: #FFFFFF; }
/* form input.url { background:url(../images/link.png) no-repeat center left; } */
form textarea  { padding:5px; }

/* individual page items */
#page-wrap {
/*	width: 760px;
	background: white;*/ 
	margin: 20px auto;
	padding: 20px;
}

.button {
	float: left;
	margin: 10px;
}

#company {
	display: block;
	padding: 30px;
}
#company-button {
	opacity: 1.0;
}

#experience {
	display: none;
	padding: 30px;
}
#experience-button {
	opacity: 0.5;
}

#customers {
	display: none;
	padding: 30px;
}
#customers-button {
	opacity: 0.5;
}

#enterprise {
	display: block;
	padding: 10px;
	margin: 0 50px 0 15px;
}
#enterprise-button {
	opacity: 1.0;
}

#smb {
	display: none;
	padding: 10px;
	margin: 0 50px 0 310px;
}
#smb-button {
	opacity: 0.5;
}

#other {
	display: none;
	padding: 10px;
	margin: 0 0 0 620px;
}
#other-button {
	opacity: 0.5;
}

.clear {
	clear: both;
}

/*label {
	display: block;
	clear: both;
	margin-top: 5px;
}

label.error {
	float: none; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
	font-weight:bold
}*/

.smaller {
	font-size: 0.8em;
}

.footer {
	background: transparent;
	color: #000000;
	height: 100px;
	text-align: center;
}