/* @override http://www.crewmark.com.au/assets/cm10/css/cm_home.css */

/* @override 
	http://66.118.142.169/assets/cm10/css/cm_home.css
	http://www.crewmark.com.au/assets/cm10/css/cm_home.css
*/

@charset "UTF-8";

body {
	background-color: #494547;
	color: #67666e;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

a {
	color: #2770ab;
}

a:hover {
	color: #f49924;
}

/* @group home */

#homesquare {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}

#hometopmenu {
	width: 161px;
	margin-left: 35%;
}

#hometopmenu p {
	padding-top: 25px;
}

#hometopmenu #scratch {
	float: right;
}

#hometopmenu a img:hover {
	opacity: 0.25;
}

#homelogo {
	width: 100%;
	clear: both;
	text-align: center;
}

#copyright {
	float: left;
	position: absolute;
	top: 400px;
}

#homemenu {
	width: 390px;
	height: 231px;
	padding-left: 50%;
}

#homemenu p {
	padding-top: 25px;
}

#homemenu #scratch {
	float: left;
}

#homemenu a:hover {
	opacity: 0.25;
}

a img {
	border-style: none;
}

#homesquare #PopUp {
	width: 200px;
	position: absolute;
	height: 100px;
	vertical-align: middle;
	background-color: #5f5a5c;
	top: 50px;
	right: 20%;
	-moz-border-radius:10px;
	border-radius: 10px;
	
	
  box-shadow: 5px 5px 5px #363334;
  -moz-box-shadow: 5px 5px 5px #363334;
  -webkit-box-shadow: 5px 5px 5px #363334;
	display: none;
	padding-bottom: 10px;
}

#PopUp #pu_close {
	text-align: right;
}

#PopUp .loginForm .loginLoginFieldset {
	text-align: left;
}

#homesquare #PopUp .loginUsername  {
	width: 100px;
	margin-left: 17px;
}

#homesquare #PopUp .loginPassword {
	width: 100px;
	margin-left: 20px;
}

#homesquare #PopUp .loginLoginButton {
	float: right;
	padding-top: 5px;
}

#PopUp .loginForm .loginMessage {
	color: #d15c5b;
	text-align: left;
	text-transform: none;
	font: 10px Arial, Helvetica, sans-serif;
	display: block;
	position: absolute;
	border-right-style: none;
	top: 100px;
	width: 180px;
}

#PopUp .loginForm .loginMessage .error {
	margin-top: 0;
	padding-top: 20px;
}




/* @end */

/* @group base */

/* @group RightColumn */

#tvsidecontent {
	width: 200px;
	display: block;
	float: right;
	
	padding-left: 20px;
	margin-left: 20px;
	margin-right: -20px;
	border-radius:10px;
		-moz-border-radius:10px;
-moz-border-radius-bottomleft:10px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom: 1px solid #fcc88c;
	border-left: 1px solid #fcc88c;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	background-color: white;
}

#tvsidecontent #ci {
	margin-top: 40px;
}

#tvsidecontent #cont {
	padding-top: 40px;
}

#tvsidecontent2 {
	width: 200px;
	display: block;
	float: right;
	min-height: 300px;
	padding-left: 20px;
	margin-left: 20px;
	margin-right: -20px;

background: #F9F3E3; /* old browsers */

background: -moz-linear-gradient(left, #F9F3E3 1%, #FFFFFF 99%); /* firefox */

background: -webkit-gradient(linear, left top, right top, color-stop(1%,#F9F3E3), color-stop(99%,#FFFFFF)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F3E3', endColorstr='#FFFFFF',GradientType=1 ); /* ie */
border-radius:10px;
		-moz-border-radius:10px;
-moz-border-radius-bottomleft:10px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-left-style: none;
	padding-top: 10px;
}

#tvsidecontent h1 {
	font-size: 14px;
	font-style: normal;
	color: #848283;
	text-align: left;
	font-weight: normal;
	border-bottom: 2px solid #fcc88c;
}

#tvsidecontent h2 {
	font-size: 12px;
	font-style: normal;
	color: #f99c25;
	text-align: left;
	font-weight: normal;
	border-bottom: 2px solid #e8e8e8;
}

#tvsidecontent h3 {
	text-align: left;
	font-size: 12px;
	color: #ceaf80;
	padding-top: 20px;
}

