/*  
Theme Name: MENatWEBSITE Seo Wordpress CMS Theme
Theme URI: http://www.menatwebsite.com/
Description: A Business & Corporate WP CMS Theme
Version: 1.0
Author: Developer
Author URI: http://www.menatwebsite.com 

New Author: Justin Scicluna - 0433 330 884

*/



*{

margin:0;

padding:0;

}

body{

background:#fbfbfb url(images/bg.gif) repeat-x top;

font:12px/20px Tahoma,Helvetica,sans-serif;

color:#222;

}



/* Layout Styles Starts */



#wrapper{

width:960px;

margin:0 auto;

}

#header{

height:106px;

overflow:hidden;

}

#logo{

width:193px;

padding:23px 0 0 5px;

float:left;

}

#logo h1{

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

}

#logo h1 a{

height:64px;

display:block;

}

#logo h1 a span{

display:none;

}

#header h3{

padding:46px 15px 0 0;

color:#231f20;

float:right;

letter-spacing:1px;

}		

#menu{

background:url(images/mf-bg.png) no-repeat;

height:39px;

}

#menu ul{

list-style:none;

}

#menu li, #menu li a, #menu li.home a:hover, #menu li.hcurrent, #menu li a.current{

display:block;

float:left;

}

#menu li a, #menu li.current a, #menu li.hcurrent{

padding:0 20px;

color:#e2e2e2;

line-height:39px;

cursor:pointer;

}

#menu li a:hover, #menu li.current a{

background:#403b3c;

text-decoration:none;

}

#menu li a.home1:hover, #menu li.home a:hover, #menu li.hcurrent{

background:url(images/menu-h-home.png) no-repeat left;

}

#menu li.hcurrent{padding:0;}

#main-banner{

height:258px;

overflow:hidden;

background:url(images/banner-bg.png) no-repeat;

padding:30px 30px 30px 10px !important;

padding:30px 30px 30px 30px;

margin:18px 0 0 0;

}

#main-banner .floatleft{

float:left;

background:url(images/banner-bg.jpg) no-repeat;		

width:470px;

height:274px;

padding:3px 0 0 32px;

}

#main-banner img{

}

#main-banner .floatright{

width:410px;

float:right;

padding:5px 0 0 0;

}

#main-banner .floatright h2{

color:#231f20;

font-size:36px;

margin:-12px 0 0 0;

line-height:42px;

}

#main-banner .floatright h3{

color:#00b4f0;

font-size:32px;

margin:0 0 15px 0;

}

#main-banner .floatright h2 span, #main-banner .floatright h3 span{

display:none;

}

#main-banner .floatright p{

margin:0 0 15px 0;

}

#container-home{

padding:22px 0;

}

.sblock1-wrap{

width:310px;

float:left;

margin:0 15px 0 0 !important;

margin:0 13px 0 0;

background:url(images/sblock1-bg.jpg) repeat-y;

}

.sblock1-wrap.end{

margin:0 !important;

margin:0;

}

.sblock1{

background:url(images/sblock1-top.jpg) no-repeat top;

}

.sblock1-bottom{

background:url(images/sblock1-bottom.jpg) no-repeat bottom;

padding:25px 25px 25px 25px;

height:auto; /*Justin Changed from 260px height */

overflow:hidden;

}

.sblock1-bottom h4{

font-size:28px;

}

.sblock1-bottom p, .sblock1-bottom ul{

margin:0 0 10px 0;

}

.sblock1-bottom ul{
list-style:none;
}

/*Justin Scicluna's Code Hear */

.sblock1-bottom li {
padding-bottom:10px;
}

.sblock1-bottom ol {
	padding-left:25px;
}


/*End Justin Scicluna's Code*/



#container{

padding:0 0 18px 0;

}

#container1{

padding:0;

}

#mainarea{

width:635px;

float:left;

margin:18px 0 0 0;

}

.mblock1-wrap{

background:url(images/mblock1-bg.jpg) repeat-y;

}

.mblock1{

background:url(images/mblock1-top.jpg) no-repeat top;

}

