/*
Theme Name: oc
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: oc
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	border:0;	
}
img {
	padding:0;
	margin:0;
	border:0;
}

body{
	font-family:Arial-ItalicMT;
	color:#fff;
	font-size: 15px;
	background:url('images/oc.jpg');
	text-align:left;
	/*
	height: 2225px;
	background-repeat: repeat-x;
	*/
	
}

.wrapper{
	padding-top:0px;
	margin-top:0px;


}
/************************************
* =header
************************************/

.header{
	width:1000px;
	height:auto;
	margin:auto;
}

.headerline{
	background: url('./images/hline.png') no-repeat;
	width: 1200px;
	height:109px;
	margin:auto;	
}

.logo{
	background: url('./images/logo.png') no-repeat;
	width: 250px;
	height: 127px;
	float: left;
	position: absolute;
	margin-top: -8px;
	z-index: 999;
	background-size: 89%;
	margin-top: -2px;
	margin-left: -33px;
}

.headerright{
	font-weight:;
	font-size:16px;
	color:#626262;
	float:right;
	font-family:ArialMT;
	margin:20px 5px 10px;
}

.haddress{
	float:left;
	border-right:2px solid #081724;
	margin-left: -16%;
	padding-right:10px;
}

/************************************
* =menubar
************************************/

.menubar{
	margin: 81px -289px 0;
	float:right;
}

.menubar ul{
	font-size: 18px;
    font-weight: normal;
}

.menubar ul li{
	display: inline;
	margin-right: 10px;
	
}
.menubar ul li a{
	text-decoration: none;
	color: #626262;
	
}

.banner{

	
	
}

/************************************
* =banner
************************************/


.banner{
	overflow: hidden;
	clear:both;
	width: 1200px;
	height: 335px;
	background-image: url('./images/ibg.png') !important;
	background-repeat: no-repeat;
}

.button{
	position: relative;
	margin:auto;
	/*
	width: 1200px;
	height: 231px;	
	background: url('./images/buttonbg.png') no-repeat;
	*/
	}
	
.fourbutton{
	width:1060px;	
	font-style: italic;
}

.arrowl{
	float:left;
	width: 50px;
	height: 112px;
	background: url('./images/arow1.png') no-repeat;
	margin-top:50px;
	margin-right: 30px;
	margin-left:90px;
	
	}
.button1{
	margin:0px 5px 0;
	float:left;
	width: 24%;
	height: 286px;	
	background: url('./images/small_blocks_bg1.png') repeat-x;
	background-size: 100% 278px;
	margin-top: 13px; 
}
.border{
	/*border-bottom:2px solid red;*/
	width:67%;
}
.arrow2{
	float:left;
	width: 50px;
	height: 110px;
	background: url('./images/arrow2.png') no-repeat;
	margin-top:50px;
	margin-left:30px;
	display:none;
}

.img4, 
.img3, 
.img2, 
.img1{
	background: url('./images/small_block/1.png');
	background-repeat: no-repeat !important;
	background-size: 95% 100% !important;
	height: 199px;
	margin: auto auto auto 5%;	
}
.img2{
	background: url('./images/small_block/2.png');
}

.img3{
	background: url('./images/small_block/3.png');
}
	
.img4{
	background: url('./images/small_block/4.png');
}

/************************************
* =websitebg
************************************/

.websitebg{
	background: url('./images/wbg.png') no-repeat;
	width:1200px;
	height:499px;
	position: relative;
}

.container{
	width:910px;
	height:450px;
	/*padding-top:25px;*/
}
.tbbg{
	background: url('./images/tbbg.png') no-repeat;
	width:600px;
	height:389px;
	float:left;
	margin: 30px 40px 3px;
}
.tbbg p{
	margin:10px 0 0 0;
	}

.feauters{
	float:left;
	background: url('./images/fbg.png') no-repeat;
	width:210px;
	height:389px;
	margin-top: 31px;
}

.rfeauters{
	float: right;
	width: 243px;
	margin-top: 5px;
	margin-right: -5%;
}
#post-2 .rfeauters{
	margin-top: -20px;
	margin-right: -2%;
}
#page2 {
	float:right;
	background: url('./images/fbg.png') no-repeat;
	width:230px;
	height:389px;
	margin-top: -391px;
	margin-right: 20px;
	
}

.headcontain{
	margin-bottom: 10px;
	color: black;
	margin: auto auto 13px 5%;
	width: 100%;
	font-size: 30px !important;
}
.maincontain{
	float:left;
	font-size:18px;
	width:300px;
}

.contain{
	/*width: 431px;*/
	text-align: justify;
	height:auto;
	margin:-10px 0 0;
}

