/* ------------------------------------------------------- GLOBAL */

BODY{
background-color: #52C035;
color: #545454;
font-family: Arial, Helvetica;
font-size: 8pt;
margin: 0px auto;
text-align: center;
text-align: -moz-center;
padding: 0px;
background-image: url('http://sociallifemarketing.com/images/bg_body.jpg');
background-position: top;
background-repeat: repeat-x;
}

a:link {color: #80a92a; text-decoration: none;}
a:visited {color: #80a92a; text-decoration: none;} 
a:active {color: #80a92a; text-decoration: none;}
a:hover {color: #80a92a; text-decoration: underline;}
a img {border: none;}

.clear{clear: both;}


/* ------------------------------------------------------- TOP */

#top{
width: 981px;
height: 250px;
margin: 0px auto;
padding: 0px;
background-image: url('http://sociallifemarketing.com/images/bg_top.gif');
background-position: top center;
background-repeat: no-repeat;
}

#nav{
width: 981px;
height: 56px;
font-size: 11pt;
margin: 0px auto;
padding: 0px;
background-image: url('http://sociallifemarketing.com/images/bg_nav.gif');
background-position: top center;
background-repeat: no-repeat;
}

a.nav1:link, a.nav1:visited {
float: left;
display: block;
background: url('/images/bg_nav_home.jpg') no-repeat;
font-family: arial;
font-weight: normal;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 54px !important;
height: 54px;
width: 103px;
text-decoration: none;
line-height: 54px;
margin-left: 61px;
display: inline;
}

a.nav1:hover {
background-position: 0px -54px;
text-decoration: none;
color: #fff;
}

a.nav1#active_menu {
color:#fff;
font-weight: bold;
}

a.nav1#active_menu:hover {
color: #fff;
}

a.nav2:link, a.nav2:visited {
float: left;
display: block;
background: url('/images/bg_nav_rest.jpg') no-repeat;
font-family: arial;
font-weight: normal;
color: #ffffff;
text-align: center;
margin: 0px;
padding: 0px;
height: 54px !important;
height: 54px;
width: 103px;
text-decoration: none;
line-height: 54px;
}

a.nav2:hover {
background-position: 0px -54px;
text-decoration: none;
color: #fff;
}

a.nav2#active_menu {
color:#fff;
font-weight: bold;
}

a.nav2#active_menu:hover {
color: #fff;
}

#nav a:link{color: #140905; text-decoration: none;}
#nav a:visited{color: #837767; text-decoration: none;}
#nav a:hover{color: #006D91; text-decoration: none;} 
#nav a:active{color: #837767; text-decoration: none;}

#search{
float: left;
width: 320px;
text-align: right;
margin: 4px 0px 0px 0px;
pading: 0px;
}

.searchfield{
color: #9acd34;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 10pt;
}

.searchbutton{
color: #ffffff;
background: #006c90;
font-family: verdana;
font-size: 7.5pt;
border-style: groove;
cursor:hand;
}

ul{
list-style-type: none;
padding: 0px;
margin: 0px;
margin-left: 5px;
} 

li{
background-image: url("../images/bullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 5px;
font-size: 9pt;
}

/* ------------------------------------------------------- CONTENT */

#page{
width: 859px;
margin: 0px auto;
padding: 0px;
background-image: url('http://sociallifemarketing.com/images/bg_page.jpg');
background-position: top center;
background-repeat: repeat-y;
text-align: left;
}


#contentleft{
float: left;
width: 450px;
font-size: 11pt;
margin: 0px;
padding: 25px 0px 0px 84px;
}

#contentleft p{
text-align: left;
line-height: 14pt;
}

#contentleftstaff{
float: left;
width: 450px;
font-size: 9pt;
margin: 0px;
padding: 25px 0px 0px 84px;
}

#contentleftstaff p{
text-align: left;
line-height: 12pt;
}

#contentleftservice{
float: left;
width: 700px;
font-size: 11pt;
margin: 0px;
padding: 25px 0px 0px 60px;
}

#contentleftservice p{
text-align: left;
line-height: 14pt;
}

#contentleftsuggest{
float: left;
width: 750px;
font-size: 11pt;
margin: 0px;
padding: 0px 0px 0px 0px;
}


#contentright{
float: right;
width: 197px;
margin: 0px;
padding: 19px 84px 20px 0px;
}

#contentleftclient{
float: left;
width: 450px;
font-size: 11pt;
margin: 0px;
padding: 25px 0px 0px 44px;
}

#contentrightclient{
float: right;
width: 270px;
margin: 0px;
padding: 19px 44px 20px 0px;
}

#content{
width: 655px;
font-size: 9pt;
margin: 0px;
line-height: 13pt;
padding: 69px 0px 0px 135px;
}

.portfoliocontainer{
margin: 0px 30px 0px 0px;
}

.portfoliothumb{
width: 120px;
height: 123px;
margin: 10px 10px 20px 20px;
padding: 0px;
float: left;
display: inline;
text-align: center;
}

.formline{
width: 470px;
height: 20px;
font-size: 9pt;
text-align: left;
margin: 0px;
padding: 0px;
}

.formleft{
float: left;
width: 208px;
font-size: 9pt;
text-align: left;
margin: 0px;
padding: 0px;
}

.formright{
float: left;
text-align: left;
font-size: 9pt;
margin: 0px;
padding: 0px;
}

.formrightarea{
width: 340px;
float: left;
font-size: 9pt;
text-align: right;
margin: 0px;
padding: 0px;
}

.formrightsubmit{
width: 400px;
float: left;
text-align: left;
font-size: 11pt;
margin: 0px;
padding: 0px;
}

#searchresult{
width: 585px;
margin: 0px auto;
padding: 69px 0px 0px 204px;
}

.contact{
background-image: url('http://sociallifemarketing.com/images/bg_contact.jpg');
background-position: top left;
background-repeat: no-repeat;
text-align: left;
}

.contact p{
margin: 0px;
padding: 10px 0px 0px 30px;
font-size: 10pt;
text-align: left;
}

h1{
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 17.5pt;
line-height: 18pt;
color: #000000;
font-weight: normal;
text-align: left;
}

/* ------------------------------------------------------- BOTTOM */

#bottom{
width: 859px;
height: 60px;
margin: 40px 0px 0px 0px;
padding: 0px;
background-image: url('http://sociallifemarketing.com/images/bg_bottom.jpg');
background-position: bottom center;
background-repeat: no-repeat;
}

.bottombutton{
float: center;
display: inline;
width: 128px;
height: 25px;
line-height: 25px;
text-align: center;
cursor: hand;
}

#footer{
width: 859px;
height: 30px;
margin: 0px auto;
padding: 0px;
color: #FFFFFF;
text-align: center;
line-height: 30px;
}

#footer a:link{color: #FFFFFF; text-decoration: none;}
#footer a:visited{color: #837767; text-decoration: none;}
#footer a:hover{color: #80a92a; text-decoration: none;} 
#footer a:active{color: #837767; text-decoration: none;}



/* ------------------------------------------------------- FORM */

.textfield{
color: #000000;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
font-weight: bold;
}}