/*
Theme Name: CSCCC
Theme URL: http://www.argondesign.com.au
Description: Custom Theme
Author: Argon Design
Author URL: http://www.argondesign.com.au
Version: 1.0
*/

@charset "utf-8";
@import url("reset.css");

/* -- style -- */
body {
	background:#00adef;
	border-top: 7px solid #00adef;
	margin: 0;
	font-family: 'OpenSansRegular';
	font-size: 13px;
	line-height: 1;
	color:#333;
}

/* -- font -- */
@font-face {
	font-family: 'OpenSansRegular';
	src: url('font/opensans-regular-webfont.eot');
	src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/opensans-regular-webfont.woff') format('woff'),
			 url('font/opensans-regular-webfont.ttf') format('truetype'),
			 url('font/opensans-regular-webfont.svg#CabinRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansBold';
	src: url('font/opensans-bold-webfont.eot');
	src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/opensans-bold-webfont.woff') format('woff'),
			 url('font/opensans-bold-webfont.ttf') format('truetype'),
			 url('font/opensans-bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSansLight';
	src: url('font/opensans-light-webfont.eot');
	src: url('font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/opensans-light-webfont.woff') format('woff'),
			 url('font/opensans-light-webfont.ttf') format('truetype'),
			 url('font/opensans-light-webfont.svg#OpenSansExtrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* -- Adjusment -- */
.clr { clear: both; }
.fr { float: right!important; }
.fl { float: left!important; }
.ar { text-align: right!important; }
.al { text-align: left!important; }
.ac { text-align: center!important; }
#main ul li {
	margin-left: 20px;
	list-style-type: disc;
	line-height:2;
}
#main ol li {
	margin-left: 20px;
	list-style-type: decimal;
	line-height:2;
}

#main ul, #main ol{
	margin-bottom: 20px;
}
.home #main ul li {
	margin-left: 0px;
	list-style-type: none;
	line-height:2;
}
.mb0 { margin-bottom:0!important;}
.mb10 { margin-bottom:10px!important;}
.mb50 { margin-bottom:50px!important;}
.mr0 { margin-right:0!important;}

/* -- header -- */
header {
}
header .logo {
	width:220px;
	margin:30px 0;
	float:left;
}




/* -- menu-main -- */
#menu-main {
	height:50px;
	line-height:50px;
	font-family: 'OpenSansBold', sans-serif;
	font-size: 13px;	
	text-transform:uppercase;
	position:relative;
	z-index:4;
	float: right;
	padding: 75px 0 10px 0;
}
#menu-main li {
	margin: 0 0 0 25px;
	float:left;
	position:relative;
}
#menu-main li a {
	display:block;
	text-shadow: 1px 1px 1px #fff;
}
#menu-main li a:hover {
	color: #88BD2F;
}
#menu-main li ul {
	position:absolute;
	display:none;
	left:0;
	top:40px;
}
#menu-main li ul li {
	background: #88BD2F;
	float:none;
	clear:both;
	font-size:80%;
	margin: 0px;
}
#menu-main li ul li a {
	width:120px;
	line-height:25px;
	padding: 0 10px;
	text-align:left;
	color:#fff;
	text-shadow: none;
}
#menu-main li ul li a:hover {
	background: #F1D102;
	text-decoration:none;
}

/* -- footer -- */
footer {
	background:#00adef;
}
footer #footer_in {
	width:940px;
	margin:0 auto;
	padding:30px 0 80px;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'OpenSansBold';
	line-height:1.5;
}
footer p {
	width:350px;
	float:right;
	text-align:right;
}
footer ul {
	width:550px;
	float:left;
}
footer li {
	margin-right:20px;
	float:left;
}
footer a {
	color:#fff;
}
footer a:hover { 
	color: #dc6301;
}

/* -- common -- */
#wrapper {
	background:url(img/bg_all.jpg);
}
#wrap {
	width:940px;
	margin:0 auto;
}
#content {
}
#main {
	width:640px;
	padding:40px 0 50px;
	float:left;
}
#main h2 {
	margin-bottom:20px;
	font-family: 'OpenSansRegular';
	font-size:30px;
	line-height:1.3;
	text-transform:uppercase;
	color:#88BD2F;
	font-weight: normal;
}
#main h3 {
	margin-bottom:10px;
	font-family: 'OpenSansRegular';
	font-size:24px;
	line-height:1.2;
	text-transform:normal;
	color:#88BD2F;
	font-weight: normal;
}
#main p {
	margin-bottom:20px;
	line-height:1.8;
}
#main .featurebox {
	background:url(img/bg_paper.png) center bottom no-repeat;
	width:580px;
	padding:30px;
	font-family: 'OpenSansRegular';
	font-size:24px;
	color:#88BD2F;
}
#main .featurebox p {
	line-height:1.2;
}
#side {
	width:260px;
	padding:40px 0 50px;
	float:right;
}
#side p {
	margin-bottom:20px;
}
#side .testimonial {
	background:url(img/quotation.png) left top no-repeat;
	width:220px;
	padding:20px;
	color:#777;
	line-height:1.5;
}
#side .testimonial p {
	margin-bottom:10px;
}
#side .testimonial .name {
	border-bottom:1px solid #ccc;
	margin:0;
	padding-bottom:30px;
	font-size:11px;
	color:#00adef;
	font-style:italic;
}

