/* CSS Document */

*{
margin:0;
padding:0;
}

html {
border:none;
}

body {
font:12px Arial, Helvetica, sans-serif;
border:none;
background:#fff;
}

.container {
width:975px;
margin:0 auto;
}

.clear {
clear:both;
height:0;
}

.header {
background:url(../images/header.jpg) no-repeat;
width:975px;
height:273px;
}

.header_top {
height:27px;
text-align:right;
font:11px/27px Arial, Helvetica, sans-serif;
color:#000;
}

.header_top a, .header_top a:visited {
font:11px/27px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

.header_top a:hover {
font:11px/27px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}

.header_top .color {
color:#f7ac2c;
}

.header .logo {
width:117px;
height:88px;
float:left;
display:inline;
margin:19px 0 0 0;
}

/* Root = Horizontal, Secondary = Vertical */

ul#navmenu {
width:690px;
float:left;
display:inline;
margin:90px 0 0 38px;
}

ul#navmenu li {
float: left; /*For Gecko*/
display: inline;
position: relative;
display:block;
list-style:none;
}

ul#navmenu ul {
list-style: none;
display: none;
position: absolute;
top: 31px;
left: 0;
width:210px;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu ul li {
width: 210px;
margin-bottom:1px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}

/* Root Menu */

ul#navmenu a {
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #000;
font:19px/25px Calibri, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
padding:4px 33px 4px 0;
}

/* Root Menu Hover Persistence */

ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
color: #f7ac2c;
}

/* 2nd Menu */

ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background:#f5f5f5;
color: #1f1f1f;
font:14px Arial, Helvetica, sans-serif;
padding:8px 4px 8px 8px;
opacity:0.95;
filter:alpha(opacity=95)
}

/* 2nd Menu Hover Persistence */

ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
float: none;
background:#1f1f1f;
color: #fff;
font:14px Arial, Helvetica, sans-serif;
padding:8px 4px 8px 8px;
opacity:0.9;
filter:alpha(opacity=90)

}

/* 3rd Menu */

ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background:#f5f5f5;
color: #1f1f1f;
font:14px Arial, Helvetica, sans-serif;
margin-left:1px;
}

/* 3rd Menu Hover Persistence */

ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background:#1f1f1f;
color: #fff;
font:14px Arial, Helvetica, sans-serif;
margin-left:1px;
}

/* 4th Menu */

ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
color: #510b1f;
}

/* 4th Menu Hover */

ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  color: #000;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

.hide {
display:none;
}

.services {
width:975px;
background:url(../images/services_box_top.jpg) no-repeat top;
padding:4px 0 0 0;
}

.webdesign {
width:251px;
float:left;
}

.internetmarketing {
width:251px;
float:left;
display:inline;
margin-left:42px;
}

.conversionanalysis {
width:251px;
float:left;
display:inline;
margin-left:42px;
}

.services .heading {
width:240px;
height:51px;
background:url(../images/services_box_head.jpg) no-repeat;
padding:3px 0 0 11px;
}

.webdesign_icon {
background:url(../images/webdesign_multimedia.jpg) no-repeat;
height:43px;
width:43px;
}

.webdesign_icon {
background:url(../images/webdesign_multimedia.jpg) no-repeat;
height:43px;
width:43px;
float:left;
}

.internetmarketing_icon {
background:url(../images/internet_marketing.jpg) no-repeat;
height:43px;
width:43px;
float:left;
}

.conversion_analysis_consult_icon {
background:url(../images/conversion_analysis_consult.jpg) no-repeat;
height:43px;
width:43px;
float:left;
}

.webdesign_text, 
.internetmarketing_text, 
.conversion_analysis_consult_text {
padding:8px;
font:12px Arial, Helvetica, sans-serif;
color:#717171;
text-align:justify;
height:90px;
}

.conversion_analysis_consult_text ul {
padding:0 0 0 20px;
}

.conversion_analysis_consult_text ul li {
margin:3px 0;
}

.conversion_analysis_consult_text  .color {
color:#f7ac2c;
}

.webdesign_heading_text {
width:175px;
padding:7px 0 0 8px;
font:14px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
float:left;
}

.internetmarketing_heading_text {
width:175px;
padding:7px 0 0 8px;
font:14px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
float:left;
}

.conversion_analysis_consult_heading_text {
width:175px;
padding:0 0 0 8px;
font:14px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
float:left;
}

.services_icon_right {
width:75px;
height:77px;
float:right;
display:inline;
margin:75px 15px 0 0;
background:url(../images/services_icon_right.jpg) no-repeat;
}

.find_out_more {
width:155px;
height:18px;
background:url(../images/find_out_more.gif) no-repeat;
margin:20px auto 0 auto;
display:block;
text-align:center;
padding:9px 0 0 0;
}

.find_out_more a, .find_out_more a:visited {
width:155px;
height:27px;
color:#fff;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

.find_out_more a:hover {
width:155px;
height:27px;
color:#fff;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
}

.content {
background:url(../images/services_box_top.jpg) no-repeat top;
padding:40px 0 10px 11px;
}

.content h1 {
font:23px/25px Calibri, Arial, Helvetica, sans-serif;
color:#000;
}

.contant_left {
width:660px;
float:left;
}

.contant_left a,
.contant_left a:visited {
color:#1b6ec3;
text-decoration:none;
}

.contant_left a:hover {
color:#1b6ec3;
text-decoration:underline;
}

.content_right {
width:283px;
float:right;
}

.portfolio_content {
width:670px;
float:left;
padding:0 0 12px 0;
}

.contant_left p {
font:13px/20px Arial, Helvetica, sans-serif;
color:#717171;
padding:8px 0 12px 0;
text-align:justify;
}

.latest_projects, 
.portfolio {
width:283px;
}

.latest_projects_heading {
height:25px;
background:url(../images/latest_projects_heading.gif) no-repeat left;
}

.portfolio ul {
padding:18px 0 0 0;
}

.portfolio ul li {
display:block;
height:28px;
width:283px;
list-style:none;
margin-top:3px;
}

.portfolio ul li a,
.portfolio ul li a:visited {
display:block;
height:28px;
width:258px;
background:#f5f5f5;
font:14px/27px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
font-weight:bold;
padding-left:25px;
}

.portfolio ul li a:hover,
.portfolio ul li a.activeLink {
display:block;
height:28px;
width:258px;
font:16px/27px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
font-weight:bold;
background:#f7ac2c url(../images/active_link_arrow.gif) no-repeat left;
padding-left:25px;
}

.portfolio_heading {
height:25px;
background:url(../images/portfolio_side_txt.gif) no-repeat left;
}

.portfolio_projects {
width:118px;
height:82px;
background:url(../images/website_back.jpg) no-repeat bottom;
float:left;
display:inline;
margin:10px 17px 0 0;
padding:9px 16px;
}

.portfolio_projects img {
width:118px;
height:76px;
border:0;
}

.logodesign {
width:180px;
height:76px;
background:url(../images/logodesignback.jpg) no-repeat;
float:left;
display:inline;
margin:10px 20px 0 0;
padding:12px 11px;
}

.logodesign img {
width:180px;
height:76px;
border:0;
}

.latest_project_screenshot {
background:url(../images/latest_project_back.jpg) no-repeat;
margin:10px 0 0 0;
padding:40px 38px;
}

.page_bottom {
border:6px solid #fafafa;
padding:5px 6px 0 6px;
}

.latest_news {
width:290px;
float:left;
padding:14px 0 0 0;
}

.latest_news p {
font:12px Arial, Helvetica, sans-serif;
color:#717171;
margin:12px 0 0 0;
text-align:justify;
}

.latest_news_heading {
height:22px;
background:url(../images/latest_news.gif) no-repeat left;
}

.latest_news_title {
width:215px;
float:left;
margin-top:25px;

}

.latest_news_title h2 {
font:14px/18px Arial, Helvetica, sans-serif;
color:#f7ac2c;
font-weight:bold;
}

.latest_news_title h2 a, 
.latest_news_title h2 a:hover, 
.latest_news_title h2 a:visited {
font:14px/18px Arial, Helvetica, sans-serif;
color:#f7ac2c;
font-weight:bold;
text-decoration:none;
}

.latest_news_date {
width:70px;
float:right;
font:18px/18px Arial, Helvetica, sans-serif;
color:#717171;
text-align:right;
margin-top:25px;
}

.case_studios {
width:290px;
float:left;
display:inline;
float:left;
margin-left:52px;
padding:14px 0 0 0;
}

.case_studios p {
font:12px Arial, Helvetica, sans-serif;
color:#717171;
border-bottom:1px solid #dcdcdc;
padding:0 0 10px 0;
margin:11px 0;
text-align:justify;
}

.case_studios a, .case_studios a:visited {
font:12px Arial, Helvetica, sans-serif;
color:#717171;
text-align:justify;
text-decoration:none;
}

.case_studios a:hover {
font:12px Arial, Helvetica, sans-serif;
color:#717171;
text-align:justify;
text-decoration:underline;
}

.case_studios_heading {
height:22px;
background:url(../images/case_studios.gif) no-repeat left;
margin-bottom:23px;
}

.request_quote {
width:276px;
float:right;
}

.request_quote_heading {
height:48px;
background:url(../images/request_a_quote.gif) no-repeat left;
margin-bottom:15px;
}

.frm {
padding:0 3px 0 9px;
}

.textbx {
height:17px;
border:2px solid #dcdcdc;
font:12px Arial, Helvetica, sans-serif;
color:#a1a1a1;
width:256px;
margin-bottom:14px;
padding:2px 0 0 5px;
background:#fafafa;
}

.txtarer {
height:51px;
border:2px solid #dcdcdc;
font:12px Arial, Helvetica, sans-serif;
color:#a1a1a1;
width:256px;
margin-bottom:11px;
padding:2px 0 0 5px;
background:#fafafa;
}

.request_quote_frm {
width:261px;
margin:0 auto;
}

.txtbtn {
float:right;
}

.bottom {
border:6px solid #1a1a1a;
padding:11px 8px 5px 8px;
background:#101010;
}

.our_clients {
width:630px;
float:left;
}

.our_clients_heading {
height:20px;
background:url(../images/our_clients.jpg) no-repeat left;
}

.clients_logo {
width:630px;
margin:20px 0 0 0;
}

.logo_image {
width:120px;
height:57px;
float:left;
display:inline;
margin-right:31px;
}

.logo_image img {
width:120px;
height:57px;
}

.catch_us_on {
width:316px;
float:right;
}

.catch_us_on_heading {
height:20px;
background:url(../images/catch_us_on.jpg) no-repeat left;
}

.social_logos {
margin:34px 0 0 0;
}

.social_logo_image {
width:98px;
height:55px;
margin-right:6px;
float:left;
display:inline;
}

.social_logo_image img {
width:98px;
height:55px;
}

.footer {
background:#252425;
padding:10px;
}

.footer p {
color:#717171;
font:11px Arial, Helvetica, sans-serif;
}

.footer a, .footer a:visited {
color:#717171;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
}

.footer a:hover {
color:#717171;
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.contact_txtar {
width:211px;
height:50px;
background:url(../images/contact_query_box.jpg) no-repeat;
border:none;
margin:9px 0 0 0;
font:12px Arial, Helvetica, sans-serif;
color:#209cba;
padding:5px 3px 0 5px;
}

.contact_btn {
width:63px;
height:30px;
float:right;
margin:9px 28px 0 0;
display:inline;
}

.conatct_text {
border:1px solid #3abcdb;
height:17px;
padding:2px 0 0 2px;
color:#a1a1a1;
font:12px Arial, Helvetica, sans-serif;
width:308px;
border:2px solid #dcdcdc;
}

.conatct_text_box {
border:2px solid #dcdcdc;
font:12px Arial, Helvetica, sans-serif;
color:#a1a1a1;
width:630px;
height:152px;
padding:2px 0 0 5px;
}

.contact_back {
background: url(../images/back_contact.jpg) no-repeat right;
text-align:right;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
padding:4px 5px 6px 0;
width:100px;
}

.pad_table {
padding-right:12px;
}

.address {
height:50px;
background:url(../images/home_contact.gif) no-repeat left;
margin:21px 0 0 0;
padding:0 0 0 65px;
font:12px/40px Arial, Helvetica, sans-serif;
color:#717171;
}

.phone {
margin:19px 0 0 0;
float:left;
width:180px;
height:50px;
padding:0 0 0 60px;
background:url(../images/phone_contact.gif) no-repeat left;
font:12px/40px Arial, Helvetica, sans-serif;
color:#717171;
}

.email {
margin:19px 0 0 0;
float:left;
width:180px;
height:50px;
padding:0 0 0 60px;
background:url(../images/email_contact.gif) no-repeat left;
font:12px/40px Arial, Helvetica, sans-serif;
color:#717171;
}

.email a, .email a:visited {
font:12px/40px Arial, Helvetica, sans-serif;
color:#717171;
text-decoration:none;
}

.email a:hover {
font:12px/40px Arial, Helvetica, sans-serif;
color:#717171;
text-decoration:underline;
}

.form_style {
}

.form_style p {
font:12px/18px Arial, Helvetica, sans-serif;
color:#717171;
margin:8px 0 0 0;
padding:0;
}

.events {
margin:15px 0 0 0;
}

.image_box_events {
width:278px;
float:left;
}

.big_event_image {
width:268px;
height:177px;
border:5px solid #f5f5f5;
}

.big_event_image img {
width:256px;
height:165px;
border:6px solid #fff;
}

.small_event_image {
width:278px;
margin:13px 0 0 0;
}

.smal_image_left {
width:126px;
float:left;
border:4px solid #f5f5f5;
margin-bottom:14px;
}

.smal_image_right {
width:126px;
float:right;
border:4px solid #f5f5f5;
margin-bottom:14px;
}

.smal_image_left img, 
.smal_image_right img {
border:4px solid #fff;
width:118px;
height:72px;
}

.banner {
padding:15px 0;
border-bottom:1px solid #ccc;
margin-right:20px;
}

.text_box_events {
width:350px;
float:left;
padding:15px;
background:url(../images/event_page_back.jpg) repeat-x top;
}

.text_box_events h3 {
font:20px Arial, Helvetica, sans-serif;
color:#f7ac2c;
}

ul.main_cat {
padding:0 0 30px 40px;
}

ul.main_cat li {
list-style:square;
margin:10px 0 0 0;
font:13px Arial, Helvetica, sans-serif;
color:#777;
font-weight:bold;
}

ul.main_cat li a,
ul.main_cat li a:visited {
font:13px Arial, Helvetica, sans-serif;
color:#777;
font-weight:bold;
text-decoration:none;
}

.ul.main_cat li a:hover {
font:13px Arial, Helvetica, sans-serif;
color:#777;
font-weight:bold;
text-decoration:underline;
}

ul.main_cat li ul {
padding:0 0 0 20px;
}

ul.main_cat li ul li {
list-style:lower-alpha;
margin:5px 0 0 0;
font:13px Arial, Helvetica, sans-serif;
color:#777;
font-weight:bold;
}

ul.main_cat li ul li a,
ul.main_cat li ul li a:visited {
font:13px Arial, Helvetica, sans-serif;
color:#777;
font-weight:bold;
text-decoration:none;
}

ul.main_cat li ul li a:hover {
font:13px Arial, Helvetica, sans-serif;
color:#777;
font-weight:bold;
text-decoration:underline;
}

ul.cse_std {
padding:0 0 0 20px;
}
ul.cse_std p {
padding:2px 0 0 10px;
}

ul.cse_std li {
font:12px Arial, Helvetica, sans-serif;
color:#717171;
margin:2px 0;
}

.formstyle{
font:13px/20px Arial, Helvetica, sans-serif;
color:#717171;
margin:30px 0;
}

.formtextbx {
height:17px;
border:2px solid #dcdcdc;
font:12px Arial, Helvetica, sans-serif;
color:#a1a1a1;
width:315px;
margin-bottom:14px;
padding:2px 0 0 5px;
background:#fafafa;
}
.formtxtarer {
height:71px;
border:2px solid #dcdcdc;
font:12px Arial, Helvetica, sans-serif;
color:#a1a1a1;
width:286px;
margin-bottom:11px;
padding:2px 0 0 5px;
background:#fafafa;
}
.optiontxt{
border:2px solid #dcdcdc;
font:12px Arial, Helvetica, sans-serif;
color:#a1a1a1;
width:325px;
margin-bottom:11px;
padding:2px 0 0 5px;
background:#fafafa;
}
.formstyle table p {
font:13px/20px Arial, Helvetica, sans-serif;
color:#717171;
padding:8px 0 6px 0;
text-align:justify;
font-weight:bold;
}
.formradio{
width:120px;
}
.formtbrows{
border:2px solid #dcdcdc;
font:12px Arial, Helvetica, sans-serif;
color:#a1a1a1;
margin-bottom:14px;
padding:2px 0 0 5px;
background:#fafafa;
}

.results_box {
width:596px;
background:url(../images/result_box_back.jpg) repeat-y;
margin-top:19px;
}

.results_box_top {
width:596px;
background:url(../images/result_box_top.jpg) no-repeat top;
}

.results_box_bottom {
background:url(../images/result_box_bottom.jpg) no-repeat bottom;
padding:10px 10px 50px 40px;
}

.results_box_bottom th {
font:14px Arial, Helvetica, sans-serif;
color:#1887bc;
text-transform:uppercase;
text-align:left;
font-weight:bold;
vertical-align:middle;
}

.results_box_bottom td {
font:12px Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
padding:4px 0;
}