/*****************************************************/
/*   Author:  Leon Poole - Creative World Pty. Ltd.  */
/*            http://www.creativeworld.com.au        */
/*   Version: 1.0                                    */
/*   Date:    19 May, 2008                           */
/*****************************************************/

/* default elements */
* {margin: 0; padding: 0;}
.parent #header .setwidth .printlogo, img.printlogo {display:none; width:0; height:1%; position:absolute;}

h1 {
	color:#9DB227;
	padding: 8px 0 0;
	font: bold 1.6em Arial, Helvetica, sans-serif;
}

h2,h3 {
	color:#316DB3;
	padding: 8px 0 0px;
}
h4 {
	color:#FF9933;
	padding: 8px 0 6px;
}

h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
}
h3 {font: bold 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;}
h4 {font: bold 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;}

blockquote {
	margin: 1em;
	padding: 0.5em 2em;
	background: #EEE;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
blockquote cite {clear:both; display:block; font-size:90%;}
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {
	line-height: 1.8em;
}
p {padding: 10px 0;}
small,.small {font: normal 0.9em sans-serif;}
ul {
	padding: 1.2em 2em 1.2em;
}
ol {padding: 0 2em 1.2em;list-style-position:inside;}
ol li {padding-left:30px;}
.clear {clear: both; font-size: 0;} 

.margintop1em {margin-top:1em;}

.people-list li.clear {clear:both; width:100%; margin:0; padding:0; height:1%;}

.setwidth {
	margin:0 auto;
	width:1000px;
}

body {
	background:#FFFFFF;
	margin: 0px;
	height: 100%;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height:160%;
}

.parent {
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}
.content {
	margin:0 auto;
	width:994px;
	background-color: #FFFFFF;
	padding: 0 0 85px;
	position:relative;
}

.content a {text-decoration:underline; color:#333333;}
.content a:hover {color:#FF7E00; }

.footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	height: 57px;
	z-index: 999;
	padding: 20px 0 0;
	margin: 0px;
	color: #666666;
	background:#D2DCE8;
	border-top: 2px solid #ACB3BB;
}
.footer p {
	padding:0;
	margin:0;
	}
.footer .left {
	float: left;
}
.footer .right {
	text-align: right;
}
.footer ul {
	list-style:none;
	padding: 0;
	margin: 0 0 0 15px;
	float: left;
	width: 600px;
	}
.footer li {
	display:inline;
	margin: 0 2px 0 0;
	}

ul.footer1 a {color: #747F8C; font-weight:bold; text-decoration:none; margin-right:10px;}
ul.footer1 a:hover {color: #424D59; text-decoration: none;}

ul.footer2 {color:#747F8C;}
ul.footer2 a {color: #747F8C; text-decoration: none;}
ul.footer2 a:hover {color: #424D59; text-decoration: none;}

#header {
	margin:0 auto;
	background:url(../img/elements/bg-header.png) top repeat-x;
	height: 160px;
	}
img.screenlogo {
	border:none;
	padding:0;
	position: absolute;
	display: inline;
}
img.logofooter {float:left; padding:0; margin-top:-22px;}

/* tips, error, message, hightlight */

.message {
	padding:5px 5px 5px 27px;
	border:1px solid #999999;
	color: #333333;
	background: url(../img/arrowgreen.gif) no-repeat top left #E6E6E6;
	margin-bottom:2px;
}

.success {
	padding:8px;
	border:1px solid #9DB227;
	background-color:#E5EDA6;
}
.error {
	padding:8px;
	border:1px solid #E2383D;
	background-color:#F4CACB;
}
.success ul {list-style:none;}
.success span {font-weight:bold;}


.tip {
	padding:5px 5px 5px 27px;
	border:1px solid #999999;
	color: #333333;
	background: url(../img/error.gif) no-repeat top left #E6E6E6;
	margin-bottom:2px;
}

.highlight {
	padding:5px;
	background-color:#FFFFCC;
	border:1px solid #FFFF99;
	margin-bottom:2px;
}

/* navigation menu */

#navmenu {
	padding: 0;
	position:absolute;
	margin:78px 0 0 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
}

#navmenu ul {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0;
	list-style: none;
}

#navmenu li {
display: inline;
padding: 0;
}

#navmenu a {
float: left;
display: block;
color: #BBCD37;
margin: 0 1px 0 0;
padding: 4px 10px;
text-decoration: none;
}

#navmenu a:hover {
 color:#DBF70F;
}

#navmenu .current a {
color:#DBF70F;
}

