/*



Theme Name: WA Containers



Theme URI: http://www.smartsolutionpro.info



Author: Ahmad Sajid and Samia Ruponti



Author URI: http://www.smartsolutionpro.info



Description: The theme for WA Containers



*/



/*font face*/







@font-face {



    font-family: 'bonjoviregular';



    src: url('fonts/bonjovi_.eot');



    src: url('fonts/bonjovi_.eot?#iefix') format('embedded-opentype'),



         url('fonts/bonjovi_.woff') format('woff'),



         url('fonts/bonjovi_.ttf') format('truetype'),



         url('fonts/bonjovi_.svg#bonjoviregular') format('svg');



    font-weight: normal;



    font-style: normal;







}



@font-face {



    font-family: 'blue_highway_d_typeregular';



    src: url('fonts/blue_highway_d_type.eot');



    src: url('fonts/blue_highway_d_type.eot?#iefix') format('embedded-opentype'),



         url('fonts/blue_highway_d_type.woff') format('woff'),



         url('fonts/blue_highway_d_type.ttf') format('truetype'),



         url('fonts/blue_highway_d_type.svg#blue_highway_d_typeregular') format('svg');



    font-weight: normal;



    font-style: normal;







}







/* =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;



}



body {



	background: #fff;



	line-height: 1;



}



ol, ul {



	list-style: none;



}



table {/* tables still need 'cellspacing="0"' in the markup */



	border-collapse: separate;



	border-spacing: 0;



}



caption, th, td {



	font-weight: normal;



	text-align: left;



}



blockquote:before, 



q:before {



	content: open-quote;



    font-size: 45px;



    font-style: italic;



    position: relative;



    top:19px;



	left:-7px;



}







blockquote:after, q:after{content: close-quote;



    font-size: 45px;



    font-style: italic;



    position: relative;



    top: 20px;}



blockquote, q {



	quotes: "";



}



a img {



	border: 0;



}



article, aside, details, figcaption, figure,



footer, header, hgroup, menu, nav, section {



	display: block;



}











/*------------------------------------------------



HTML Elements



-------------------------------------------------*/







body{



	background:black;



	color:white;



	font:12px/1em Arial, sans-serif;



	counter-reset: section;



}







p{



	margin-bottom:10px;



	font:12px/1.6em Arial,sans-serif;



	text-align:left;



}







h1,h2,h3,h4,h5,h6{



	color:#CC2827;
	line-height: 1em;


	margin-bottom:15px;



	text-transform:uppercase;



	font-family: 'blue_highway_d_typeregular';



}







strong{



	font-weight:bold;



}







h2 a{



	text-decoration:none;



	color:#cc2827;



	font-family: 'blue_highway_d_typeregular';



	font-size:23px;



}







a{



	color:#cc2827;



	font:12px/1.5em Arial,sans-serif;



}







h2{



	font-size:22px;



}







h3{



	font-size:20px;



}







h4{



	font-size:18px;



}







h5,h6{



	font-size:16px;



}







blockquote{



	font-style:italic;



}



/*-------------------------------------------------



structure



--------------------------------------------------*/







#container{



	background:white;



	color:#363636;



	width:960px;



	margin:0 auto;



}







.row{



	width:auto;



	margin:0 auto;



}







.col{



	width:260px;



	padding:20px;



	float:left;



	border-left:1px solid #d8d8d8;



}







.col:first-child{



	border:none;



}







.col img{



	width:260px;



	margin:0 auto;



	height:auto;



	display:block;



	padding-bottom:15px;



	height:164px



}







.short-col{



	width:260px;



	float:left;



}







.wide-col{



	width: 640px;



	float:left;



}







.two-third{ width:590px; float:left;}



.one-third{ width:300px ; float:left;}



/*-----------------------------------------------



sticky navigation



-------------------------------------------------*/



div.top-menu{



	position:absolute;



	width:100%;



	top:0;



	background:#777777;



	height:20px;



	left:0;



}







ul.top-navigation{



	position:fixed;



	background:#363636;



	color:white;



	top:0;



	padding:10px 25px;



	height:20px;

z-index:9999999



}







ul.top-navigation li{



	display:inline;



	position:relative;



}







ul.top-navigation li a{



	color:white;



	text-decoration:none;



	padding:13px 5px;



	text-transform:uppercase;



	font:12px/1.5em Arial,sans-serif;



}



ul.top-navigation ul {



	display: none;



	margin: 0;



	position: absolute;



	top: 1.95em;



	left: 0;



	width: 188px;



	z-index: 99999;



}



ul.top-navigation ul ul {



	left: 100%;



	top: 0;



}



ul.top-navigation ul a {



	background: #363636;



	color: #fff;



	font-size: 13px;



	font-weight: normal;



	height: auto;



	line-height: 1.4em;



	padding: 10px 10px;



	width: 168px;



	display:block;



}



ul.top-navigation li:hover > a,



ul.top-navigation ul:hover > a,