.mblock1-bottom{

background:url(images/mblock1-bottom.jpg) no-repeat bottom;

padding:25px 25px 0 25px;

}

#works{

margin:25px 0 0 0;

}

#works h3{

font-size:20px;

}

#sidearea{

width:310px;

float:right;

}

.sblock2-wrap{

padding:18px 0 0 0;

}

.sblock2-outer{

background:url(images/sblock2-bg.jpg) repeat-y;

}

.sblock2{

background:url(images/sblock2-top.jpg) no-repeat top;

}

.sblock2-bottom{

background:url(images/sblock2-bottom.jpg) no-repeat bottom;

padding:25px 25px 0 25px;

}

#sidearea .sblock2-bottom ul{

list-style:none;

margin:0;

}

.sblock2-bottom li{

padding:3px 0;

/*									border-top:1px solid #fff;

border-bottom:1px solid #ddd;*/

}

.sblock2-bottom li a{

font-weight:normal;

}

#footer{

background:url(images/mf-bg.png) no-repeat;

height:39px;

line-height:39px;

padding:0 25px;

margin:0 0 17px 0;

color:#fff;

overflow:hidden;

}

#footer a{

color:#fff;

}



/* Layout Styles Ends */







/* Form Styles */



.input{

border:1px solid #a5a5a5;

background:none;

cursor:text;

margin:5px 0;

padding:2px;

width:200px;

}

textarea.input{

width:415px;

height:100px;

}

.input:focus, .textarea:focus{

border:1px solid #000;

}



.submit-btn{

background:url(images/submit-btn.jpg) no-repeat;

width:67px;

height:27px;

border:none;

outline:none;

cursor:pointer;

font-size:0;

}



a.take-tour-btn, a.portfolio-btn, a.read-more-btn{

background:url(images/buttons.gif) no-repeat top;

width:131px;

margin:0 19px 0 0;

height:35px;

display:block;

float:right;	

}

a.portfolio-btn{

background-position:0 -36px;

}

a.read-more-btn{

background-position:0 -72px;

width:91px;

}

a.take-tour-btn span, a.portfolio-btn span, a.read-more-btn span, a.visit-site-btn span{

display:none;

}

a.visit-site-btn, .wp-visit-site{

background:url(images/vist-site-btn.jpg) no-repeat;

width:91px;

height:27px;

display:block;

margin:0 0 5px 0;

}



/* Form Styles */





/* Paragraph and list Styles */



#container p.hr{

border:solid #d3d3d3;

border-width:1px 0 0 0;

margin:0;

outline:none;

}

#container p, #container1 p{

margin:0 0 15px 0;

}

#container form p{

margin:0 0 5px 0;

}

#container p img.floatleft{

margin:0 20px 0 0;

}

#container p img.floatright{

margin:0 0 0 20px;

}

#mainarea img.floatleft, #mainarea p img.floatleft{

margin:10px 10px 10px 0;

}

#mainarea img.floatright, #mainarea p img.floatright{

margin:10px;

}

#container ul, #container ol{

margin:0 0 0 20px;

}

#container ol{

margin:0 0 0 30px;	

}

ul#portfolio{margin:0;list-style:none;}

#container dt, #container1 dt{

font-weight:bold;

margin:20px 0 10px 0;

}



/* Paragraph Styles */



/* Genric Styles Starts */



.clearfix:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}

.clearfix {

display: inline-block;

}

html[xmlns] .clearfix {

display: block;

}

* html .clearfix {

height: 1%;

}

a {

color:#222;

text-decoration:none;

font-weight:bold;

}

