/*****
Global
*****/

body
{
margin: 0px auto;
padding: 0px;
background: url(../images/bg.gif) #e5e2de repeat-y;
background-position: center;
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

#gradient
{
margin: 0px auto;
overflow: hidden;
background: url(../images/gradient.gif) repeat-x;
}


#container_bg
{
margin: 0px auto;
background: url(../images/container_bg.jpg) no-repeat;
background-position: top center;
min-height: 531px;
width:100%;
}

#wrapper
{
text-align: center;
width: 988px;
margin: 0px auto;
padding: 0px;
height: auto;
}

#header
{
margin: 0px auto;
padding: 20px 40px 0px 55px;
width: 893px;
height: 80px;
}

#footer
{
background: url(../images/hr_line.gif) top no-repeat;
margin: 10px 0px 0px 0px;
padding: 20px 64px 0px 68px;
width: 856px;
height: 80px;
text-align: left;
float: left;
line-height:20px;
}

#footer h1
{
color: #8f8c87;
font-size: 14px;
font-weight: normal;
margin: 8px 0 8px 0;
padding: 0px;
}

#footer p
{
font-weight: normal;
margin: 8px 0 8px 0;
color: #d2ccc0;
font-size: 11px;
font-weight: normal;
}

#footer a:link, #footer a:visited{
color: #8f8c87;
text-decoration:none;}

#footer a:hover{ 
color:#f57d21;}

a
{
outline: none;
}

a img
{
outline: none;
border: none;
}

.float_right
{
float: right;
}

.float_left
{
float: left;
}

/**********************
Flight of the Navigator
**********************/

#navigation
{
float: right;
margin: 40px 0px 0px 0px;
padding: 0px;
list-style-type: none;
display: inline-block;
font-family: century gothic, arial, helvetica, sans-serif;
font-weight:700;
font-size:18px;
}

#navigation li
{
display: inline-block;
float: left;
}
#navigation li a:link, #navigation li a:visited
{ color:#787670;
text-decoration:none;
line-height:40px;
margin :0 20px 0 20px;
}
#navigation li a:hover{ color:#f57d21;}

#navigation li #navigation_active
{
background-position: 0px -44px;
color:#f57d21;
}

a.about_us:link, a.about_us:visited
{
background: url(../images/nav_about_us.gif) no-repeat;
width: 118px;
height: 44px;
display: inline-block;
}



a.about_us:hover
{
background-position: 0px -44px;
}

a.services:link, a.services:visited
{
background: url(../images/nav_services.gif) no-repeat;
width: 106px;
height: 44px;
display: inline-block;
}

a.services:hover
{
background-position: 0px -44px;
}

a.case_studies:link, a.case_studies:visited
{
background: url(../images/nav_case_studies.gif) no-repeat;
width: 148px;
height: 44px;
display: inline-block;
}

a.case_studies:hover
{
background-position: 0px -44px;
}

a.contact_us:link, a.contact_us:visited
{
background: url(../images/nav_contact_us.gif) no-repeat;
width: 139px;
height: 44px;
display: inline-block;
}

a.contact_us:hover
{
background-position: 0px -44px;
}

/**************
Index Main Page
**************/

.flash_main
{
width: 988px;
height: auto;
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
}
.content_left
{
background: url(../images/left_gradient.gif) right no-repeat;
width: 345px;
height: 205px;
margin: 0px auto;
padding: 0px;
float: left;
}

.content_right
{
margin: 0px auto;
padding: 18px 74px 35px 19px;
width: 550px;
height: 176px;
text-align: left;
float: right;
line-height: 26px;
letter-spacing: 1px;
}

.content_right h1
{
font-size: 19px;
font-weight: bold;
margin: 0px 0px 12px 0px;
padding: 0px;
color: #8f8c87;
}

.content_right p
{
font-size: 17px;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #8f8c87;
}

.content_left ul
{
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 14px;
}

.content_left ul li
{
display: inline;
margin: 0px;
padding: 0px;
}

/*******************
Case Studies Page 2b
*******************/

.case_content
{
background: url(../images/case_content_bg.jpg) no-repeat;
width: 660px;
float: left;
padding: 32px 0px 0px 26px;
text-align: left;
margin-left:0;

}

.case_content h1
{
font-family: century gothic, arial, helvetica, sans-serif;
color: #f68323;
font-size: 26px;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px;
}

.case_content h2
{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
margin: 0px 0px 8px 0px;
padding: 0px;
color: #3672a9;
}

.case_content h3
{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 8px 0px 0px 0px;
padding: 0px;
color: #3672a9;
}

.case_content p
{
font-family: verdana, arial, sans-serif;
font-size: 12px;
margin: 9px 0px 0px 0px;
padding: 0px;
color: #8f8c87;
line-height: 160%;
letter-spacing: 0px;
}

.case_content .intro_para{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
line-height:20px;
color: #3672a9;
}

.reg_content .intro_para{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
line-height:20px;
color: #3672a9;
}

.reg_content
{
background: url(../images/reg_content_bg.jpg) no-repeat;
width: 790px;
float: left;
padding: 32px 0px 0px 46px;
text-align: left;
margin-left:27px;
}

html>body .reg_content
{margin-left:55px;}

.reg_content h1
{
font-family: century gothic, arial, helvetica, sans-serif;
color: #f68323;
font-size: 26px;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px;
}

.reg_content h2
{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
margin: 0px 0px 8px 0px;
padding: 0px;
color: #3672a9;
}

.reg_content h3
{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 8px 0px 0px 0px;
padding: 0px;
color: #3672a9;
}

.reg_content p
{
font-family: verdana, arial, sans-serif;
font-size: 12px;
margin: 9px 0px 0px 0px;
padding: 0px;
color: #8f8c87;
line-height: 160%;
letter-spacing: 0px;
}
.case_content ul{
padding:0;
margin-left:20px;}

.case_content ul li
{
list-style-image:url(../images/bullet.jpg);
font-family: verdana, arial, sans-serif;
font-size: 12px;
margin: 9px 0px 0px 0px;
padding: 0px;
color: #8f8c87;
line-height: 160%;
letter-spacing: 0px;
}

.case_content a{color: #3672a9;}

.case_content a:hover{color: #f68323;}

.reg_content a{color: #3672a9;}

.reg_content a:hover{color: #f68323;}

.case_image_container
{
float: right;
width: 197px;
margin: 100px 0px 0px 15px;
}

.case_image_container img
{
margin-bottom: 15px;
}

.case_left_menu
{
background: url(../images/case_left_menu.jpg) no-repeat;
width: 155px;
height: 326px;
float: left;
margin: 0px 0px 0px 26px;
padding: 39px 0px 0px 0px;
list-style-type: none;
font-size:14px;
font-family: century gothic, arial, helvetica, sans-serif;
}

html>body .case_left_menu
{width: 165px;}

html>body .case_left_menu
{
background: url(../images/case_left_menu.jpg) no-repeat;
width: 165px;
height: 326px;
float: left;
margin: 0px 0px 0px 52px;
padding: 39px 0px 0px 0px;
list-style-type: none;
}

.case_left_menu li a:link, .case_left_menu li a:visited
{
display: inline-block;
float: left;
margin: 0px;
padding: 0px;
text-decoration:none;
font-weight:bold;
text-align:left;
line-height:36px;
border-bottom:1px solid #ccc;
width: 155px;
text-indent:10px;
color:#787670;
line-height:36px;
background:;

}

html>body .case_left_menu li a:link, html>body .case_left_menu li a:visited{width: 165px; background-color:none; display: inline-block;}


.case_left_menu li a:hover{ color:#f57d21;}

#case_active
{
background-position: 0px -35px;
color:#f57d21;
}

a.left_menu_sem:link, a.left_menu_sem:visited
{
background: url(../images/left_menu_sem.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_sem:hover
{
background-position: 0px -35px;
}

a.left_menu_webdev:link, a.left_menu_webdev:visited
{
background: url(../images/left_menu_webdev.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_webdev:hover
{
background-position: 0px -35px;
}

a.left_menu_seo:link, a.left_menu_seo:visited
{
background: url(../images/left_menu_seo.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_seo:hover
{
background-position: 0px -35px;
}

a.left_menu_gateway:link, a.left_menu_gateway:visited
{
background: url(../images/left_menu_gateway.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_gateway:hover
{
background-position: 0px -35px;
}

a.left_menu_crm:link, a.left_menu_crm:visited
{
background: url(../images/left_menu_crm.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_crm:hover
{
background-position: 0px -35px;
}

a.left_menu_altnet:link, a.left_menu_altnet:visited
{
background: url(../images/left_menu_altnet.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_altnet:hover
{
background-position: 0px -35px;
}

a.left_menu_kazaa:link, a.left_menu_kazaa:visited
{
background: url(../images/left_menu_kazaa.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_kazaa:hover
{
background-position: 0px -35px;
}

a.left_menu_vozzi:link, a.left_menu_vozzi:visited
{
background: url(../images/left_menu_vozzi.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_vozzi:hover
{
background-position: 0px -35px;
}

a.left_menu_atzmi:link, a.left_menu_atzmi:visited
{
background: url(../images/left_menu_atzmi.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_atzmi:hover
{
background-position: 0px -35px;
}

a.left_menu_get_me_on:link, a.left_menu_get_me_on:visited
{
background: url(../images/left_menu_get_me_on.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_get_me_on:hover
{
background-position: 0px -35px;
}

a.left_menu_topodia:link, a.left_menu_topodia:visited
{
background: url(../images/left_menu_topodia.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_topodia:hover
{
background-position: 0px -35px;
}

/*******************
Case Studies Page 3b
*******************/

.case_content_3b
{
background: url(../images/case_content_bg_3b.jpg) no-repeat;
width: 686px;
float: left;
padding: 32px 0px 0px 26px;
text-align: left;
}

.case_content_3b h1
{
font-family: century gothic, arial, helvetica, sans-serif;
color: #f68323;
font-size: 26px;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px;
}

.case_content_3b h2
{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #3672a9;
}

.case_content_3b p
{
font-family: verdana, arial, sans-serif;
font-size: 12px;
margin: 9px 0px 0px 0px;
padding: 0px;
color: #8f8c87;
line-height: 160%;
letter-spacing: 0px;
}

.case_left_menu_3b
{
background: url(../images/case_left_menu_3b.jpg) no-repeat;
width: 168px;
height: 400px;
float: left;
margin: 0px 0px 0px 26px;
padding: 39px 0px 0px 0px;
list-style-type: none;
}

html>body .case_left_menu_3b
{
background: url(../images/case_left_menu_3b.jpg) no-repeat;
width: 168px;
height: 400px;
float: left;
margin: 0px 0px 0px 52px;
padding: 39px 0px 0px 0px;
list-style-type: none;
}

.case_left_menu_3b li a
{
display: inline-block;
float: left;
margin: 0px;
padding: 0px;
}

a.left_menu_altnet_3b:link, a.left_menu_altnet_3b:visited
{
background: url(../images/left_menu_altnet_3b.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_altnet_3b:hover
{
background-position: 3px -35px;
}

a.left_menu_kazaa_3b:link, a.left_menu_kazaa_3b:visited
{
background: url(../images/left_menu_kazaa_3b.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_kazaa_3b:hover
{
background-position: 0px -35px;
}

a.left_menu_vozzi_3b:link, a.left_menu_vozzi_3b:visited
{
background: url(../images/left_menu_vozzi_3b.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_vozzi_3b:hover
{
background-position: 0px -35px;
}

a.left_menu_atzmi_3b:link, a.left_menu_atzmi_3b:visited
{
background: url(../images/left_menu_atzmi_3b.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_atzmi_3b:hover
{
background-position: 0px -35px;
}

a.left_menu_get_me_on_3b:link, a.left_menu_get_me_on_3b:visited
{
background: url(../images/left_menu_get_me_on_3b.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_get_me_on_3b:hover
{
background-position: 0px -35px;
}

a.left_menu_topodia_3b:link, a.left_menu_topodia_3b:visited
{
background: url(../images/left_menu_topodia_3b.jpg) no-repeat;
width: 165px;
height: 35px;
display: inline-block;
}

a.left_menu_topodia_3b:hover
{
background-position: 0px -35px;
}

/*******************
Case Studies Page 6b
*******************/

.case_content_6b
{
width: 690px;
float: left;
padding: 0px;
text-align: left;
}

.case_content_6b h1
{
font-family: century gothic, arial, helvetica, sans-serif;
color: #f68323;
font-size: 26px;
font-weight: normal;
margin: 10px 0px 8px 0px;
padding: 0px;

line-height: 100%;
}

.case_content_6b a{
text-decoration:none;}

.case_content_6b h1.line2
{

height: 50px;

}

.case_content_6b h2
{
font-family: century gothic, arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #3672a9;
}

.item
{
width: 200px;
margin: 0px 30px 0px 0px;
padding: 0px;
float: left;
}

.item img
{
margin: 10px 0px 0px 0px;
}