﻿body 
{
    margin:0px auto;
    position:relative;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
#content a           {   color:#756c9f;font-weight:bold;text-decoration:none;  }
#content a:link      {   color:#756c9f;font-weight:bold;text-decoration:none;  }
#content a:hover     {   color:#756c9f;font-weight:bold;text-decoration:none;  }
#content a:visited   {   color:#756c9f;font-weight:bold;text-decoration:none;  }
 
h1
{  color:#756c9f;font-weight:bold;font-size:22px;
}
h2
{  color:#747474;font-weight:bold;font-size:16px;
}
h1 + h2
{    margin-top: -5mm;
}

.cf
{   clear:both;
}

#wrapper
{
    margin:0px auto;
    position:relative;
    width:930px;
    background:url('../img/lt_gr_bg.gif') repeat;
}
#header_top
{   background:url('../img/top_header.gif') repeat-x;
    height:35px;
}
#header
{   
    
}
#header_bar
{
    height:92px;
}
#header_bar .logo
{
    background:url('../img/logo_1.png') no-repeat;
    background-position:right center;
    height:93px;
    width:249px;
    float:left;
}
#header_bar .live_chat
{    
    background:url('https://snapabug.appspot.com/statusImage?w=ac0a108f-40ad-433a-906d-95ffa4400a1a') no-repeat;
    background-position:left bottom;
    height:86px;
    width:193px;
    float:right; 
}

#header_bar .contact_logo
{
    background:url('../img/contact_logo.png') no-repeat;
    background-position:left bottom;
    height:86px;
    width:193px;
    float:right;
}
.alert
{   background-color:#c4c0d5;
    border:1px solid #756c9f;
    padding:10px;
    font-size:11px;
    width:470px;
}
.alert p
{   padding-bottom:0px;
    margin-bottom:0px;
}
#menu{
	clear:both;
	background-color:#424242;
	background:url('../img/menu_bg.gif') repeat-x;
	height:35px;
	width:930px;
}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

#menu ul li{
	display: inline;
	list-style-type: none;	
	margin:0px;
	float:left;
}
#menu ul li a{
	text-decoration:none;
	padding:7px 12px 7px 12px;
	line-height:35px;
	font-size:16px;
	color:#FFF;
	margin:0px;
}
#menu ul li a:hover{
	background-color:#848484;
	border-bottom:2px solid #252525;
}
#headliner
{   margin-top:20px;
    margin-bottom:15px;
    height:330px;
    width:930px;
    background:url('../img/headerliner_bg.gif') repeat;
    text-align:center;
}
#home_content
{   width:898px;
    margin:0px 0px 15px 24px;
}
#home_content p
{   font-size:10pt;
}
#rightColumn
{
    width:245px;
    float:left;
    text-align:right;
}
#leftColumn
{
    width:650px;
    float:left;
}
#fullColumn
{
    width:895px;
    float:left;
}
#featured ul
{
    padding:0px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.featured_projects
{   background:url('../img/featured_projects.gif') repeat;
    /*text-indent:-99999em;*/
    width:127px;
    height:28px;
}
.featured_title
{
    width:100%;
    border-bottom:2px solid #cccccc;
    
}

#featured ul
{   margin:10px 0px 0px 0px;
    padding:0px 0px 0px 5px;

}

#featured ul li 
{   
    color:#000;
    float:left;
    width:297px;
    height:365px;
    cursor:pointer;
    vertical-align:top;
}

#featured ul li h1
{   color:#4b4b4b;
    font-size:10pt;
}

#featured ul li p
{   color:#999;
    font-size:10pt;
    width:275px;
}

.feature_image
{
    width:279px;
    height:128px;
    border:1px solid #CCC; 
}

.image_1    {   background:url('../img/features/feature_image_1.gif');   }
.image_2    {   background:url('../img/features/feature_image_2.gif');   }
.image_3    {   background:url('../img/features/feature_image_3.gif');   }

.color
{   background-position:0px 128px;
}

em.more
{
    color:#756c9f;font-weight:bold;text-decoration:none;font-style:normal;
    display:none;
}

a:hover em.more
{
    color:#756c9f;font-weight:bold;text-decoration:underline;
}
#footer
{
    background:url('../img/footer.gif') repeat-x;
    height:150px;
    width:930px;
}

#footer div
{
    display:inline-block;
}
    
#footer .logo
{
    background:url('../img/footer_logo.gif') no-repeat;
    background-position:center center;
    width:200px;
    height:51px;
    padding-top:97px;
    float:left;
}

#footer #services .ourservices
{
    background:url('../img/ourservices.gif') no-repeat;
    width:450px;
    height:19px;
    margin:9px 0px 7px 26px;
}

#footer #networks .ournetworks
{
    background:url('../img/ournetworks.gif') no-repeat;
    width:135px;
    height:19px;
    margin:9px 0px 7px 26px; 
}

#footer #services
{
    height:115px;
    width:538px;
    margin-top:20px;
    float:left;
    border-left:1px solid #999999;
}

#footer #networks
{
    height:115px; 
    width:185px;
    margin-top:20px;
    float:left; 
    border-left:1px solid #999999;
}

#footer a
{   
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    width:170px;
    height:20px;
    color:#999999;
    font-size:15px;
}
#footer .text
{
    display:block;
    line-height:22px;
    text-transform:uppercase;
    color:#999999;
    font-size:15px;
    margin-left:27px;
}

#footer .left
{
    padding-left:27px;
    width:170px;
}
#footer .middle
{
    padding-left:20px;
    width:150px;
}
#footer .right
{
    padding-left:15px;
    width:135px;
}
#footer #networks a.icon
{   width:24px;
    height:24px;
    background:url('../img/social_icons.gif') no-repeat;
}

#footer #networks a.facebook
{   
    background-position:0% 0%;
    margin-left:27px;    
}
#footer #networks a.twitter
{   
    background-position:50% 0%;
    margin-left:6px;
}
#footer #networks a.indeed
{   
    background-position:100% 0%;
    margin-left:6px;
}

#footer #networks a.facebook:hover
{   
    background-position:0% 100%;
}
#footer #networks a.twitter:hover
{   
    background-position:50% 100%;
}
#footer #networks a.indeed:hover
{   background-position:100% 100%;
}

.portfolio_item
{   float:left;
    border-bottom:1px solid #c8c8c8;
}

.portfolio_image
{   float:left;
    width:290px;
    height:140px; 
    margin:23px 10px 0px 0px;   
}

.portfolio_text
{   float:left;
    width:594px;
}
.portfolio_text h1
{   border-bottom:2px solid #DCDCDC;
    font-size:18px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
}
.portfolio_text em
{   color:#999999;
}
.portfolio_item + .portfolio_item
{   margin-top:12px;
}