a:hover {text-decoration:underline;color:#098ab4;}

h1{font-size:32px;}

h2{font-size:26px;}

h3{font-size:23px;}

h4{font-size:16px;}

h5, h6{font-size:14px;}

h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#231f20;font-family:"Myriad Pro Cond","Trebuchet MS";letter-spacing:1px;font-weight:normal;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:#231f20;font-weight:normal;}	

#mainarea h1{padding-bottom:20px;font-size:34px;}						

img{border:none;}

.clear{clear:both;}

.floatleft{float:left;}

.floatright{float:right;}

.center{text-align:center;}

.text-left{text-align:left;}

.text-right{text-align:right;}

.normal, .normal a{font-weight:normal;}

.textbold{font-weight:bold;}

#container .nomargin, .nomargin{margin:0;}

#container.nobg, .nobg{background:none;}

.padding15{padding:15px;}

img.centered{

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignright{

padding: 4px;

margin: 3px 0 2px 10px;

display: inline;

}

img.alignleft{

padding: 4px;

margin: 3px 10px 2px 0;

display: inline;

}

.alignleft{

float: left;

}

.alignright{

float: right;

}



/* Genric Styles Ends */



.navigation a{

background:#221e1f;

padding:8px 14px;

color:#fff;

text-decoration:none;

-moz-border-radius:5px;

-webkit-border-radius:5px;

}



/* Search Styles */



#searchform label{

display:none;

}

#searchform #s{	

border:1px solid #ababab;

padding:5px;	

}

#searchform #searchsubmit{

background:#333;

padding:4px 10px;

color:#fff;

text-decoration:none;

border:1px solid #ababab;

outline:none;

cursor:pointer;

-moz-border-radius:5px;

-webkit-border-radius:5px;

}



/* Comments Styles  */



#container ol.commentlist{

list-style:none;

margin:0;

}

ol.commentlist li {

padding:5px 7px 5px 0px; 

position:relative;

margin-bottom:15px;border-bottom:1px #CCC solid;

}

ol.commentlist li.comment-author-admin {

}

ol.commentlist li div.comment-author { 

padding:0 170px 0 0; 

}

ol.commentlist li div.vcard cite.fn { 

font-style:normal;

margin-left:7px; 

}

ol.commentlist li div.vcard cite.fn a.url:hover { 

color:#333; 

}

ol.commentlist li div.vcard img.avatar { 

border:1px solid #ccc;

background:#fff;

padding:3px; 

left:0; 

top:7px; 

margin-right:6px; 

float:left;

}

ol.commentlist li div.comment-meta { 

position:absolute; 

left:52px; 

top:24px;

}

ol.commentlist li div.comment-meta a{

font-weight:normal;

color:#666;

}

ol.commentlist li p { 

padding:15px 0 0 0px; 

clear:both;

}



ol.commentlist li.pingback div.vcard { 

padding:0 170px 0 0; 

}

/*Just Scicluna Code */


#main-banner-right {
	float:right;
	width:400px;
	margin-right:30px;
}

#main-banner-right ol {
	padding-left:20px;
}

#main-banner-right li {
	padding-top:5px;
}

#main-banner-left {
	float:left;
	width:430px;
	margin-left:30px;
}

/*THIS CODE BELOW IS FOR STYLING THE TEMPLATE PAGE SIDEBAR LEFT */
#mainarea-right{

width:635px;

float:right;

margin:18px 0 0 0;

}

.mblock1-wrap-right{

background:url(images/mblock1-bg.jpg) repeat-y;

}

.mblock1-right{

background:url(images/mblock1-top.jpg) no-repeat top;

}

.mblock1-bottom-right{

background:url(images/mblock1-bottom.jpg) no-repeat bottom;

padding:25px 25px 0 25px;

}

#sidearea-left{

width:310px;

float:left;

}
/*THIS CODE ABOVE! IS FOR STYLING THE TEMPLATE PAGE SIDEBAR LEFT */


/*THIS CODE BELOW IS FOR STYLING THE TEMPLATE PAGE WITH NOW SIDEBAR */
#mainarea-full{

width:960px;

float:left;

margin:18px 0 0 0;

}

.mblock1-wrap-full{

background:url(images/mblock1full-bg.jpg) repeat-y;

}

.mblock1-full{

background:url(images/mblock1full-top.jpg) no-repeat top;

}

.mblock1-bottom-full{

background:url(images/mblock1full-bottom.jpg) no-repeat bottom;

padding:25px 25px 0 25px;

}
/*THIS CODE ABOVE! IS FOR STYLING THE TEMPLATE PAGE WITH NOW SIDEBAR */