.fimage{
	background: url('./images/fimg.png') no-repeat;
	width:200px;
	height:103px;
	margin-top: 8px;
}

.quickcontact{
	background: url('./images/qcbg.png') no-repeat;
	width:200px;
	height:195px;
	margin-top:10px;
}

.info{
	text-align:left;
	margin-left:0px;
}

/************************************
* =contactform
************************************/

.contact_left, .wpcf7-text {
	width: 224px;
	height: 27px;
	border: none;
	color: #999;
	margin: 5px 0 0 10px;
	background: white;
	font-style: italic;
	font-size: 12px;
	font-family: Perpetua Titling MT;
	font-weight: bold;
	font-weight: 400;
	padding-left: 12px;

}


.contact_left, .wpcf7-submit {
font-family:Perpetua Titling MT;
font-weight:bold;
width: 50px;
height: 15px;
font-size:10px;
background: #1f2d39;
color:#999;
border: 0;
float: right;
margin: 5px 10px 0 0;
cursor: pointer;
border-radius:5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
font-size:9px;
}
#post-2 .contact_left, .wpcf7-submit{
	margin-top:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
        #post-2 .contact_left, .wpcf7-submit{
			float: right;
			text-align: right;
			margin-right: 0px;
		}
}
.contact_left, .wpcf7-textarea {
width: 224px;
height: 73px;
border: none;
margin: 5px 0 0 10px;
background: #ffffff;
font-family:Perpetua Titling MT;
font-weight:bold;
font-weight: 400;
color: #999;
overflow:auto;
font-style: italic;
font-size: 12px;
padding-left: 12px;
}

.wpcf7-form{
	font-family:Perpetua Titling MT;
	font-weight:bold;
}

/************************************
* =footer
************************************/

.footer {
	/*background: url('./images/footerbg.png') no-repeat;*/
	width:1200px;
	height:145px;
	position:relative;
	clear: both;
	margin:auto;
	border-top: 2px solid white;
}
#post-2 .footer {
	border-top: 0;
}
.footermenu{
	padding-top:15px;
}

.footermenu ul{
	margin-left: 1%;
	margin: auto;
	width: 75%;
	display: none;
}

.footermenu ul li{
	display: inline;
	font-size:17px;
	margin-right: 14px;
	font-family:ClassicalGaramondBT-Roman;
}


.footermenu ul li a{
	color:#000;
	text-decoration: none;
	font-size: 15px;
}

.flogo{
	background: url('./images/flogo.png') no-repeat;
	width:215px;
	height:94px;
	margin:5px 68px 5px 195px;
	float:left;
}

