body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #000000;
margin: 0px;
background-color: #2C363D;
}

#background {
width: 100%;
background-image:url(../images/bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
}

#sect-background {
width: 100%;
background-image: url(../images/sect-bg.gif);
background-repeat: repeat-x;
background-color: #ffffff;
}

#container {
width: 737px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
}

#sect-container {
width: 745px;
margin: 0 auto 0;
background-image: url(../images/sect-bg.gif);
background-repeat: repeat-x;
}

#page-content {
background-color: #2C363D;
height: 21px;
}

#page-content h1 {
font-size: 10px;
color: #9B9B90;
margin: 0px;
line-height: 21px;
margin-left: 71px;
font-weight: normal;
}

#header {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
height: 224px;
width: 737px;
margin-top: 41px;
position: relative;
}

#sect-header {
height: 80px;
width: 745px;
margin: 0 auto 0;
position: relative;
}

/*#sect-header h1 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 310px;
	top: 0px;
	font-weight: normal;
	font-size: 16px;
	height: 72px;
	width: 435px;
}
#sect-header h1 span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 435px;
	height: 72px;
}

#title-demo span { background: url(images/sect-h-demo.gif) no-repeat 0px 0px; } */

#header span {
width: 163px;
height: 64px;
position: absolute;
left: 64px;
top: 160px;
}

#header p {
width: 300px;
position: absolute;
line-height: 14px;
left: 418px;
top: 170px;
margin-top: 0px;
}

/*--------------------- Menu ---------------------*/
#nav-container {
width: 674px;
height: 40px;
margin-left: 63px;
}

#nav, #nav ul {
width: 700px;
height: 40px;
margin:0px;
position: relative;
padding: 0;
list-style: none;
float:left;
}

#nav li { float: left; }

#nav a, #sect-nav a {
display: block;
background-image:none;
text-decoration: none;
color: #6E757D;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:1px 0 0 2px;
}

#nav li a,#sect-nav li a {
display: block;
text-align:center;
color:#2C353C;
text-shadow:0px 1px 0 #D1F465;
background: url(../images/main-nav.gif) top left no-repeat;
}

#nav span, #sect-nav span {
display:block;
padding:12px 12px 0;
height: 27px;
}

#nav .last, #sect-nav .last { background: url(../images/main-nav.gif) top right no-repeat; }

#nav a:hover span, #sect-nav a:hover span {
background:#C1F031;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

#nav #link-features {width: 87px; }
#nav #link-demo { width: 70px; }
#nav #link-case-studies { width: 150px; *width:153px; }
#nav #link-pricing { width: 71px; }
#nav #link-faq { width: 54px; }
#nav #link-terms-and-conditions { width: 159px; }
#nav #link-enquiries { width: 90px; }

#sect-nav-container {
width: 700px;
*width:730px;
height: 40px;
margin-left: 63px;
margin-top: 1px;
}

#sect-nav, #sect-nav ul {
height: 40px;
background-image: background: url(../images/main-nav.gif);
margin:0px;
position: relative;
padding: 0;
list-style: none;
float:left;
z-index: 2;
}

#sect-nav li { float: left; }
#sect-nav #link-features { width: 80px; }
#sect-nav #link-demo { width: 57px; }
#sect-nav #link-case-studies { width: 144px; }
#sect-nav #link-pricing { width: 65px; }
#sect-nav #link-faq { width: 49px; }
#sect-nav #link-terms-and-conditions { width: 154px; }
#sect-nav #link-enquiries { width: 81px; }
#sect-nav #link-home { width: 60px; }

/*--------------------- Drop Downs ---------------------*/

#nav li li, #sect-nav li li { width: 128px; }

#nav li ul a, #sect-nav li ul a {
width: 130px;
height: 16px;
margin: 0 0 0 -1px;
padding: 6px 12px 3px 12px;
font-size: 10px;
background-image:none;
background-color: #c2f131;
border-top-width: 1px;
border-top-style: solid;
border-right-color: #FFFFFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
line-height: 12px;
}

#nav li ul a:hover, #sect-nav li ul a:hover {
background-image: none;
background-color: #DD5555;
}

#nav #link-features ul a:hover, #sect-nav #link-features ul a:hover {
background-image: none;
background-color: #aed92b;
color:#ffffff;
}

