/*
################# Colour Ref ####################
#ff9600 Orange
#a4e449 Green
#29201a Dark brown
#3c3028 Light brown
#4e4138 Subtle brown shade change
#6d6d6d Grey
#9c9c9c Text grey
*/

/* 
################### CSS contents ###################
* 1 Common
* 2 Layout
* 3 Menu
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/
 
 
/*
################### Common ################### 
*/

*{
margin:0;
padding:0;
}

.clear{
clear:both;
}

html {
/* overflow: -moz-scrollbars-vertical; */
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
################### Layout ################### 
*/

body{
font:100%/1.7 Arial, Helvetica, sans-serif;
background:#29201a;
color:#9c9c9c;
}

#header{
height:90px;
background:url(../images/layout/hdrbg.png) repeat-x top #000;
border-bottom:1px solid #000;
}

.container{
width:980px;
margin:0 auto;
padding:0 10px;
}

#header .container{
padding:5px;
}

#banner{
background:url(../images/layout/bannerbg.png) repeat-x;
border-top:1px solid #FFC000;
border-bottom:1px solid #894506;
}

.banner-welcome{
height:308px;
width:555px;
background:url(../images/layout/banner.gif) no-repeat top left;
float:left;
text-align: center;
position:relative;
}

.banner-welcome div{
width:500px;
margin:135px auto 0;
color:#efefef;
text-shadow: #000 1px 1px 2px;
}

#banner .container{
background:url(../images/layout/bannerbg2.gif) no-repeat top left;
position:relative;
}

.banner-showcase{
width:390px;
height:290px;
position:absolute;
right:0;
top:-15px;
padding:20px 20px;
}

#content{
border-top:1px solid #000;
background:url(../images/layout/shadow.gif) no-repeat center top;
}

#content .container{
margin-top:20px;
}

#main{
width:540px;
float:left;
margin-right:30px;
}

#main.portfolio{
width:760px;
}

#services{
margin:20px 0 20px;
}

.post-info{
width:190px;
margin-right:20px;
float:left;
}

.post-content{
width:550px;
float:left;
}

#footer{
background:url(../images/layout/footerbg.gif) top;
color:#262;
}

#footer .container{
background:url(../images/layout/footer.gif) no-repeat;
padding:130px 0 20px;
background-position:400px 0%;
}

/*
################### Menu ################### 
*/

#menu ul{
list-style:none;
float:left;
margin-top:14px;
}

#menu li{
display:inline;
}

#menu li a{
display:block;
float:left;
height:32px;
padding-left:15px;
margin-right:20px;
}

#menu li a span{
padding:7px 15px 0 0;
height:25px;
color:#fff;
text-transform: uppercase;
display:block;
float:left;
}

#menu li.current a span{
color:#ff9600;
}

/*
################### Headings ################### 
*/

#logo{
width:146px;
height:78px;
float:left;
background:url(/media/215/levous-inc.png) no-repeat;
margin-right:80px;
}

#logo span, .banner-alt-txt{
position:absolute;
left:-9999px;
top:-9999px;
}

#logo a{
display: block;
height:100%;
width:100%;
}

h1{
font-family: Helvetica, Arial, Tahoma, Sans-serif;
font-size: 1.3em;
font-weight: bold;
color:#2a1f18;
text-shadow: none;
}

h2{
font-family:Gentium, Georgia, Times, Serif;
font-weight:normal;
font-size:3em;
letter-spacing:-1px;
}

h3{
font-family:Gentium, Georgia, Times, Serif;
font-weight:normal;
font-size:2.2em;
color:#fff;
}

h4{
color:#fff;
font-family: Gentium, Georgia, Times, Serif;
font-weight: normal;
font-size: 1.4em;
}

h5, h6{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.1em;
margin-top:20px;
font-weight: normal;
}

h5{
font-size:1.4em;
margin-top:30px;
}

#services h2{
color:#fff;
font-size:1.6em;
}

#banner h2{
color:#000;
}

/*
################### Lists ################### 
*/

ul{padding-left:10px;}

#services ol{
list-style:none;
} 

