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

* {margin:0; padding:0}
a {outline: none}
html, body {height:100%}
body {
	background-color: #eaeaea;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}
#container {
	width:800px;
	margin-right: auto;
	margin-left: auto;
}

/*head*/

#header {
	text-align:center;
	background-image:url(../images/NimbleHead.jpg);
	width:800px;
	height:223px;
}

/*navigation*/

#navigation-left {
	float: left;
	height: 31px;
	width: 31px;
}
#navigation-middle {
	float: left;
	width: 738px;
	background-color: #E4E4E4;
}
#navigation-right {
	float: left;
	height: 31px;
	width: 31px;
}

.navigation a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #808080; text-decoration: none}
.navigation a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #e6a8f8; text-decoration: none}
.navigation .currentpage a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #504358; text-decoration: none}

#homeLINK { 
	width: 216px;
	text-align: right;
	float: left;
	height: 22px;
	padding-top: 9px;
}

#portfolioLINK {
	width: 118px;
	height: 22px;
	padding-top: 9px;
	text-align:right;
	float: left;
}

#servicesLINK {
	width: 116px;
	height: 22px;
	padding-top: 9px;
	text-align:right;
	float: left;
}
#faqLINK {
	width: 102px;
	height: 22px;
	padding-top: 9px;
	text-align:right;
	float: left;
}
#contactLINK {
	width: 111px;
	height: 22px;
	padding-top: 9px;
	text-align:right;
	float: left;
}
#nav-end {
	width: 75px;
	height: 31px;
	float: left;
}

/*body section*/

#top {
	float: left;
	width: 800px;
	margin-top: 15px;
	text-align: left;
	background-color: #808080;
}
#main {
	width: 800px;
	background-color: #808080;
	clear: both;
	padding-bottom: 20px;
}
#welcome {
	width: 390px;
	padding-top: 10px;
	padding-left: 60px;
	text-align: left;
	float: left;
}
#solution-list{
	float: right;
	width: 233px;
	text-align: left;
	padding-top: 10px;
	margin-right: 40px;
}
.space {
	clear:both;
}
.person {
	width: 227px;
	padding-top: 20px;
}
.person-image {
	float: left;
	height: 104px;
	width: 41px;
	padding-right: 10px;
}
.person-image-tall {
	float: left;
	height: 115px;
	width: 42px;
	padding-right: 10px;
}
.person-image-tall-s {
	float: left;
	height: 115px;
	width: 41px;
	padding-right: 10px;
}
.person-image-pair {
	float: left;
	height: 115px;
	width: 72px;
	padding-right: 10px;
}
#pyramid {
	float: left;
	width: 105px;
	text-align: center;
	padding-bottom: 20px;
}
#hybrid {
	float: left;
	width: 105px;
	text-align: center;
	padding-right: 36px;
	padding-left: 36px;
	padding-bottom: 20px;
}
#ninja {
	float: left;
	width: 105px;
	text-align: center;
	padding-bottom: 20px;
}
#portfolio-1 {
	float: left;
	width: 96px;
	text-align: center;
}
#portfolio-2 {
	float: left;
	width: 96px;
	text-align: center;
	padding-right: 47px;
	padding-left: 47px;
}
#portfolio-3 {
	float: left;
	width: 96px;
	text-align: center;
}
#foot-left {
	float: left;
	width: 600px;
	text-align: left;
	margin-bottom: 30px;
	padding-bottom: 30px;
	margin-top: 5px;
}
#foot-right {
	float: left;
	width: 200px;
	text-align: right;
	margin-bottom: 30px;
	padding-bottom: 30px;
	margin-top: 5px;
}

/*portfolio*/
.portfolio {
	margin-left: 214px;
	text-align: left;
	clear: both;
	float: left;
	width: 400px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.portfolio-image {
	float: left;
	width: 98px;
	margin-right: 30px;
}
#websites {
	margin-left: 340px;
	clear: both;
	float: left;
	width: 300px;
	text-align: left;
	margin-bottom: 25px;
}

/*services*/
.services-links {
	margin-bottom: 15px;
}

#services-left {
	float: left;
	width: 160px;
	margin-left: 55px;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
}
#services-right {
	text-align: left;
	float: left;
	width: 465px;
	margin-top: 10px;
}
.services-area {
	margin-bottom: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	padding-bottom: 20px;
}
#portfolio-left {
	text-align: center;
	float: left;
	width: 160px;
	margin-left: 20px;
	font-weight: bold;
	margin-top: 15px;
}
#portfolio-right {
	text-align: left;
	float: left;
	width: 430px;
	margin-top: 10px;
	margin-left: 32px;
}

/*faq*/
.question { cursor:default; display:block; width:500px; font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #fbfcf7}
.answer {
	display:none;
	width:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
	font-size: 12px;
	color: #fbfcf7;
	padding: 2px;
}
.containerText{ display:block; padding:10px; text-align:left;}
#faq {
	width: 506px;
	margin-top: 15px;
	margin-left: 200px;
	text-align: left;
}
#flash-examples {
	width: 430px;
	margin-top: 15px;
	margin-left: 200px;
	text-align: left;
}

/*banners*/
#bannerstop {
	float: left;
	width: 816px;
	margin-top: 15px;
	text-align: left;
	background-color: #FFF;
}
#bannersmain {
	width: 816px;
	background-color: #FFF;
	clear: both;
	padding-bottom: 20px;
}
.banner {
	margin-bottom: 20px;
}
.banner-float {
	margin-bottom: 20px;
	float:left;
	margin-left: 190px;
	height: 600px;
	width: 120px;
}
.banner-area {
	margin-bottom: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	padding-bottom: 20px;
	border-bottom-color: #CCCCCC;
}

/*map*/
.map-text {
	margin-left: 120px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-right: 120px;
}

/*text*/

h1, h2, h3, p {
	font-size: 12px;
	color: #fbfcf7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-style: normal;
	font-weight: normal;
}
#navigation a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #808080; text-decoration: none}
#navigation a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #e6a8f8; text-decoration: none}
#navigation #currentpage a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #504358; text-decoration: none}

.headlinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #808080; text-decoration: none}
.headlinks:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none}

.text {font-size: 12px; color: #fbfcf7; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.4em}
.textS {font-size: 11px; color: #fbfcf7; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1.4em}
.textblack {font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}

.textrollW {font-size: 12px; color: #fbfcf7; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.textrollW:hover {font-size: 12px; color: #504358; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}

.textroll {font-size: 12px; color: #e6a8f8; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.textroll:hover {font-size: 12px; color: #504358; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.textrollS {font-size: 11px; color: #e6a8f8; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.textrollS:hover {font-size: 11px; color: #504358; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.textroll2 {font-size: 12px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.textroll2:hover {font-size: 12px; color: #504358; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}

.footText4  {font-size: 10px; color: #9f9e9e; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.footText6 {font-size: 10px; color: #9f9e9e; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.footText6:hover  {	font-size: 10px; color: #e6a8f8; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}