@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
img {border:none;}

body
{
background:#383837 url(../images/bg-body.jpg) no-repeat center top;
text-align:center;
font-family:"Myriad Pro", Arial, sans-serif;
color:#ffffff;
font-size:14px;
line-height:1.2em;


}


/*      ------------------ general styles --------------------- */

a
{text-decoration:none;}

p{margin-bottom:1.8em; line-height:24px;}

#content a{color:#8eefe9;}
#content a:hover{text-decoration:underline;}
/* end: general styles */


h1, h2, h3 {font-family:"Myriad Pro", Arial, sans-serif;}
h4, h5 {font-family:Georgia, "Times New Roman", serif;}
h1{font-size:24px; margin-bottom:0.2em; margin-top:1.5em; line-height:1.3em;}
h2, ul.list-columns li h1{font-size:20px; margin-bottom:0.2em; margin-top:1.5em; line-height:1.3em;}
ul.list-columns li h1 {margin-top:1em;}

h3{font-size:17px; margin-bottom:0.5em; margin-top:1.7em; line-height:1.3em; }
h4{font-size:17px; margin-bottom:0.5em; margin-top:1.7em; line-height:1.3em; }
h5{font-size:14px; margin-bottom:0.5em; margin-top:1.7em; line-height:1.3em; }
ul {}
ul li {}

#maincontent ul {margin-bottom:1.4em; list-style:none;}


.h-webdesign, .h-omarketing, .h-print
{
text-indent:-9999px;
background:url(../images/h-web-design.png) no-repeat left top;
height:21px;
margin-bottom:10px;
margin-top:20px;
}
.h-omarketing {background-image:url(../images/h-omarketing.png);}
.h-print  {background-image:url(../images/h-print.png);}

/*      ----------------------- layout ------------------------ */
#wrapper
{
width:940px;
margin:0 auto;
text-align:left;
}

#logo
{
position:relative;
width:100px;
height:25px;
overflow:hidden;
float:left;
color:#000000;
margin-bottom:32px;
margin-top:28px;
}

#logo span
{
overflow:hidden;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background:url(../images/links-la-logo.gif) no-repeat top left;
cursor:pointer;
display:block;
}

#sidebar1
{
float:left;
width:140px;
padding:0 2px;
width:136px;
/*margin-right:50px;
margin-right:80px;
*/
}

#content 
{
float:left;
width:750px;
width:720px;
overflow:hidden;
margin-top:85px;
text-align:left;

margin-left:50px;
margin-left:80px;

padding-bottom:20px;
}


#topimage
{
position:relative;
}

#topimage .imgdesc
{
position:absolute;
top:-99999px;
}

#maincontent-side
{
float:left;

width:230px;
padding-top:70px;
padding-top:73px;
font-size:12px;
font-family:Georgia, "Times New Roman", serif;
margin-left:30px;
}


#maincontent {
line-height:1.5em;
clear:both;
padding-left:4px;
/*padding-bottom:20px;*/
}

div.twocol#maincontent {width:460px; float:left; width:456px;}



/* -----------------  redefine styles for individual pages ------------------ */

#page-home #content {margin-top:85px; color:#bdbdbd; width:750px; margin-left:50px; position:relative; }
#page-home #topimage {float:left;}
#page-home #maincontent-side {padding-top:281px; padding-top:228px; width:210px;  width:210px; margin-left:0; float:right;
position:absolute; bottom:-2px;right:0; z-index:3;
font-family:"Myriad Pro", Arial, sans-serif;
}


#page-home #maincontent-side p {margin-bottom:0; line-height:1.3em; font-size:14px; font-weight:normal;}
#page-home #maincontent-side p a {color:#FFFFFF; font-weight:600;}
#page-home #maincontent-side p a:hover {text-decoration: underline;}

#page-what #content {margin-top:52px;}
#page-what #topimage {float:left; margin-bottom:30px; margin-bottom:10px;}
#page-what #maincontent {padding-left:0;}

#page-who #content {margin-top:60px;}
#page-who #topimage {float:left; margin-bottom:5px;}