#services ol li{
float:left;
width:370px;
margin:10px 20px;
padding-left:70px;
background:url(../images/layout/homeicons.gif) no-repeat;
}

#services ol li.define{
background-position:0px 40px;
}

#services ol li.design{
background-position:0px -460px;
}

#services ol li.develop{
background-position:0px -210px;
}

#services ol li.deploy{
background-position:0px -710px;
}

.recentprojects .recent li{
list-style: none;
float: left;
margin-right: 15px;
}
/*
################### Images ################### 
*/

img{
border:none;
}

.homeport a img{
border:5px solid #3c3028;
}

.homeport a:hover img{
border-color:#4e4138;
}

/*
################### Links ################### 
*/

a{
color:#ff9600;
}

a:hover, a:visited:hover{
color:#fff;
}

a:visited{
color:#9d6b22;
}

h3 a, h3 a:visited{
color:#fff;
display: block;
}

.homeport h3 a{border:solid #3C3028;border-width:1px 0;padding:5px 0;font-size:0.8em;}
.homeport h3 a:hover{border-color:#fff;}

a:hover span{
cursor: pointer;
}



.linkbutton{
width:225px;
height:53px;
padding-top:16px;
background:url(../images/layout/button.gif) no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
display:block;
margin:0 auto;
}

#footer a{
color:#00f;
}
#twitter_update_list a{
color:#9f9;
}

/*
################### Forms ################### 
*/

#searchform{
margin-top:15px;
text-align: right;
float:right;
}

.searchinput{
height:21px;
width:120px;
padding:5px 10px;
border:none;
margin-left:20px;
background:url(../images/layout/searchbg.gif) left no-repeat #4F4F4F;
color:#fff;
font-size:1.4em;
}

.searchbutton{
height:31px;
width:24px;
border:none;
background:url(../images/layout/searchbutton.gif) no-repeat top right;
}

.searchbutton:hover, #searchform:hover .searchbutton{
background-position:0% -31px;
cursor: pointer;
}


/*
################### Tables ################### 
*/
/*
################### Typography ################### 
*/

p{
margin:10px 0;
}

.aligncenter{
text-align: center;
}

.alignright{
text-align: right;
}

.alignleft{
text-align: left;
}

.post p{
text-align: justify;
}

li.nomargin p{
margin:0;
}

.required{
color:#ff9600;
}

blockquote{
padding:10px 40px;
background:#3c3028;
font-style: italic;
border:dotted #4e4138;
border-width:1px 0;
font-size:1.2em;
}

blockquote .author{
font-style: normal;
color:#9c9c9c;
font-size: 0.6em;
}

#twitter{
padding:0;
background:none;
border:none;
font-size:1em;
}

code{
font-size:1.2em;
font-family: monospace;
}

pre code{
background:#3c3028;
display:block;
clear:both;
padding:10px;
border:dotted #4e4138;
border-width:1px 0;
overflow:auto;
white-space: pre;
width:520px;
}

strong{
color:white;
font-size: 1.1em;
}

del{
text-decoration: line-through;
}

/*
################### Other ################### 
*/

.homeport .post{width:470px;float:left;margin:20px 10px;}

.left{
float:left;
}

.right{
float:right;
}

.post{
margin-bottom:100px;
}

#footer .box{
width:305px;
float:left;
margin-right:25px;
display:inline;
}

#footer .box.last{
margin-right:0;
}

hr{
border-top:1px solid #100c0a;
border-bottom:1px solid #5a3e0c;
border-width: 1px 0;
width:50%;
margin:40px auto;
}

.sep{
padding-top:50px;
background:url(../images/layout/sep.gif) no-repeat center top;
clear:both;
}

#twitter_div{
background:url(../images/layout/twitter.png) no-repeat top left;
padding-left:40px;
color:#efefef;
}

#twitter_update_list{
background:url(../images/layout/twiiterbg.png) no-repeat top left;
padding:10px 10px 10px 30px;
list-style: none;
width:450px;
}

#banner p{
margin:0;
font-size:.9em;
}





























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */