@charset "utf-8";
/* -------------------------------------------------
*
Website:         creationsystemsoftware.com - Redesign June 2009
Title:			 main.css
Browser(s): 	 Firefox 2, 3, IE7, IE6, Safari 4
Platform(s):     Win XP, Win Vista, Mac OSX
Author: 		 Andy Lee - E Consulting UK Ltd.
Created: 		 17-6-09
Last modified: 	 19-6-09
*
------------------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img, abbr { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:62.5% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

/** a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none; /* Gets rid of Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */

/* ------------- General Elements -------------- */

body {
	margin: 0 auto;
	padding: 0;
	font-family:Helvetica, Arial, sans-serif;
	color:#666;
	background:#F7F0DD url(/sites/creationsystemsoftware.com/template/images/bg_main.png) left top repeat;
	background-attachment:fixed;
}

a {
	text-decoration: none;
	color: #EC008C;
}

a:hover {
	text-decoration: none;
	color:#000;
}

a img {
	border: 0;
}

h1 {
	font-size: 1.6em;
	color:#EC008C;
	line-height:1.4em;
	margin:10px 0px 12px 0px;	
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 1.3em;
	color:#CC3399;
	line-height:1.3em;
	font-family:Helvetica, Arial, sans-serif;
	margin-bottom:6px;	
	font-weight:normal;
}

h3 {
	font-size: 1.0em;
	color: #CC3399;
	line-height:0.7em;
	margin-bottom:6px;	
	font-family:Helvetica, Arial, sans-serif;
}

h4 {
	font-size: 0.8em;
	font-weight:bold;
	color:#4f1960;
	line-height:0.8em;
	margin-bottom:10px;	
}

h5 {
	font-size: 0.8em;
	font-weight:normal;
	color:#4f1960;
	line-height:1.7em;
	margin-bottom:10px;
}

p {
	font-size: 0.8em;
	color:#666;
	font-weight:normal;
	line-height:1.7em;
	margin-bottom:14px;
	font-family:Helvetica, Arial, sans-serif;
}

.small {
	font-size: 0.7em;
	line-height:1.7em;
	font-family:Helvetica, Arial, sans-serif;
}

.hilite {
	color: #EC008C;
}


/* --------------- Containers -------------- */

#container {
	margin:0pt auto;
	padding:0px;
	width:994px;
	background-color:#fff;
}

/* --------------- Header -------------- */

#header {
	margin:0pt auto;
	padding:0px;
	position:relative;
	clear:both;
	display:inline;
	overflow:hidden;
	float:left;
	width:994px;
	height:118px;
	background: url(/sites/creationsystemsoftware.com/template/images/bg_header.png) no-repeat left top;
}

#logo {
	float:left;
	padding: 0px;
	margin:0pt auto;
	width:267px;
}

/* ------------- Top Navigation -------------- */

#topnavbar {
	width: 234px;
	float:right;
	margin:19px 10px 33px 0px;
}

ul#topnav  {
	left: 5px;
	height: 24px;
	width: 234px;
	z-index: 11;
}
	
#topnav li {
	display: inline;
	float: right;
	list-style: none;
}
	
#topnav li a {
	display: block;
	height: 24px;
	float: right;
	text-indent: -9999px;
}

/* ------------- About Us Button -------------- */

#topnav li#nAbout {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nAbout.gif) no-repeat left top;
	width: 121px;
}
	
#topnav li#nAbout a {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nAbout.gif) no-repeat left top;
	width: 121px;
}
	
#topnav li#nAbout a:hover {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nAbout.gif) no-repeat left -24px;
	width: 121px;
}

#topnav li#nAboutcurrent a, #nav li#nAboutcurrent {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nAbout.gif) no-repeat left -48px;
	width: 121px;
}
	
/* ------------- Contact Us Button -------------- */

#topnav li#nContact {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nContact.gif) no-repeat scroll left top;
	width: 113px;
}
	
#topnav li#nContact a {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nContact.gif) no-repeat left top;
	width: 113px;
}
	
#topnav li#nContact a:hover {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nContact.gif) no-repeat left -24px;
	width: 113px;
}

#topnav li#nContactcurrent a, #nav li#nContactcurrent {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nContact.gif) no-repeat scroll left -48px;
	width: 113px;
}

/* ------------- Main Navigation -------------- */

#navbar {
	width: 634px;
	float:right;
	height:150px;
	margin-right:10px;
}

ul#nav  {
	left: 5px;
	height: 50px;
	width: 634px;
	z-index: 11;
}
	
#nav li {
	display: inline;
	float: left;
	list-style: none;
}
	
#nav li a {
	display: block;
	height: 50px;
	float: left;
	text-indent: -9999px;
}

/* ------------- Home Button -------------- */

#nav li#nHome {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nhome.png) no-repeat left -5;
	width: 114px;
}
	
#nav li#nHome a {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nhome.png) no-repeat left top;
	width: 114px;
}
	
#nav li#nHome a:hover {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nhome.png) no-repeat left -50px;
	width: 114px;
}