#nav li ul ul, #sect-nav li ul ul {
margin: -25px 0 0 130px !important;
margin: -25px 0 0 129px; /* IE6 fix */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #sect-nav li:hover ul ul, #sect-nav li:hover ul ul ul, #sect-nav li.sfhover ul ul, #sect-nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #sect-nav li:hover ul, #sect-nav li li:hover ul, #sect-nav li li li:hover ul, #sect-nav li.sfhover ul, #sect-nav li li.sfhover ul, #sect-nav li li li.sfhover ul { left: auto; }

#nav li:hover, #nav li.sfhover, #nav #link-features li:hover, #nav #link-features li.sfhover, #sect-nav li:hover, #sect-nav li.sfhover, #sect-nav #link-features li:hover, #sect-nav #link-features li.sfhover { background-image: none; }

/*--------------------- End Drop Downs ---------------------*/
		
/*--------------------- End Menu ---------------------*/

#body {
margin-left: 244px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 0px;
}

#body p {
margin-top: 2px;
margin-bottom: 8px;
}

#sect-body {
margin: 0 auto 0;
padding-bottom: 20px;
width: 642px;
}

#back {
width:250px;
position:relative;
right:-40px;
float:right;
}

#sect-body p {
margin-top: 2px;
margin-bottom: 8px;
}

#footer-container {
width: auto;
background-color: #2C363D;
}

#footer {
height: 90px;
width: 737px;
margin-right: auto;
margin-left: auto;
background-color: #2C363D;
position: relative;
}

#footer img {
margin: 0px;
left: 35px;
top: 0px;
position: absolute;
}

#footer-text {
left: 244px;
top: 0px;
position: absolute;
}

#footer-text p {
margin: 6px 0px;
font-size: 10px;
color: #999999;
line-height: 14px;
}

#sect-footer a, #footer a {
color: #999999;
text-decoration: underline;
margin: 0 auto 0;
}

#sect-footer {
height: 60px;
width: 717px;
margin-left: 28px;
background-color: #2C363D;
position: relative;
clear: both;
margin: 0 auto 0;
}

#sect-footer-text {
width: 500px;
left: 204px;
top: 2px;
position: absolute;
}

#sect-footer-text p {
margin: 6px 0px;
font-size: 10px;
color: #999999;
line-height: 14px;
}

h1 {
font-size: 20px;
font-weight: bold;
color: #8AA727;
margin-top: 10px;
margin-bottom: 20px;
line-height: 22px;
}

h2 {
font-size: 12px;
font-weight: bold;
color: #8AA727;
margin-top: 20px;
margin-bottom: 8px;
}

h3 {
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #999999;
margin-top: 20px;
margin-bottom: 8px;
}

a {
color: #036AA3;
text-decoration: underline;
}

a:hover { text-decoration: none; }

#body ul {
margin: 0px 0px 2ex;
padding: 0px;
}

#body ul li {
margin: 0px 0px 1ex;
padding: 0px 0px 0px 20px;
list-style: none;
display: block;
background: url(../images/bullet.gif) no-repeat 6px 5px;
}

#sect-body ul {
margin: 0px 0px 2ex;
padding: 0px;
}

#sect-body ul ul {
margin: 0px 0px 2ex 20px;
padding: 0px;
}

#sect-body ul li {
margin: 0px 0px 1ex;
padding: 0px 0px 0px 20px;
list-style: none;
display: block;
background: url(../images/bullet.gif) no-repeat 6px 5px;
}

.demo-thumb {
width: 200px;
height: 220px;
margin-right: 14px;
margin-top: 5px;
float: left;
}

.demo-thumb p { text-align: center; }

.features { padding-top: 5px; }

.features p {
padding-top: 5px;
padding-bottom: 5px;
}

.clear-floats { clear: both; }

.next-button { margin-left:8px; }

.back-button { margin-right:8px; }

#tip {
background-color: #FEF3F7;
border: 1px solid #EB5484;
padding: 5px;
margin-top: 20px;
}

#tip p {
font-size: 10px;
line-height: 12px;
}

.table-divider {
margin-top: 10px;
margin-bottom: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
}

.input { width: 167px; }

dl.contact { margin: 4ex 0px 2ex; }

dl.contact dt {
float: left;
width: 9em;
text-align: right;
font-weight: bold;
}