#tvsidecontent .captiontext {
	text-align: right;
	padding-bottom: 20px;
}

#tvsidecontent img {
	border: 1px solid #d1d1d1;
}

#tvsidecontent img:hover {
	opacity: 0.89;
	background-color: #d1d1d1;
	border-color: #f69a25;
}

#tvsidecontent p {
	text-align: left;
}

#tvsidecontent ul {
	text-align: left;
	padding-left: 20px;
}

#tvsidecontent ol {
	text-align: left;
	padding-left: 20px;
}

#tvsidecontent #infolink {
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px dotted #b8b8b8;
	font-size: 10px;
}

#tvsidecontent #noborder {
	border-style: none;
}

#tvsidecontent .rtmenu ul {
	list-style-type: none;
	list-style-image: url(../images/blob_bullet.gif);
}

#tvsidecontent .rtmenu ul li:hover	 {
	list-style-type: none;
	list-style-image: none;
}

#tvsidecontent .rtmenu ul li {
	padding-bottom: 5px;
	border-bottom: 2px dotted #e3e3e3;
	padding-top: 5px;
}

#tvsidecontent .rtmenu a {
	text-decoration: none;
}

#tvsidecontent .prices {
	text-align: left;
}

#tvsidecontent .prices .tblhead {
	color: #f99c25;
}



/* @end */

.sitebase {
	margin: 25px;
	width: 96%;
}

.mainpage {
	background: #ffffff url(../images/bg_image.gif) repeat-y;
	min-height: 540px;
	border-radius:5px 10px 10px 10px;
	-moz-border-radius:10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	padding-bottom: 10px;
	width: 100%;
	z-index: -1;
}

.mainpage .menucol {
	width: 281px;
	display: block;
	top: 50px;
		font-family: Chalkduster, blambot-casual, "Comic Sans MS", Arial;
	text-transform: lowercase;
	margin-left: 0;
	position: relative;
	z-index: 10000;
	float: left;
}

.topmenu {
	padding-top: 20px;
}

.topmenu a:hover {
	opacity: 0.5;
}

.maincontent {
	margin-left: 285px;
	min-width:700px;
}

#mainheader2 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_2.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader4 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_4.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader5 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_5.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader6 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_6.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader7 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: #ffffff url(../images/hdbg_7.gif) no-repeat left bottom;
		border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader8 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_8.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader9 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_9.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader10 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_10.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader11 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_11.gif) no-repeat left bottom;
}

#mainheader12 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_12.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheader22 {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_22.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

#mainheadersolutions {
	margin-left: 10px;
	height: 160px;
	text-align: right;
	background: url(../images/hdbg_solutions.gif) no-repeat left bottom;
			border-radius:0px 10px 0px 0px;
			-moz-border-radius-topright:10px;
}

.bodyarea {
	padding: 40px;
	margin: 5px 20px 20px;
	border: 1px solid #e4dfdb;
	border-radius:5px 10px 10px 10px;
		-moz-border-radius:10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	background-color: white;
	display: block;
	min-width: 80%;
}

.introtext {
	font-size: 15px;
	font-style: italic;
	line-height: 30px;
	color: #ceaf80;
	background: url(../images/mainhr.gif) repeat-x 0 bottom;
	padding-bottom: 30px;
	padding-right: 20px;
	margin-bottom: 20px;
}

.introtext #credit {
	font-size: 12px;
	text-align: right;
	direction: rtl;
}

.bodyarea h1 {
	font-weight: normal;
	font-style: normal;
	color: #545052;
	font-size: 22px;
		background: none repeat-x 0 top;
	padding-top: 30px;
	margin-top: 10px;
	border-bottom-style: dotted;
	border-bottom-color: #d1d1d1;
}

.bodyarea h2 {
	font-weight: normal;
	font-style: normal;
	color: #545052;
	font-size: 18px;
		background: url(../images/subhr.gif) repeat-x 0 top;
	padding-top: 30px;
	margin-top: 10px;
}

.bodyarea h3 {
	font-weight: normal;
	font-style: normal;
	color: #99826a;
	font-size: 15px;
}

.bodyarea h4 {
	border-top: 2px dotted #fada7a;
	padding-top: 20px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #2f75ba;
}