#nav li#nHomecurrent a, #nav li#nHomecurrent {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nhome.png) no-repeat left -100px;
	width: 114px;
}
	
/* ------------- Try It Now! Button -------------- */

#nav li#nTryitnow {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nTryitnow.png) no-repeat scroll left top;
	width: 148px;
}
	
#nav li#nTryitnow a {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nTryitnow.png) no-repeat left top;
	width: 148px;
}
	
#nav li#nTryitnow a:hover {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nTryitnow.png) no-repeat left -50px;
	width: 148px;
}

#nav li#nTryitnowcurrent a, #nav li#nTryitnowcurrent {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nTryitnow.png) no-repeat scroll left -100px;
	width: 148px;
}
	
/* ------------- Features Button -------------- */

#nav li#nFeatures {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFeatures.png) no-repeat scroll left top;
	width: 136px;
}
	
#nav li#nFeatures a {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFeatures.png) no-repeat left top;
	width: 136px;
}
	
#nav li#nFeatures a:hover {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFeatures.png) no-repeat left -50px;
	width: 136px;
}

#nav li#nFeaturescurrent a, #nav li#nFeaturescurrent {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFeatures.png) no-repeat left -100px;
	width: 136px;
}
	
/* ------------- Pricing Button -------------- */

#nav li#nPricing {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nPricing.png) no-repeat scroll left top;
	width: 128px;
}
	
#nav li#nPricing a {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nPricing.png) no-repeat left top;
	width: 128px;
}
	
#nav li#nPricing a:hover {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nPricing.png) no-repeat left -50px;
	width: 128px;
}

#nav li#nPricingcurrent a, #nav li#nPricingcurrent {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nPricing.png) no-repeat left -100px;
	width: 128px;
}

/* ------------- FAQ's Button -------------- */

#nav li#nFaqs {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFaqs.png) no-repeat scroll left top;
	width: 107px;
}
	
#nav li#nFaqs a {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFaqs.png) no-repeat left top;
	width: 107px;
}
	
#nav li#nFaqs a:hover {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFaqs.png) no-repeat left -50px;
	width: 107px;
}

#nav li#nFaqscurrent a, #nav li#nFaqscurrent {
	background: url(/sites/creationsystemsoftware.com/template/images/nav_btn_nFaqs.png) no-repeat left -100px;
	width: 107px;
}

/* ------------- Content Elements - Home -------------- */

#homeintro {
	margin:0pt auto;
	padding:10px 13px 0px 42px;
	position:relative;
	overflow:hidden;
	float:left;
	width:939px;
	height:299px;
	clear:both;
	background: #fff url(/sites/creationsystemsoftware.com/template/images/bg_home_intro.png) no-repeat left top;
}

#homeintro h1 {
	width:400px;
}

#homeintro h2 {
	width:400px;
}

#homeintro p {
    margin-top:0px;
	width:400px;
	float:left;
}

#homeintro_left {
	width:400px;
	float:left;
	padding-top:20px;
}

#homeintro p a{
	text-decoration:none;
}

#homeintro_movie{
	float:right;
}

.introheader{
	float:left;
	margin-bottom:13px;
}

.tryitnow{
	float:left;
	margin-top:10px;
}

#demobtn{
  display: block;
  width: 243px;
  height: 40px;
  background: url(/sites/creationsystemsoftware.com/template/images/btn_tryitnow.png) no-repeat 0 0;
}

#demobtn:hover{ 
  background-position: 0 0px;
  border:0px solid  #000000;
}

#demobtn span{
  display: none;
  border:0px solid  #000000;
}

#featuresbtn{
  display: block;
  width: 250px;
  height: 30px;
  background: url(/sites/creationsystemsoftware.com/template/images/btn_features.png) no-repeat 0 0;
}

#featuresbtn:hover{ 
  background-position: 0 -30px;
  border:0px solid  #000000;
}

#featuresbtn span{
  display: none;
  border:0px solid  #000000;
}

#pricingbtn{
  display: block;
  width: 250px;
  height: 30px;
  background: url(/sites/creationsystemsoftware.com/template/images/btn_pricing.png) no-repeat 0 0;
}

#pricingbtn:hover{ 
  background-position: 0 -30px;
  border:0px solid  #000000;
}

#pricingbtn span{
  display: none;
  border:0px solid  #000000;
}

/* ------------- Content Elements - Main -------------- */

#mainintro {
	margin:0pt auto;
	padding:10px 13px 0px 42px;
	position:relative;
	overflow:hidden;
	float:left;
	width:939px;
	height:299px;
	clear:both;
	background: #fff url(/sites/creationsystemsoftware.com/template/images/bg_home_intro.png) no-repeat left top;
}

#mainintro p {
    margin-top:20px;
}

#mainintro p a{
	text-decoration:none;
}

#mainintro p a:hover{
	border-bottom:1px dotted #EC008C;
}

#divider {
	margin:0pt auto;
	padding:0px;
	width:994px;
	height:14px;
	clear:both;
	background: #fff url(/sites/creationsystemsoftware.com/template/images/bg_body.png) no-repeat left top;
}