#page-contact #content {margin-top:10px;}
#page-contact #topimage {float:left; margin-bottom:27px; margin-left:5px;}
#page-contact #maincontent {margin-top:5px; width:416px; }
#page-contact #maincontent-side {padding-top:0px; margin-left:10px;}


#page-work #content {margin-top:55px;}
#page-work #topimage {margin-bottom:50px; margin-left:8px;}
#page-work #maincontent {}

/* end:  redefine styles for individual pages  */


/* end: layout */

/* ---------------------- main navigation ------------------- */
ul#mainnav 
{
list-style:none;
clear:both;
}

ul#mainnav li {margin-bottom:7px;}

ul#mainnav li a
{
background:url(../images/mainnav-who-we-are.png) no-repeat left top;
text-indent:-99999px;
display:block;
width:130px;
height:21px;
outline:none;
}

ul#mainnav li a:hover, ul#mainnav li.active a{background-position:left bottom;}

ul#mainnav li#mainnav-what a {background-image:url(../images/mainnav-what-we-do.png);}
ul#mainnav li#mainnav-work a {background-image:url(../images/mainnav-our-work.png);}
ul#mainnav li#mainnav-contact a {background-image:url(../images/mainnav-contact-us.png);}

/* some more general styles */
/* --------------- form fields ------------------ */

label 
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px; color:#FFFFFF;
}

input.input /* 240 x 22*/
{
border:0px;
border:none;
padding:3px 4px;
width:232px;
height:16px;
font-family:"Courier New", Courier, monospace;
color:#bdbdbd;

font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px; color:#868686;
}

textarea.textarea /* 240 x 124*/
{
border:none;
padding:3px 4px;
width:232px;
height:118px;
overflow:hidden;

font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px; color:#868686;
}

input.submit
{
background:url(../images/btn-submit.gif) no-repeat left top;
text-indent:-9999px;
float:left; height:21px;width:75px;
border:none;
}
input.submit:hover {background-position:left bottom;}

/* ------------- special links  ----------------- */
a.btn-launch, a.btn-enlarge
{
float:left;
width:120px;
height:21px;
background:url(../images/btn-launch.png) no-repeat left top;
text-indent:-9999px;
margin-right:10px;
}

a.btn-launch:hover, a.btn-enlarge:hover{background-position:left bottom;}

a.btn-enlarge
{
background:url(../images/btn-enlarge.png) no-repeat left top;
}

a.btn-enlarge:hover{background-position:left bottom;}

/* ------------- lists  ----------------- */
/* list with columns  */
#maincontent .column, ul.list-columns li
{
float:left;
width:220px;
margin-right:30px;
}

ul.list-columns li.last {margin-right:0;}
ul.list-columns li {list-style:none;}

/* list for form  */
ul.list-form
{
list-style:none;
/*padding-left:9px;*/
padding-left:5px;
}

ul.list-form li {margin-bottom:6px;}

ul.list-form li label {width:150px; margin-right:10px; float:left; }
ul.list-form li.submit {padding-left:160px; padding-top:6px;}

/* list for portfolio  */
ul.list-portfolio
{
/*
float:left;
width:100%;
*/
}

ul.list-portfolio li
{
clear:both;
float:left; 
margin-bottom:20px;
position:relative;


width:100%;
}

ul.list-portfolio li .projectimg {float:left; width:400px; overflow:hidden;}
ul.list-portfolio li .projectdesc
{
float:right;
width:290px;
padding-bottom:10px;
}

ul.list-portfolio li .projectdesc h1 {margin-top:0;}
ul.list-portfolio li a.btn-enlarge, ul.list-portfolio li a.btn-launch
{
position:absolute; bottom:0;
}

ul.list-portfolio li a.btn-launch {right:25px;}
/* end lists */



.clear {clear:both;}
p.nomargin {margin-bottom:0;}
ul.indented {margin-left:30px;}

#maincontent ul.list-bltarrows li{background:url(../images/blt-arrow.png) no-repeat left 6px; padding-left:12px;}

#footer {
padding-top:10px;
margin: 70px 0 80px 223px;
color: #bdbdbd;
font-size: 12px;
border-top:#bdbdbd solid 1px;
}

#footer a {color: #FFFFFF;}
#footer a:hover {text-decoration: underline;}