ul.top-navigation a:focus {



	background: #CC2827;



}







ul.top-navigation li:hover > ul{



	display:block;



}











ul.top-navigation li:hover > ul li{



	padding:0;



	float:none;



}







ul.top-navigation .current-menu-item > a,



ul.top-navigation .current-menu-ancestor > a,



ul.top-navigation .current_page_item > a,



ul.top-navigation .current_page_ancestor > a {



	font-weight: bold;



}



/*------------------------------------------------



header



-------------------------------------------------*/







#header{



	background:black;



	margin:44px 0 0;



	color:white



}







p.slogan{



	color:#CC2827;



	font-size:2.75em;



	text-transform:uppercase;



	margin: 0 0 16px 0; // DIRENZO 16px 0;



	float:left;



	width:75%;



	font-family: 'blue_highway_d_typeregular';



	text-align:left;



}







span.phone{



	color:#3BA0C2;



	font-size: 1.4em !important;



}







h1.site-title a{



	background:url(images/logo.png) no-repeat center;



	height:108px;



	width:216px;



	display:inline-block;



	float:right;



	cursor:pointer;



	text-indent:-9999px;



	margin-bottom:0px;



}



/*----navigation------*/







ul.site-navigation{



	background:#777;



	color:white;



	list-style:none;



	font:13px/1.5em Arial,sans-serif;



	clear:both;



	height:35px;



}







ul.site-navigation li{



	float: left;



    line-height: 11px;



    padding: 8px 4px;



    position: relative;



}



ul.site-navigation li:first-child{



	padding-left:0;



}



ul.site-navigation li a{



	color:white;



	text-decoration:none;



	padding:10px 5px 11px;



	text-transform:capitalize;



}







ul.site-navigation ul {



	display: none;



	margin: 0;



	position: absolute;



	top: 2.7em;



	left: -15px;



	width: 200px;



	z-index: 99999;



}



ul.site-navigation ul ul {



	left: 100%;



	top: 0;



}



ul.site-navigation ul a {



	background: #777;



	color: #fff;



	font-size: 12px;



	font-weight: normal;



	height: auto;



	line-height: 1.4em;



	padding: 10px 10px;



	width: 188px;



	display:block;



}



ul.site-navigation li:hover > a,



ul.site-navigation ul:hover > a,



ul.site-navigation a:focus {



	background: #CC2827;



}







ul.site-navigation li:hover > ul{



	display:block;



}











ul.site-navigation li:hover > ul li{



	padding:0 15px;



	float:none;



}







ul.site-navigation .current-menu-item > a,



ul.site-navigation .current-menu-ancestor > a,



ul.site-navigation .current_page_item > a,



ul.site-navigation .current_page_ancestor > a {



	font-weight: bold;



}







/*--------------------------------------



content area



-----------------------------------------*/







.main{



	padding:25px;



}







h2.entry-heading{



	text-align:left;



	font-size:2.8em;



	color:#CC2827;



	font-family: 'bonjoviregular';



}











/*page*/







.featured-image img{



	width:700px;



	height:402px;



}







h3.entry-heading{

	color: #CC2827;

	font:2.2em/1.375em 'bonjoviregular';



	font-weight:bold;



}







/*testimonials*/







.testimonials-container{



	width:auto;



	margin:40px auto;



}







.testimonials-container .short-col{



	font-weight: normal;



    line-height: 96px;



    min-height: 112px;



    text-align: center;



    text-transform: uppercase;



font-family: 'blue_highway_d_typeregular';



font-size:1.8em;



}







.testimonials-container .wide-col{



	background:url(images/comment.png) no-repeat center;



	width:640px;



	height:112px;



}







.testimonials-container .wide-col blockquote{



	margin:5px 15px 9px;



	font-size:12px;



}







.testimonials-container .wide-col cite{font-size: 12px;



    font-weight: bold;



    margin: 15px;}



	



.testimonials-list .quote{



	counter-increment:section;



}



	



body.page-template-page-testimonials-php .testimonials-list .quote:before  { 



	content: counter(section, decimal)".";



	color: #999999;



    display: block;



    font-size: 22px;



    margin-bottom: 10px;



	margin-top:30px}







.testimonials-list cite{



	font-size: 12px;



    font-weight: bold;



    margin: 15px 15px 15px 0;



}



.testimonials-list blockquote{



	margin:20px 0;



}



.testimonials-container .wide-col blockquote:before,



.testimonials-container .wide-col blockquote:after{



	content:'';



	margin:0;



}



.slideshow{
	float:left;
	text-align: left !important;
	width:700px;
}



/*enquiry form*/



.enquiry{



	float:left;



	width:215px;



	padding:15px 22px;



}







.enquiry h2{



	color:#363636;



	text-transform:uppercase;



	font:24px/1.5em bold Arial, Helvetica, sans-serif;



	display:block;



	margin:0;



}



.enquiry p{



	color:#363636;



}