#mainbody {
	margin:0pt auto;
	padding:10px 13px 30px 42px;
	overflow:hidden;
	float:left;
	width:939px;
	clear:both;
	background: #fff url(/sites/creationsystemsoftware.com/template/images/bg_body.png) repeat-y left top;
}

#mainbody2 {
	margin:0pt auto;
	overflow:hidden;
	float:left;
	width:994px;
	clear:both;
	background: #fff url(/sites/creationsystemsoftware.com/template/images/bg_body.png) repeat-y left top;
}

#mainbody_leftcol {
	margin:0pt auto;
	margin-right:40px;
	padding:0px;
	overflow:hidden;
	float:left;
	width:270px;
}

#mainbody_centercol {
	margin:0pt auto;
	margin-right:40px;
	padding:0px;
	overflow:hidden;
	float:left;
	width:270px;
}

#mainbody_rightcol {
	margin:0pt auto;
	padding:0px 0px 0px 30px;
	overflow:hidden;
	float:left;
	width:270px;
	background: #fff url(/sites/creationsystemsoftware.com/template/images/divider.png) repeat-y left top;
}

#mainbody p a{
	text-decoration:none;
}

/* ------------- Contact Us ---------- */

#contactus_intro {
	width:340px;
	float:left;
	margin-right:20px;
}

#contactus_contactform {
	width:564px;
	
}

#contactform_header {
	margin:0pt auto;
	padding:0px;
	height:15px;
	width:564px;
	float:left;
}

#contactform_footer {
	margin:0pt auto;
	padding:0px;
	height:15px;
	width:564px;
	float:left;
}

#contactform_body {
	background:#F7F0DD url(/sites/creationsystemsoftware.com/template/images/bg_form.png) repeat left top;
	color:#FFFFFF;
	float:left;
	padding:10px 0px 0 24px;
	width:540px;
}

#contactform_body p{
	color:#333;
}

#contactform_body_leftcol {
	float:left;
	width:250px;
	margin-right:20px;
}

#contactform_body_righttcol {
	float:left;
	width:250px;
}

#contactform_body input {
	background:#FBF8F0 url(/sites/creationsystemsoftware.com/template/images/bg_formfield.png) repeat left top;
	border-color:#D6D0C0 #FFFFFF #FFFFFF #D6D0C0;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	padding:3px;
	width:230px;
}

#contactform_body select {
	background:#FBF8F0 url(/sites/creationsystemsoftware.com/template/images/bg_formfield.png) repeat left top;
	border-color:#D6D0C0 #FFFFFF #FFFFFF #D6D0C0;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	padding:6px;
}

#contactform_body textarea {
	background:#FBF8F0 url(/sites/creationsystemsoftware.com/template/images/bg_formfield.png) repeat left top;
	border-color:#D6D0C0 #FFFFFF #FFFFFF #D6D0C0;
	border-style:solid;
	border-width:1px;
	padding:3px;
	width:230px;
}

.contactform_textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:12px;
	height:110px;
}

#contactform_body input:focus {
	background-color:#FFFFFF;
	border:1px solid #BEBAAB;
}
#contactform_body textarea:focus {
	background-color:#FFFFFF;
	border:1px solid #BEBAAB;
}

.formheader {
	margin-bottom:20px;
	width:120px;
}

.asterisk {
	color:#EC008C;
}

#submit{
  display: block;
  width: 250px;
  height: 30px;
  background: url(/sites/creationsystemsoftware.com/template/images/btn_submit.png) no-repeat 0 0;

}

#submit:hover{ 
  background-position: 0 -30px;
  border:0px solid  #000000;
}

#submit span{
  display: none;
  border:0px solid  #000000;
}

/* ------------- Table Elements -------------- */

table {
	border:1px solid #eaeaea;
	background-color:#fafafa;
	margin:0px 0px 10px 0px;
	font-size:0.8em;
}

th {
	border:1px solid #ccc;
	padding:15px 12px 15px 12px;
	color:#333;
}

tr {
	border:1px solid #eaeaea;
	padding:10px;	
	background-color: #fafafa;
}

td {
	border:1px solid #eaeaea;
	padding:10px 5px 10px 10px;
}

.tr_alt {
	border:1px solid #eaeaea;
	padding:10px;
	background-color: #fff;
}

tfoot {
	border:1px solid #eaeaea;
	padding:40px;
	background-color: #fff;
}

tfoot p{
	padding:15px 23px 0px 20px;
}

/* ------------- Footer -------------- */

#footer {
	margin:0pt auto;
	margin-bottom:40px;
	padding:13px 0px 0px 0px;
	clear:both;
	float:left;
	width:994px;
	height:78px;
	background: #fff url(/sites/creationsystemsoftware.com/template/images/bg_footer.gif) no-repeat left top;
}

#footer p {
	margin:22px 0px 0px 0px;
	color:#999;
	font-size:0.7em;
	line-height:1.7em;
}

#footer p a{
	color:#999;
	text-decoration:none;
}

#footer p a:hover{
	color:#000;
	text-decoration:underline;
}

.footerlogo{
	float:left;
	margin:0px 20px 0px 40px;
}