dl.contact dd {
margin-left: 9.5em;
border-left: 1px solid #cc0000;
padding-left: 0.5em;
margin-bottom: 1ex;
}

dl.contact address { font-style: normal; }

.button {
background: #cc0000;
color: white;
font: bold 11px Verdana, sans-serif;
border: 1px solid #cc0000;
border-color: #F28FAF #000000 #000000 #F28FAF;
}

input.text, textarea, select {
font: 11px Verdana, sans-serif;
color: black;
background: #FEFAFA;
border: 1px solid #cc0000;
width: 167px;
}

.mark {
float: right;
margin-bottom: 10px;
margin-left: 10px;
}

.terms {
font-size: 10px;
font-style: italic;
}

.screen-shot-first {
height: 212px;
width: 250px;
float: left;
}

.screen-shot-last {
height: 212px;
width: 250px;
margin-left: 20px;
float: left;
}

.screen-shot-first p, .screen-shot-last p {
font-weight: bold;
text-align: center;
font-size: 11px;
}

.screen-shot-first img, .screen-shot-last img { border: 1px solid #DDEABA; }

#side-bar {
float: left;
width: 165px;
padding-left: 63px;
margin-top: 18px;
}

.cta { margin-bottom: 5px; }

.table-style {
border-top: 1px solid #DDEABA;
border-left: 1px solid #DDEABA;
}

.table-style td {
border-right: 1px solid #DDEABA;
border-bottom: 1px solid #DDEABA;
}

#sub-nav-container {
float: right;
margin-left: 15px;
}

#sub-nav-container ul {
margin: 0;
padding: 0;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 165px;
border-top: 1px solid #CC0000;
border-right: 1px solid #CC0000;
border-left: 1px solid #CC0000;
}

#sub-nav-container ul li {
background-image: none;
margin: 0;
padding: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC0000;
}

#sub-nav-container a {
display: block;
color: #CC0000;
background-image: url(../images/sub-nav-bg.gif);
padding-left: 25px;
padding-top: 3px;
padding-bottom: 3px;
}

#sub-nav-container a:link, #navlist a:visited { text-decoration: none; }

#sub-nav-container a:hover {
background-image: url(../images/sub-nav-bg-over.gif);
color: #FFFFFF;
}

#active p {
background-image: url(../images/sub-nav-bg.gif);
color: #CC0000;
font-weight: bold;
padding-left: 25px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
}

.photo-border { border: 1px solid #E3E2E2; }

#sect-cta-container {
float: right;
margin-left: 15px;
width: 165px;
}

#before {
float:left;
text-align:center;
}

#after {
float:left;
text-align:center;
}

#spacer {
width:10%;
float:left;
}

.wd-case-study {
border: 1px solid #00129D;
padding:2px;
}

#pic {
width:200px;
margin-top:16px;
margin-bottom:20px;
border: 1px solid #DDEABA;
}

.pic1 {
float:right;
margin-left:20px;
}

.pic2 {
float:left;
margin-right:20px;
}

.question { font-weight:bold; }

.answer { font-style:italic; }

.rocket-cta {
color:#333333;
font-size:11px;
font-style:italic;
margin-bottom:20px;	
}

.demo-cta, pricing-cta {
display:block;	
margin-bottom:5px;	
}
/* WEB DESIGN FEATURES
----------------------------------------------------------------------------------*/

.design-item {
float:left;
width:200px;
margin-right:20px;
margin-bottom:10px;
text-align:center;
}

.design-item img {
display:block;
margin-bottom:6px;
border:none;
}

.last { margin-right:0; }

.feature {
width:440px;
border:1px solid #F7FCE9;
padding:10px;
margin-bottom:10px;
-moz-box-shadow: 0px 1px 3px #ccc; /* FF3.5+ */
-webkit-box-shadow: 0px 1px 3px #ccc; /* Saf3.0+, Chrome */
box-shadow: 0px 1px 3px #ccc; /* Opera 10.5, IE 9.0 */
filter:progid:DXImageTransform.Microsoft.Shadow (color='#ccccccc', Direction=180, Strength=2);
background:#fff;
background-image: -moz-linear-gradient(top, #F7FCE9, #DDEABA); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F7FCE9),color-stop(1, #DDEABA)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7FCE9', endColorstr='#DDEABA'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7FCE9', endColorstr='#DDEABA')"; /* IE8 */
}