.enquiry input, select, textarea{



	width:100%;



	background:#C2C2C2;



	color:#363636;



	border:none;



	padding:5px 0;



	



}







.enquiry input[type="submit"]{



	background:#363636;



	border:0;



	color:white;



	text-align:center;



	text-transform:uppercase;



	font-weight:bold;



	font:13px/1em Arial, Helvetica, sans-serif;



	padding:5px 0;



}







.featured-image{



	width:700px;



	height:auto;



	float:left;



}







/*post styles*/







.entry-meta{



	font-size:small;



	margin:15px 0;



}



.comment-meta,.comment-meta a,.says{



	font-size:x-small;



}



footer.entry-meta,



#respond{



	margin-top:40px;



}







article.hentry{



	margin-bottom:4em;



}



.comment-meta,



.comment{



	margin-bottom:25px;



}







ol.commentlist, ol.commentlist .children {



	list-style:decimal-leading-zero;



}



ol.commentlist .children {margin-top:25px;}



ol.commentlist .comment{



  color: #999999;



    font-size: 32px;



    margin-left: 2.2em;



}







ol.commentlist .comment .comment-body{



	font-size:12px;



	color:#363636;



}



/*archive and category*/







.page-title{



	margin-bottom:2em;



}



/*----------------------------------------------



sidebar



-----------------------------------------------*/



.sidebar{



	padding:25px 10px;



}







aside.widget{



	margin-bottom:2em;



}







.sidebar .widget-title{



	color: #363636;



    display: block;



    font: 18px/1.125em bold 'blue_highway_d_typeregular', Arial,Helvetica,sans-serif;



    text-transform: uppercase;



}







/*----------------------------------------------



404 page



-----------------------------------------------*/







h3.404{



	font-size:4em;



	text-align:center;



}







div.404{



	text-align:center;



}







/*----------------------------------------------



footer



-----------------------------------------------*/







#footer{



	background:#363636;



	color:white;



	padding:25px;



	font:11px/1.5em Arial,sans-serif;



}







#footer a {



	color:white;



	text-decoration:underline;

	font-size:11px;



}







.address-block{



	margin-bottom:20px;



}







#footer p{



	text-transform:uppercase;

	font-size:11px;



}







.about-menu,



.info-menu{



	margin-bottom:40px;



}



.about-menu ul li,



.info-menu ul li,



.work-menu ul li{



	display:inline;



}



.about-menu ul li:before,



.info-menu ul li:before,



.work-menu ul li:before{



	content:'|';



}







.about-menu ul li:first-child:before,



.info-menu ul li:first-child:before,



.work-menu ul li:first-child:before{



	content:'';



}







.about-menu ul li:first-child a,



.info-menu ul li:first-child a,



.work-menu ul li:first-child a{



	padding-left:0;



}



.about-menu ul li a,



.info-menu ul li a,



.work-menu ul li a{



	padding:0 5px;



	text-decoration:none !important;



}







/*-------------------------------------



non semantic helper classes



--------------------------------------*/







.clear{



	clear:both;



}







/*------------------------------------



plugin specific css



-------------------------------------*/



/*nivoslider*/







.nivo-caption p{font-size:3.3em !important; font-family: 'blue_highway_d_typeregular';}
.nivo-caption{padding:30px 0 !important;}



/*			SAMIHA EDITINGS			*/
.home .col img {
    height: auto;
    width: auto;
}
#content .main ul{
	line-height: 1.6em;
    list-style: disc outside none;
    padding-bottom: 10px;
    padding-left: 30px;	
}
.page .slideshow img{
	max-height: 402px;
	max-width:700px;
}
.testimonials-container .wide-col p{
	font-style: italic;
	padding: 20px;
}
.testimonials-container .wide-col p strong{
	font-style: normal;
}
.main table td{
	padding:10px;
}
#pageexcerptwidget-4{
    margin-bottom: 30px;
}
#pageexcerptwidget-5{
	border-left: medium none;
}
.boximg{
    height: 141px;
    overflow: hidden;
    width: 258px;
}

/* DIRENZO */
.about-menu, .info-menu  {
   width:495px;
   float:left;
}

.hold_buttons  {
   float:left;
}

.clearall {
   clear:both;
}
         
/* jun14 */
#content .main ul.tickpoints  {
 list-style:none;
}
 
#content .main ul.tickpoints li {
  padding-left:35px;
  padding-top:10px;
  padding-bottom:0;
  background-image: url(images/green_tick.png);
  background-repeat: no-repeat;
  background-position: 0 10px;
}
 
 
span.leasetobuy a  {
 display:inline-block;
 text-indent:-9999px;
 background: url("images/Star-Lease-To-Buy.gif") no-repeat transparent;
 width:163px;
 height:100px;
 padding-top:50px;
 margin-left:5px;
 margin-bottom:-50px;

 }
 /* FEB 15 */
body.page-id-786 .main img  {
   margin-top:20px;
   margin-right:20px;
   border: 2px #cfcfcf solid;
}