/* navigation menu */

#subnavmenu {
	padding: 0;
	background: transparent;
	position:absolute;
	margin:110px 0 0 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	width: 800px;
}

#subnavmenu ul {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0;
	list-style: none;
}

#subnavmenu li {
display: inline;
padding: 0;
}

#subnavmenu a {
float: left;
display: block;
color: #666666;
margin: 0 1px 0 0;
padding: 4px 10px;
text-decoration: none;
}

#subnavmenu a:hover {
 color: #333333;
}

#subnavmenu .current a {
color: #333333;
}


/* credit */
.creativeworld a {
	color: #747F8C;
	text-decoration: none;
	font-size: 10px;
	font-size: 10px;
}
.creativeworld a:hover {
	color: #424D59;
	text-decoration: none;
}

/* feature */
.feature {
	background:url(/img/elements/bg-feature-top.png) top center no-repeat;
	margin-bottom:1.25em;
}
.feature-inner {
	padding: 1em 1.5em;
	background:url(/img/elements/bg-feature-bottom.png) bottom no-repeat;
}

.feature h1 {color:#E2770E;}

.feature-content {
	width:500px;
	float:left;
	margin-right:20px;
}

.feature-list {
	list-style:none;
	margin:0 0 10px 20px;
	padding:0;
	display: block;
}
.feature-list li { background: url(/img/elements/tick.png) 6px 3px no-repeat; padding-left:30px;}
.feature-actions {margin-left:30px;}
.feature-actions a { margin-right:10px;}

/* user links top bar */
.userlinks {
	position:absolute;
	margin-left:900px;
	color:#999999;
	font-size:10px;
	margin-top: 15px;
}
.userlinks a {color:#CCCCCC;}
.userlinks a:hover {color:#FFFFFF;}


.right { float:right; display:inline;}
.left { float:left; display:inline;}

.right50 { float:right; display:inline; width:50%;}
.left50 { float:left; display:inline; width:50%;}

/* buttons */

a.but-orange {padding:3px 6px; background-color:#E2770E; border: 2px solid #FF7E00; color:#FFFFFF; text-decoration:none;}
a:hover.but-orange {background-color:#FF7E00; color:#FFFFFF; text-decoration:underline;}

/* img bar */

.imgbar { list-style:none; margin:0 0 0 20px; padding:0;}
.imgbar-vertical {
	list-style:none;
	padding:0;
	margin:0 10px 10px 0;
	float: left;
	width:140px;
}
.imgbar li { display:inline; margin:0 10px 0 0;}
.imgbar-vertical li {
	margin:0 10px 10px 0;
	display:list-item;
}
.imgbar li img, .imgbar-vertical li img {border:2px solid #999999;}
.imgbar li a:hover img, .imgbar-vertical li a:hover img { border-color:#C2D43C;}

/* people list */

.people-list {list-style:none; padding:0; margin:0;}
.people-list h3 { padding:0; margin:0 0 5px;}
.people-list p {padding:0;}
.people-list li {
	padding:0;
	margin:0 10px 20px 0;
	display:block;
	width:450px;
	float:left;
}
.people-list img {margin:0 10px 0 0; border:2px solid #EEEEEE;}
.people-list span {background-color:#EDEDED; clear:right; display:block;}

.people-detail {margin-left:94px; padding:0 5px;}



/* forms defaults */
.form {border:none; list-style:none;}

.form li { list-style:none; margin-bottom:0.2em; padding:2px;}

.label {cursor:pointer;}
.labelbold label {font-weight:bold;}

.label8 label { float:left; width:8em;}
.label10 label { float:left; width:10em;}
.label12 label { float:left; width:12em;}

.textarea {font-family:Arial, Helvetica, sans-serif;}

input.small	{width:6em;}
input.medium {width:12em;}
input.larg {width:18em;}

textarea {font-family:Arial, Helvetica, sans-serif;}

textarea.small {width:6em;}
textarea.medium {width:12em;}
textarea.large {width:18em;}

/* form required fields */
.form .required {font-weight:bold;}

/* form error handling */
.form .error {
	background-color:#FFD5D5;
	border: 1px solid #FFB0B0;
	color:#FF0000;
}

/* font sizes */
.font10 {font-size:0.8em;}

/* icon links */
a.linkedin {background: url(/img/elements/linkedin-icon.png) no-repeat scroll 1px; padding:2px 4px 2px 22px;}
a.link {background: url(/img/elements/link.png) no-repeat scroll 1px; padding:2px 4px 2px 22px;}


/* contact styles */
ul.numbers {
	padding:0.5em 1.5em 0.5em 0.8em;
	float: left;
	margin: 1.2em 1.5em 0 0;
	list-style:none;
}
ul.numbers li {
	line-height:1.8em;
	}
ul.numbers li.last {
	line-height: 0.5em;
	}
ul.numbers li span {
	width:4.5em;
	float: left;
	font-weight: bold;
	}	
ul.address {
	padding:0.5em 0 0.5em 0.8em;
	margin-top: 1.2em;
	list-style:none;
}
ul.address li {
	line-height:1.8em;
	}
ul.address li.last {
	line-height: 0.5em;
	}
ul.address li span {
	width:6.5em;
	float: left;
	font-weight: bold;
	}
	
.xhtml, .css {width:60px; height:16px;background:url(/img/elements/valid-xhtml-css.png) no-repeat;float:left; margin:2px 0 0 5px;}
.css { background-position:0 0;}
.css:hover { background-position:0 -16px;}
.xhtml { background-position:-60px 0;}
.xhtml:hover { background-position:-60px -16px;}

/* video demo */
.demo {
margin:1em auto 0pt;
width:806px;
}
.video {
background-color:#EEEEEE;
border:3px solid #CCCCCC;
height:602px;
}

/*video bottom bg effect*/
.vid-bot-bg { height:18px;background: url(/img/elements/bg-vid-bot.gif) top left no-repeat;}
.vid-bot-bg-right { height:18px;background: url(/img/elements/bg-vid-bot-right.gif) top right no-repeat;}

/* testimonials */
.testimonials {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1em 0 0 0;
padding:0;
}
.testimonials li {
float:left;
width:33%;
height:250px;
}
.testimonials li blockquote {
width:auto;
margin:0 1em;
padding:1em;
border-top:none;
}


.gmap {width: 450px; height: 400px; right:0; position:absolute; border:2px solid #CCCCCC; background-color: #F4F4F4;}

/* specific */
p.error
{
	color: red;
	font-size: 1.1em;
	font-weight: bold;
}

div.diagram_price, div.download_now, div.imprest_balance
{
	border: 1px solid #ccc;
	border-color: #ddd #bbb #bbb #ddd;
	background-color: #eee;
	margin: 1em;
	padding: 0.5em;
	width: 450px;
}

div.imprest_balance
{
	margin-left: 0em;
	margin-top: 2em;
}

div.diagram_price p, div.imprest_balance p
{
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: bold;
}

div.diagram_price p em, div.imprest_balance p em
{
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	font-size: 1.2em;
}

fieldset legend
{
	color: #666666;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0pt;
	margin-bottom: 0em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
table.past_transactions
{
	padding:0;
	margin:0;
	border: none;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

table.past_transactions td, table.past_transactions th
{
	padding: 0.5em;
	margin: 0;
	border: none;
	border-bottom: 1px solid #ddd;
	border-right: 1px dotted #ddd;
}

table.past_transactions th
{
	background-color: #eee;
	font-weight: bold;
	color: #333;
	padding: 0.75em;
	border-right: 1px dotted #ddd;
}

div#help_box
{
        border: 1px solid #B7B7B7;
        float:right;
        width: 35%;
        padding: 0;
        padding-bottom: 1em;
        margin-left: 2em;
        margin-bottom: 2em;
        margin-top: 0.5em;
        background-color: #fff;
}

div#help_box h2
{
        font-size: 0.85em;
        font-weight: bold;
        color: #FFF;
        background-color: #ccc;
        padding: 0.6em;
        padding-left: 0.4em;
        margin-top: 0em;
        margin-bottom: 0em;
}

div#help_box hr
{
        margin: 0;
        padding: 0;
        margin-top: 1em;
        margin-bottom: 1em;
        border: none;
        border-bottom: 1px solid #ccc;
        background: none;
        height: auto;
}

* html div#help_box hr
{
        margin-bottom: 0em;
}

div#help_box p, div#help_box ul li
{
        margin-left: 2em;
        margin-right: 2em;
}