.botmenu a:hover img  {
	opacity: 0.5;
}

.botmenu a {
	display: block;
	color: #494547;
	text-decoration: none;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 240px;
	text-align: right;
}

.object-right {
	float: right;
}

.quoteblock {
	margin-top: 20px;
	color: #313131;
	font: italic 18px/32px Georgia, "Times New Roman", Times, serif;
}

.quoteblock em {
	font-size: 14px;
	line-height: 18px;
	color: #b8b8b8;
}

.dirbreakdown {
	display: block;
	padding-right: 10px;
	font-size: 11px;
	color: #999;

	padding-left: 55px;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 5px;
	width: 55%;
}

.dirbreakdown .object-right {
	margin-right: -30px;
	padding-left: 20px;
	display: none;
}

.dirbreakdown a {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 12px;
}

.bodyarea .boxhold01 {
	display: block;
	min-height: 350px;
	height: auto;
	margin-right: 220px;
	padding-bottom: .2em;
	background-color: #f5f5f5;
}

.bulletbox {
	width: 45%;
	float: left;
	display: block;
	border-left-style: dotted;
	border-left-width: 1px;
	padding-left: 10px;
	background-color: #f5f5f5;
	min-height: 300px;
	padding-right: 5px;
}

.bulletbox ul {
	padding-left: 15px;
	font-size: 11px;
}

.table_head_grey {
	background-color: #f0f0f0;
	font-weight: bold;
}

/* @group nav */

#webdes
 {
	width: 25px;
	height: 25px;
	z-index: 1000;
	float: right;
	position: absolute;
	left: 270px;
	display: none;
	opacity: 1;
}

#webdes img {
	opacity: 1;
}

a:hover #webdes  {
	display: block;
	opacity: 1;
	z-index: 1000;
}

#grades
 {
	width: 25px;
	height: 25px;
	z-index: 1000;
	float: right;
	position: absolute;
	left: 270px;
	display: none;
	opacity: 1;
}

#grades img {
	opacity: 1;
}

a:hover #grades  {
	display: block;
	opacity: 1;
	z-index: 1000;
}

#bradev
 {
	width: 25px;
	height: 25px;
	z-index: 1000;
	float: right;
	position: absolute;
	left: 270px;
	display: none;
	opacity: 1;
}

#bradev img {
	opacity: 1;
}

a:hover #bradev  {
	display: block;
	opacity: 1;
	z-index: 1000;
}

#webdev
 {
	width: 25px;
	height: 25px;
	z-index: 1000;
	float: right;
	position: absolute;
	left: 270px;
	display: none;
	opacity: 1;
}

#webdev img {
	opacity: 1;
}

a:hover #webdev  {
	display: block;
	opacity: 1;
	z-index: 1000;
}

#hosting
 {
	width: 25px;
	height: 25px;
	z-index: 1000;
	float: right;
	position: absolute;
	left: 270px;
	display: none;
	opacity: 1;
}

#hosting img {
	opacity: 1;
}

a:hover #hosting  {
	display: block;
	opacity: 1;
	z-index: 1000;
}

#emarket
 {
	width: 25px;
	height: 25px;
	z-index: 1000;
	float: right;
	position: absolute;
	left: 270px;
	display: none;
	opacity: 1;
}

#emarket img {
	opacity: 1;
}

a:hover #emarket  {
	display: block;
	opacity: 1;
	z-index: 1000;
}

#corpor
 {
	width: 25px;
	height: 25px;
	z-index: 1000;
	float: right;
	position: absolute;
	left: 270px;
	display: none;
	opacity: 1;
}

#corpor img {
	opacity: 1;
}

a:hover #corpor  {
	display: block;
	opacity: 1;
	z-index: 1000;
}



/* @end */

#vertline {
	float: right;
}

#spacer {
	min-height: 100px;
	height: 100%;
}

#noborder {
	border-style: none;
}

.captiontext {
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
}

.floatingbox {
	width: 200px;
	font-size: 11px;
	line-height: 13px;
	padding: 20px 20px 10px;
	margin-right: 10px;
	display: block;
	float: right;
	background-color: #f1eff1;
	-moz-border-radius:30px 10px 40px 10px;
	border-radius: 10px 10px 40px 10px;
	
	
  box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
	margin: 20px;
}

.floatingbox strong {
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	font-style: normal;
	color: #f99c25;
}

.floatingbox ul {
	padding-left: 15px;
}

.addressbox {
	font-size: 11px;
	margin-top: 30px;
	background: url(../images/subhr.gif) repeat-x 0 top;
	padding-top: 26px;
	padding-left: 20px;
}

.addressbox p {
	margin-bottom: 0;
	margin-top: 0;
}

.legal {
	font-size: 11px;
	line-height: 13px;
}


.basefooter {
	color: #9e9e9e;
	font: 9px "Comic Sans MS", Arial, Helvetica, sans-serif;
}

.basefooter .footeraddress {
	text-align: right;
	text-transform: lowercase;
	color: #e6e1df;
	float: right;
	position: relative;
	bottom: 25px;
	right: 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
}



/* @end */

/* @group client */

.topmenu_client {
	text-align: right;
	font-family: Chalkduster, blambot-casual, "Comic Sans MS", Arial;
	text-transform: lowercase;
}

.topmenu_client a {
	display: block;
	color: #bfa980;
	text-decoration: none;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 240px;
}

.topmenu_client a:hover {
	opacity: 0.5;
}

.botmenu_client {
	text-align: left;
	font: 10px Arial, Helvetica, sans-serif;
	margin-left: 100px;
}

.botmenu_client h2 {
	font-family: Chalkduster, blambot-casual, "Comic Sans MS", Arial;	margin-bottom: 0;
}

.botmenu_client ul {
	list-style-type: none;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	border-left-style: none;
}

.botmenu_client ul ul {
	padding-left: 0;
}

.botmenu_client ul ul li.first {
	margin-top: -5px;
}

.botmenu_client ul ul a {
	font-weight: normal;
	font-style: normal;
}

.botmenu_client a {
	display: block;
	color: #676163;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 240px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
}

.botmenu_client a:hover {
	opacity: 0.5;
}

#clientheader13 {
	margin-left: 20px;
	padding-top: 20px;
}

#clientheader25 {
	margin-left: 20px;
	padding-top: 20px;
}

.invoices {
	font-size: 10px;
}

.invoices tr.oddrow  {
	background-color: #f0f0f0;
}

.invoices th {
	background-color: #fdeedf;
}



/* @end */

/* @group Login Form */

#loginlink {
	margin-top: 15px;
}

#navlogin {
	display: none;
}

.loginForm .loginLoginButton input {
	background-color: #ced1c2;
	border: 1px solid #989898;
	text-transform: uppercase;
	font-size: 9px;
	padding: 0 3px;
}

.loginForm .loginLoginButton input:hover {
	opacity: 0.5;
	color: #fffeff;
}

.loginForm .loginLegend {
	font-size: 16px;
	text-align: left;
	display: none;
}

.loginForm .loginLoginFieldset {
	text-align: right;
	color: #bebebe;
	border-style: none;
}

.loginForm .loginUsernameLabel {
	display: block;
}

.loginForm input.loginUsername {
	width: 50px;
}

.loginForm .loginPasswordLabel {
	display: block;
}

.loginForm input.loginPassword {
	width: 50px;
}

.loginForm .loginMessage {
	color: #d15c5b;
	text-align: right;
	text-transform: none;
	font: 10px Arial, Helvetica, sans-serif;
	display: block;
	position: absolute;
	left: 5px;
	padding: 5px;
	border-right-style: none;
	top: -30px;
	margin-right: 40px;
}

.topmenu_client #loginclose a {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 10px;
	position: absolute;
	left: 246px;
	top: 78px;
	color: #f97770;
	font: 9px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #f97770;
}
/* @end */

/* @group FormIt */

.form {
	width: 450px;
}

.form input {
	display: block;
	clear: left;
	width: 350px;
}

.form .form-buttons input {
	width: 100px;
	text-align: center;
	float: right;
}

.form .error {
	color: #f82030;
}



/* @end */

#transmission {
	color: #41e515;
	font: 18px "Courier New", Courier, mono;
	text-align: right;
}

#tblink {
	text-decoration: blink;
}

#moving {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	color: #fdc689;
}

#moving strong {
	font-size: 16px;
	color: #e28e22;
}