.hero p {
	width:940px;
	margin:0 auto;
}
.hero h1 {
	width:940px;
	height:150px;
	margin:0 auto;
	font-size:40px;
	position:relative;
}
.hero h1 span {
	width:350px;
	position:absolute;
	left:30px;
	bottom:30px;
	z-index:2;
	display:block;
	font-family: 'OpenSansBold';
	text-transform:uppercase;
	color:#fff;
}
.hero h1 img {
	z-index:1;
}


/* -- home -- */
.home .hero {
	margin-bottom:30px;
}
.home #main {
	width:940px;
	padding:0 0 40px;
	float:none;
}
.home #main h2 {
	font-size:40px;
}
.home #main .fr,
.home #main .fl {
	width:450px;
	margin-bottom:20px;
}



.home .banner li {
	width:287px;
	margin-right:40px;
	float:left;
}
.home .banner li.end {
	width:286px;
	margin:0;
}

.home #main .clearfix {
	margin-bottom:0px;
}


/* -- contact -- */
#main .clearfix {
	margin-bottom:20px;
}
#main .contact_details {
	width:300px;
	float:left;
}
#main .contact_details .tl {
	text-transform:uppercase;
	font-family: 'OpenSansBold';
	font-size:20px;
	color:#00adef;
}
#main .contact_details p {
	margin-bottom:10px;
	line-height:1.3;
}
#main .contact_details dt {
	width:50px;
	float:left;
	clear:both;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.5;
}
#main .contact_details dd {
	margin-left:60px;
	line-height:1.5;
}
#main .googlemap {
	width:300px;
	float:right;
}
#main .googlemap a {
	color:#00adef !important;
}

#main .wpcf7-form .fr,
#main .wpcf7-form .fl {
	width:300px;
}
#main .wpcf7-form label {
	margin-bottom:5px;
	font-family: 'OpenSansBold';
	display:block;
	text-transform:uppercase;
}
#main .wpcf7-form textarea,
#main .wpcf7-form input {
	background:#ccc;
	border:none;
	width:280px;
	height:30px;
	padding:0 10px;
	margin-bottom:20px;
	display:block;
}
#main .wpcf7-form textarea {
	height:100px;
	padding:10px;
}
#main .wpcf7-form .wpcf7-submit {
	background:#88BD2F;
	border:none;
	width:100px;
	height:25px;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
}

th, td {
    padding: 0.7em 1.25em;
}

#main .post { 
	border-bottom: 1px dashed #78A02D;
	margin: 0 0 30px 0;
}

#main .post .thumbnail, .single #main .post .thumbnail {
	width:110px;
	margin-top:10px;
	display:block;
	float:left;
}
#main .post dl, .single #main .post dl {
	width:520px;
	float:right;
	line-height:1.5;
	padding-bottom: 20px;
}
#main .post dl {
	border-bottom: none;
	margin: 0;
}
#main .post .wp-post-image {
	border: 1px solid #88BD2F;
}
#main .post dl dt, .single #main .post dl dt {
	margin-bottom:10px;
	font-family: 'OpenSansRegular';
	font-size:18px;
	color:#88BD2F;
	text-transform:normal;
	font-weight: normal;
	margin: 0;
}
#main .post dl dd, .single #main .post dl dd {
	margin-bottom:10px;
}

#main .post dl .date, .single #main .post dl .date {
	text-transform:uppercase;
	margin-bottom:0;
	font-weight: bold;
}

.readmore { 
	background: #88BD2F;
	padding: 5px 7px;	
	font-family: 'OpenSansBold';
	text-transform:uppercase;
	color: #fff;
	font-size: 10px;
	border: 1px solid #fff;
}
.readmore:hover { 
	background: #00ADEF;
	color: #fff;
}

.single-post .post { 
	border-bottom: none !important;
}

.ninna { 
	padding: 0 0 20px 0;
}