.faddress{
	float:left;
	font-family:ClassicalGaramondBT-Roman;
	font-size: 16px;
	text-align: left;
}
div.button1 p.font_size_new{
	font-family:Arial-ItalicMT;margin: 5px 10px 0px; text-align: left;font-size: 95%;	
	font-family: Arial-ItalicMT;
	margin: 5px auto;
	text-align: left;
	font-size: 95%;
	width: 95%;
}
div.menubar ul li:nth-child(2) a, 
div.menubar ul li:nth-child(3) a, 
div.menubar ul li:nth-child(4) a {
    border-left:3px solid #081724;
	padding-left: 9px;
}
div.button1 div.heading{	
	font-family: Arial-ItalicMT;
	margin-top: 24px;
	margin-bottom: 15px;
	font-size: 22px;
	text-align: center;
}
div.button1 p.readmore{
	float: left; margin-left: 12px;
}
div.button1 p.readmore a{
	color:red;text-decoration:none;
}
div.footermenu ul li{
	
}
div.footermenu ul li a{
	border-left:2px solid #fff;
	padding-left: 14px;
}
div.footermenu ul li:nth-child(1) a{
	border-left:0;
}
div.contain h1{
	
}
#page2 {
	float: right;
	background: url('./images/fbg.png') no-repeat;
	width: 230px;
	height: 389px;
	margin-top: -391px;
	margin-right: 20px;
}
#post-2 div.tbbg, #post-2 div.rfeauters#page2{
  display:none;
}
#post-17 #page2{
	margin-top: -392px;
	margin-right: 27px;
}
.full_new{	
	width: 100%;
}
.header_center{
	width: 1060px;
	margin: auto;
	height: 110px;
}
.slide{
	height: 335px;
	width: 1060px;
	margin: auto;
	background-color: #ccc;
}
.blocks{
	height: 335px;
	width: 1060px;
	margin: auto;
}
.slide_block{
	background-image: url('./images/slide_bg.png');
	background-repeat: repeat-x;
}
.small_block{
	background-image: url('./images/small_blocks_bg.png');
	background-repeat: repeat-x;
	height: 300px;
}
.full_new.slide_block .slide img{
	width: 1060px;
	max-height: 335px !important;
}
.container_center_new{
	width:1060px;
	margin: auto;
	height:400px;
}
.container_center_new .left{
	float: left;
	width: 69%;
	padding: 2%;
	background-color:#FFFFFF;
	background-image: url('./images/container_bg.png');	
	background-repeat:repeat-x;
	line-height: 23px; 
	height: 358px;
}
.container_center_new .right{
	float: right;
	width: 23%;
	padding: 2%;
	background-image: url('./images/quick_cont_bg.png');
	background-repeat:repeat-x;
	height:355px;
}
.left p{
	color: #423D7E;
	padding: 6px 35px;
	font-weight: bold;
	font-size: 16px;
}
.footer_new{
	background-color: #FFFFFF;
	color: #000000;
	height: 260px;
}
.footer_center{
	width: 1060px;
	margin: auto;
	height: 220px;
}
.f_left{
	float: left;
	width: 32%;
	margin: auto 14px auto auto;
	height: 220px;
	text-align: center;
}
.f_left img{
	width: 82%;
	height: 65%;
	margin-top: 6%;
}
.f_mid{
	width: 31%;
	border-right: 2px solid #CCC;
	font-style: italic;
	color: #003768;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	padding-top: 20px;
	height: 134px;
	margin-top: 21px;
}
#ny_subscribe_wrapper #ny_email{
	background-color: #F2F2F2;
    height: 20px;
    padding: 5px;
    width: 202px;
}
.f_mid img{
	width: 60px;
	height: 60px;
}
.f_mid a{
	text-decoration: none;
}
form#ny_subscribe_form p label{
	float: right;
	margin-right: 36px;
	font-size: 19px;
	margin-top: 8px;
}
p#ny_subscribe_submit_wrapper{
	float: right;
	margin-top: -31px;
	margin-right: 24px;
}
p#ny_subscribe_submit_wrapper #ny_subscribe_submit{
	background-image: url("./images/sunbsc_bg.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
    color: #FFFFFF;
    font-weight: bold;
    padding: 6px;
}
form#ny_subscribe_form p label{
	display:none;
}
.testimonialswidget_testimonials2{
	min-height: 0 !important;
}
#page-2 .container_new{
	height:0;
}
.container_new{
	height: 400px;	
}
#page-2 .container_new{
	height: 501px;	
}
h2.testi_header{
	display: none;	
}
.testimonialswidget_testimonials p{
	margin: 5px 0 1em !important;
	border-top: 1px solid black;
	padding-top: 13px;
	font-size: 17px;
	font-style: normal;
	line-height: 22px;
}
.f_last{
	text-align: left;
	margin-top: 10px;
	font-size: 21px;
	font-style: italic;
}
div.author_test 
{
	margin: -21px 0 0 0;
	border: 0px !important;
	float: right;
	text-align: right;
	border-top: 0;
	border-top: 0px solid black;
}
form#enquiry.contactForm p{
	line-height: 24px;
}
#post-11 .container_new,
#post-13 .container_new,
#post-5 .container_new,
#post-135 .container_new,
#post-9 .container_new,
#post-15 .container_new,
#post-17 .container_new,
#post-7 .container_new 
{
	height: 440px;
	background-image: url("./images/slide_bg.png");
}

#post-11 .container_center_new .left, 
#post-11 .container_center_new .right, 

#post-13 .container_center_new .left, 
#post-13 .container_center_new .right, 

#post-5 .container_center_new .left, 
#post-5 .container_center_new .right, 

#post-135 .container_center_new .left, 
#post-135 .container_center_new .right, 

#post-9 .container_center_new .left, 
#post-9 .container_center_new .right, 

#post-15 .container_center_new .left, 
#post-15 .container_center_new .right, 

#post-17 .container_center_new .left, 
#post-17 .container_center_new .right, 

#post-7 .container_center_new .left, 
#post-7 .container_center_new .right

{
	height: 398px;
}
div.left div.contain div{
	color: #423D7E !important;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}
div.signup_head{
	border-top: 1px solid;
    font-size: 15px;
    font-style: normal;
    margin: 3px 0;
    padding-top: 4px;
    width: 70%;
}
.wmg_logo {
	color: black;
	font-size: 12px;
	margin: -7% 0 0 21%;
}
.wmg_logo img {
	width: 40px !important;
	height: 16px !important;
}
.wpcf7-form p{
	padding: 0;
}
.slide{
	height: 297px !important;
}
.preload{
background-image:url(http://www.olympiccivilengineering.com.au/wp-content/uploads/2012/10/9.jpg) !important;
}