/*========================
Cascading Style Sheets
for www.cstech.net.au

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
body {
	font:12px Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	color:#727272;
	background:url(../_images/layout/bg-int.gif) repeat-x 0 100px;
}
h1, h2 {
	margin:5px 0;
	color:#FF6C00;
	font:100 18px Verdana, Arial, Helvetica, sans-serif;
}
h1 strong {color:#8F8F8F;font-weight:100;}
h3 {
	margin:7px 0;
	font:100 18px Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	margin:0;
	color:#14637e;
	font:700 14px Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
}
h5 {
	margin:10px 0;
	color:#40A9B6;
	font-size:13px;
}
h6 {
	margin:10px 0;
	color:#CC3300;
	font:700 14px Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
}

a:link, a:visited {color:#0D627F;text-decoration:none;}
a:hover {color:#00AEFF;text-decoration:underline;}
a:active {color:#0D627F;}
p {margin:10px 0;}
label {display:block;float:left;}
input, textarea, select {display:block;border:solid 1px #BDD1D3;color:#A5A5A5;font:12px Verdana,Arial,Helvetica,sans-serif;}
input:focus, .focusField, textarea:focus, select:focus {border:solid 1px #81A7AB;color:#000;background:#fff;}
a img {border:none;}
hr, .hr {background:#CCC;border:0 none;color:#CCCCCC;height:1px;margin:0;}

blockquote {margin:0;padding:0;overflow:auto;line-height:19px;}
blockquote p {padding:0 14px;}
blockquote img {float:right;padding:0 0 0 10px;}
cite {margin:0 0 12px;padding:0 0 10px;font-weight:700;display:block;border-bottom:solid 1px #ccc;}
span.quote {font:700 18px Georgia, Times New Roman, Times, serif;color:#28505D;padding:0 3px 0 0;}

table {border-collapse:collapse;}
th, td {padding:0;}

/*===Misc Classes===*/
.clear {clear:both;overflow:auto;}
.smallLink {font-size:11px;}
.row {margin:8px 0;}
.req {color:#FF0000}

a.free-trial {
	background:url(../_images/icons/free-trial.png) 0 0;
	display:block;
	width:182px;
	height:33px;
}
a.free-trial span {display:none;}
a.free-trial:hover {background-position:0 -35px;}

/*====Layout====*/
.wrap {width:990px;margin:0 auto;}
#header-wrap {width:979px;padding-bottom:15px;margin-top:22px;}
#header {position:relative;}
#header h1 a {
	display:block;
	background:url(../_images/layout/logo-cstech.png) no-repeat;
	width:264px;
	height:53px;
}
#header h1 span {display:none;}
#search {
	color:#0D627F;
	position:absolute;
	right:0;
	top:20px;
}
#search label {
	margin:3px 4px;
	font-size:11px;
}
#searchBar {
	border:solid 1px #B0C8CA;
	height:16px;
	margin:0 2px 0;
	width:111px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 2px 0 2px;
	display:inline;
}
#searchButton {
	background:url(../_images/layout/search.png) no-repeat;
	border:none;
	display:inline;
	width:16px;
	text-indent:-9999px;
}
#nav {
	background:url(../_images/layout/bg_nav.png) no-repeat center top;
	margin:0;
	z-index:1;
	height:41px;
	margin-bottom:129px;
}
#bannerBg {
	width:100%;
	z-index:-1;
	position:absolute;
	top:114px;
	left:0;
	background:url(../_images/layout/bg_banner.png) no-repeat center 0;
}
#banner {
	position:absolute;
	top:117px;
	left:0;
	width:100%;
	z-index:-1;
	height:146px;
}
#banner img {
	display:block;
	margin:0 auto;
}
#internal #bannerBg {
	background-position:center -40px;
	height:135px;
}
#content {background:url(../_images/layout/bg-content-gradient.png) repeat-x;padding:0 0 15px;}
#mainContent {
	float:left;
	width:669px;
	padding:30px 23px 0 27px;
	font-size:13px;
}

/*====Home====*/
#homep {background:url(../_images/layout/bg-body.gif) repeat-x 0 100px;}
#homep #bannerBg {height:236px;}
#homep #banner {height:273px;}
#homeContentBg {background:url(../_images/layout/homeContentBg.gif) repeat-x 0 48px;margin-top:255px;}
#mainContent .item {padding:3px 0 0 79px;margin:0 0 25px;}
#cms {background:url(../_images/icons/cms.png) no-repeat 0 9px;}
#solutions {background:url(../_images/icons/solutions.png) no-repeat 10px 9px;}
#hnews {background:url(../_images/icons/news.png) no-repeat 0 9px;}
#homep #sideBar {padding-top:30px;}
#homep .post-body a {font-size:11px;padding:0 0 0 5px;}
#rss {float:right;margin:3px 0 0;}

/*====Footer====*/
#footer {
	background:#325A66;
	padding:12px 0;
	color:#969696;
	font-size:11px;
}
#footer .wrap {
	background:#26434C url(../_images/layout/bg_footer.gif) repeat-x;
	padding:20px 82px 5px 120px;
	width:777px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
}
#col1, #col2, #col3, #col4, .address {float:left;}
#col1 {width:110px;}
#col2 {width:135px;}
#col3 {width:190px;}
#col4 {
	width:334px;
	background:url(../_images/layout/contact_us.png) no-repeat 0 10px;
	padding:38px 0 0 2px;
}
#footer #col4 a {color:#C1C1C1;font-weight:700;}
#footer .address {
	width:147px;
	margin:0 20px 0 0;
}
#footer a {
	color:#969696;
}
#footer .title, #footer .title a {
	color:#C8C8C8;
	font-size:13px;
	font-weight:700;
}
#footer .title {
	background:url(../_images/layout/bullet_footer.gif) no-repeat 0 7px;
	padding-left:6px;
	margin:12px 0;
}
#footer ul {
	margin:15px 0;
	padding:0;
	height:105px;
}
#footer li {
	list-style-type:none;
}
#footer #copyright {
	margin:0 auto;
	width:946px;
	font:100 10px Tahoma, Verdana, Helvetica, sans-serif;
	text-align:right;
	background:#427D8F url(../_images/layout/cstech_logo.png) no-repeat 5px 9px;
	color:#000;
	padding:12px 10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

/*====Sidebar====*/
#sideBar {
	float:left;
	padding:30px 0 0;
	width:271px;
}
.sideNav {
	margin:30px 0 0;
	font-size:11px;
	margin-bottom:20px;
	height:185px;
	background-repeat:no-repeat;
	background-position:bottom right;
}
.sideNav h3 {color:#FF6C00;}
#internal .sideNav {margin-top:0;}
.sideNav ul {padding:0;margin:5px 0;}
.sideNav li {list-style-type:none;padding:0;}
.sideNav li a:link, .sideNav li a:visited {
	color:#0D627F;
	text-decoration:underline;
	background:url(../_images/layout/bullet_blue.gif) no-repeat 0 8px;
	padding:2px 0 2px 6px;
}
.sideNav li a:hover {color:#00AEFF;}

.products, .webcomposer {background-image:url(../_images/icons/webcomposer.png);}
.webconductor {background-image:url(../_images/icons/webconductor.png);}
.services {background-image:url(../_images/icons/services.png);}
.clients {background-image:url(../_images/icons/clients.png);}
.about {background-image:url(../_images/icons/about.png);}
.partners {background-image:url(../_images/icons/partners.png);}

/*===Modules==*/
/*Featured Project*/
.featured {
	background:#77C5DD;
	color:#fff;
	height:253px;
	padding:16px;
	margin-bottom:90px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.featured h3 {color:#fff;}
.featured a {display:block;}
.featured a:link, .featured a:visited {
	color:#fff;
	font-size:11px;
	font-weight:700;
}
.featured img {
	background:url(../_images/layout/bg_featuredframe.png) no-repeat;
	display:block;
	margin:6px auto 0;
	padding:13px 7px 27px;
}

/*Subscribe*/
.subscribe {font-size:11px;color:#0D627F;margin-bottom:20px;}
.subscribe .row label {width:37px;margin:4px 0 0;}
.subscribe .row .cat_textbox {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:163px;
	padding:3px;
}
.subscribe .row .cat_button {
	background:url(../_images/layout/btn_subscribe.png);
	border:none;
	height:32px;
	width:172px;
	margin:10px 0 0 37px;
}

/*Testimonials*/
div.testimonials {
	background:#064B62 url(../_images/layout/bg_testimonials.png) no-repeat bottom;
	padding:1px 13px 60px;
	color:#8be2ff;
}
h3.testimonials {
	color:#fff;
	margin:0;
	background:url(../_images/layout/bg_testimonials-head.png);
	height:40px;
	line-height:40px;
	padding-left:11px;
}
div.testimonials blockquote {margin:10px 0;}
div.testimonials blockquote span.quote {color:#8BE2FF;font-weight:100;}
div.testimonials a.smallLink {font-weight:700;display:block;margin-top:5px;}
div.testimonials a:link, div.testimonials a:visited {color:#00AEFF;}
div.testimonials a:hover {color:#0D627F;}

/*====Showcase====*/
.showcase {
	float:left;
	width:270px;
	margin:20px 0 0 40px;
	height:400px;
	position:relative;
}
.showcase p {margin-bottom:0;}
.showcase img.screenshot {
	background:url(../_images/layout/bg_pictureframe.png);
	padding:6px 8px 13px;
	margin:0 0 18px -10px;
}
.showcase a.case-study {
	display:block;
	margin:30px 0 0 -32px;
	width:206px;
	position:absolute;
	bottom:0;
}

/*====Blog/News====*/
.blog-post {margin:15px 0;}
h4.post-title {color:#FF6C00;text-transform:capitalize;}
.date {font-weight:700;font-style:italic;}
.post-body img {padding:1px;border:solid 1px #BDD1D3;}

/*====Clients List====*/
table.clientList td, table.clientList th {
	border:1px solid #E1E5E5;
	padding:2px;
}
table.clientList th {padding:5px;text-align:left;}
table.clientList img {display:block;margin:0 auto;}
table.clientList .noBorder, table.clientList .cornerLeft {border:none;}
table.clientList .topCell {border-top:none;border-left:none;}

/*====Forms====*/
.row label {width:150px;}
.row .cat_textbox {width:200px;}
.row textarea {width:200px;}
.captcha {width:380px;text-align:center;}
.captcha label {float:none;text-align:center;width:100%;}
.captcha #Captcha {margin:10px auto;}
#CaptchaH {visibility:hidden;}
.row .cat_button {
	width:80px;
	border:solid 1px #000;
	color:#000;
}