@font-face{font-family: "UbuntuTitling-Bold";src: url(../../includes/font/UbuntuTitling-Bold.ttf) format("truetype");}

html,body,h1,h2,h3,h4,h5{margin: 0px;padding: 0px;border: 0;}
body{background-color: #FFF;font-size: 12.5px;color: #65696E;line-height: 22px;font-family: "Lucida Sans Unicode" , "Lucida Grande" , sans-serif;}
a img, a:hover img{border: none;}
a{color: #0083BE;text-decoration: none;}
a:hover{color: #0083BE;text-decoration: none;}

.wrapper{width: 960px;margin:0 auto;text-align: left;}
.headerline{padding:20px 0 0 0;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:15px;}

#single-wrapper {width: 100%;height: 353px;background: url('../../images/carousel-bg.png') no-repeat top center;padding-top:8px; text-align:center;}
#single-wrapper img{width: 960px;margin:0 1px 0 0;}

.ContentWrap ul{float:left; width:100%; padding: 20px 0; margin:0 0 40px 0; border:solid 1px #EAEAEA; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;display:block;}
.ContentWrap ul li{width: 284px;float: left;display: block;padding:0 18px;margin:0;border-right: dashed 1px #CDCDCD;}
.ContentWrap ul li.last{width: 284px;float: left;display: block;margin: 0px;padding: 0 0 0 18px;border:none}
.ContentWrap ul li p{margin:10px 0 0 0;}
.ContentWrap ul li a,.ContentWrap ul li a:hover{float:right;text-decoration:none;color:#00A8E3;}




.ExpertArea ul{float:left; width:100%; padding:0; margin:0 0 40px 0;}
.ExpertArea ul li{width: 284px;float: left;display: block;padding:0 18px;margin:0;}

.LeftNav{float:left; width:284px; }
.Content{float:left; width:100%; margin-bottom:40px;}
.Content h3{width:100%; margin-bottom:20px;}
.Content img{float:left; margin-right:30px; padding-top:50px;}
.Content .HowWorks{float:right; width:530px;}
.Content h4{margin:15px 0 0 0; color:#0083BE;}

.Brochure{background: url( '../../images/e-broucher-digital.png' ) no-repeat 0 0;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}
.Brochure span.buttonhover{background: url( '../../images/e-broucher-digital.png' ) no-repeat 0 -83px;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}

.Webdesign{background: url('../../images/ad-web-design.png') no-repeat 0 0;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}
.Webdesign span.buttonhover{background: url( '../../images/ad-web-design.png' ) no-repeat 0 -84.5px;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}


.eCommerce{background: url('../../images/ad-E-commerce.png') no-repeat 0 0;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}
.eCommerce span.buttonhover{background: url( '../../images/ad-E-commerce.png' ) no-repeat 0 -84.5px;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}

.Logo{background: url('../../images/Logo-ad.png') no-repeat 0 0;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}
.Logo span.buttonhover{background: url( '../../images/Logo-ad.png' ) no-repeat 0 -84.5px;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}

.Application{background: url('../../images/web-apllication-ad.png')no-repeat 0 0;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}
.Application span.buttonhover{background: url( '../../images/web-apllication-ad.png' ) no-repeat 0 -84.5px;display: block;height: 62.5px;text-indent: -9999px;width: 284px;}

#Slogan{float:left; color:#647F92; text-align:center; width:100%; font-family:"UbuntuTitling-Bold"; font-size:37px; font-weight:bold; margin:20px 0;}
/*#Slogan a{float:right;padding-top:0;margin-top:-18px;}*/
#Slogan a, #Slogan a:hover{color:#82A81D; text-decoration:none;}

.intouch-button{background: url( '../../images/getintouch.gif' ) no-repeat 0 0;display: block;height: 60px;text-indent: -9999px;width: 226px;float: right;}
.intouch-button span.buttonhover{background: url( '../../images/getintouch.gif' ) no-repeat 0 -69px;display: block;height: 60px;text-indent: -9999px;width: 226px;float: right;}

#Testimonials{float:left; width:275px; height: 340px; padding:18px; border:dashed 1px #CDCDCD; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;margin-bottom:20px;}
#Testimonials p{background:#FFF url(../../images/twitter-quote.png) no-repeat top left; text-indent:40px}
#Testimonials p span{font-weight:bold; margin-top:15px;}
#Container{float:left; margin-left:40px; width:589px; height:360px; border:solid 9px #CDCDCD; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;margin-bottom:20px; }

.LeftPanel{float:left; width:460px; margin-right:40px; margin-bottom:40px;}
.RightPanel{float:right; width:460px;margin-bottom:40px;}
.LeftPanel ul, .RightPanel ul, .Content ul{margin: 18px 0; padding:0;}
.LeftPanel ul li, .RightPanel ul li, .Content ul li{ list-style-type:none; margin-bottom:6px; background:#FFF url(../../images/edit-redo.png) no-repeat 0 4px; text-indent:20px;}
.LeftPanel h3 a,.RightPanel h3 a, .LeftPanel h3 a:hover,.RightPanel h3 a:hover{color: #65696E; text-decoration:none;} 

.Features{width:100%; float:left;margin-bottom:20px;}
.Features h3{margin-bottom:20px;}
.Features ul{margin:0;padding:0;}
.Features ul li{float:left; width:217px; height:385px; list-style-type:none; margin-right:30px; margin-bottom:20px;}
.Features ul li img{margin:10px 0;}
.Features ul li.last{margin-right:0;}

.WhatNext{float:left; width:930px; border: dashed 1px #CDCDCD; padding:15px;margin-bottom:40px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.WhatNext span{float:left; width:590px; margin:5px 0; font-family:"UbuntuTitling-Bold"; font-size:18px; font-weight:bold; line-height:22px;}
.WhatNext div{float:right; width:300px; height:50px; background:#FFF url('../../images/whatnext.png')no-repeat 0 0; padding:5px 15px; text-align:center;}
.WhatNext div:hover{float:right; width:300px; height:50px; background:#FFF url('../../images/whatnext.png')no-repeat 0 -62px; padding:5px 15px; text-align:center;}
.WhatNext div a:hover{color:#82A81D;}

/***************************************************
			  PORTFOLIO
***************************************************/
#Intro_Display{float:left; height: 370px; width: 280px; overflow: hidden;}
#Intro_Display_infoholder, #Image_Display_infoholder{height: 370px; width: 10000px; margin: 0; padding: 0; overflow: hidden;}
#Intro_info{float:left; width: 280px;height: 370px; text-align:left;}
#Image_Display{float:left; height: 378px; width: 638px; padding: 5px 0 5px 5px; margin-left:30px; overflow: hidden; background: #FFF url('../../images/portfolio-bg.jpg') no-repeat 0 0;}
#Image_Display img{margin-right:6px;}
#Intro_info h3{margin-top:5px;}
#Intro_info span{float:left; margin-top:15px; width:280px;}
#Intro_info span a{color: #65696E; text-decoration:underline;}
#Intro_info span a:hover{color: #65696E; text-decoration:none;}
#Intro_info .Next{float:right; margin:20px 0;} 
#Intro_info .Next:hover, #Intro_info .Previous:hover{color:#82A81D;}
#Intro_info .Previous{float:left; margin:20px 0;}


/***************************************************
			JQUERYSLIDEMENU
***************************************************/
.jqueryslidemenu{z-index: 1000;width: 960px;margin-right: auto;margin-left: auto; margin-bottom: 50px;padding: 0;position: relative; font-family:Arial, Helvetica, sans-serif;}
.jqueryslidemenu ul{margin: 0px;list-style-type: none;padding: 0px;float: left;position: absolute;}
.jqueryslidemenu ul li{float: left;position: relative;}
.jqueryslidemenu ul li a.last{float: left;position: relative;background-image: none;}
.jqueryslidemenu ul li a{color: #575757;text-decoration: none;text-align: left;float: left;font-size: 18px;font-weight: bold;text-shadow: 2px 2px 0 #EAEAEA;padding: 10px 25px 5px 0;}
.jqueryslidemenu ul li a.current{color: #82A81D;background-repeat: no-repeat;}
* html .jqueryslidemenu ul li a{/*IE6 hack to get sub menu links to behave correctly*/}
.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a.hover{text-decoration: none;color: #82A81D;}
.jqueryslidemenu li a strong{display: block;font-weight: normal;font-size: 15px;}
.jqueryslidemenu li a span{display: block;font-size: 10px;margin: 0px;padding: 0px;}
.jqueryslidemenu ul li ul{display: block;background-color: #f5f5f5;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);border: Solid 1px #dadada;border-top-style: none;padding: 2px;width: 190px;}
.jqueryslidemenu ul li ul li{display: block;list-style: none;margin: 0px;float: left;padding: 0px;}
.jqueryslidemenu ul li ul li a{font-size: 12px;display: block;text-align: left;color: #666666;text-shadow: 1px 1px 0 #fff;float: left;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-image: none;width: 176px;padding-top: 6px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;}
.jqueryslidemenu ul li ul li ul{-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 0px;left: 33px;}
.jqueryslidemenu ul li ul li a:hover{/*sub menus hover style*/background-color: #e5e5e5;}
.jqueryslidemenu ul li:hover{background-image: url(../../images/arrow-up.gif);background-repeat: no-repeat;background-position: center bottom;}
.jqueryslidemenu ul li ul li:hover{background-image: none;}


/**************************************************
        Inner Page Navigation
**************************************************/
.InnerNav{width:100%; float:left; margin-bottom:30px;}
.InnerNav ul{margin: 0px;list-style-type: none;padding: 0px;float: left;}
.InnerNav ul li{float:left; margin:0 30px 0 0; font-size: 14px;}
.InnerNav ul li a{color: #65696E; text-decoration:none;}
.InnerNav ul li a:hover{color: #65696E; text-decoration:underline;}
.InnerNav ul li.selected a,.InnerNav ul li.selected a:hover {color:#0083BE;text-decoration:none;}


/**************************************************
        Footer
***************************************************/
#footer_top_border{float:left; margin-top:20px;width: 100%;height: 8px;background: #FFF url(../../images/tbottom.gif) repeat-x bottom left;}
#footer{width: 100%;padding: 0;margin: 0;background: #FFF url(../../images/bg-bottom.gif) repeat left top;float: left;color: #024B6F;}
#footer .boxes_holder{width: 960px;margin-right: auto;margin-left: auto;overflow: hidden;background-image: url(../../images/footer-boxes-holder.png);background-repeat: no-repeat;background-position: center top;padding-top: 20px;padding-bottom: 20px;}
#footer h1{font-size: 22px;color: #FFFFFF;padding: 0px;font-weight: normal;border-bottom-width: 1px;border-bottom-style: none;border-bottom-color: #65696E;margin:0 0 25px 0;}
#footer ul{margin: 0px;list-style-type: none;padding: 0px;}
#footer ul li{margin: 0px;width: 100%;float: left;padding: 5px 0px;border-top: Dotted 1px #006591;}
#footer ul li a{color: #024B6F;text-decoration: none;padding-left: 10px;padding-bottom: 4px;float: left;}
#footer ul li a:hover{text-decoration: none;color: #FFFFFF;}
#footer .posts li{padding-bottom: 8px;border-top-style: none;}
#footer .posts li a{text-transform: uppercase;background-image: none;font-weight: normal;}
#footer .posts li .date{border-top-color: #006591;border-right-color: #00A4EA;border-bottom-color: #00A4EA;border-left-color: #006591;display: block;top: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;float: left;height: 58px;width: 58px;border-width: 1px;border-style: solid;}
#footer .posts li .date span{display: block;padding-top: 5px;font-size: 9px;text-transform: uppercase;letter-spacing: 0.5em;text-align: center;}
#footer .posts li .date strong{display: block;font-size: 22px;font-weight: normal;letter-spacing: -0.02em;text-align: center;}
#footer .posts li .title{margin-left: 70px;padding-top: 0px;}
.four-even{margin-right: 30px;width: 210px;float: left;}
.four-even p a{padding-left: 2px;color: #024B6F;}
.four-even p a:hover{padding-left: 2px;color: #FFFFFF;}
.four-even last{margin-right: 0;}
.four-even h2{color: #FFF; margin-bottom:20px;}

/***************************************************
				TWITTER
***************************************************/
.my_bottom{float: left;margin-top: 25px;width: 925px;color: #FFF;}
.my_bottom a{color: #FFF;text-decoration: none;padding: 6px 8px;}
.my_bottom a:hover{color: #FFF;text-decoration: underline;padding: 6px 8px;}
dl{width: 222px;padding-bottom: 8px;}
dt{margin: 0;padding: 0px 0px 5px 0px;font-size: 17px;font-weight: bold;color: #0083BE;border-bottom: 1px solid #0083BE;text-align: center;}
dd{margin: 0;padding: 3px;font-size: 14px;font-weight: bold;color: #0083BE;border-bottom: 1px solid #0083BE;text-align: left;}
dd a{font-size: 14px;color: #000000;text-decoration: none;}
dd a:hover{font-size: 14px;color: #82A81D;text-decoration: none;}

/* Contact Us */
.ContactWrapper{float:left; width:27.8em; margin-left:27px;}

.Location{float:right; width:535px; height:526px; background:#FFF url('../../images/location-map.png') no-repeat 0 0;}
.Location div{padding:20px;color:#000;font-weight: bold;text-shadow: 2px 2px 0 #EAEAEA;}

/* Advertise Logo */
.AdLogo{float:right; width:300px;padding:20px;}
.AdLogo div ul li a{float:right;margin-right:0;}
.AdLogo ul li{padding-bottom:25px;}
.AdLogo ul li{ list-style:none;display:block;}

/* Contact Us */
.contact-us .txtBox{padding:10px;border:1px solid #E8E8E8;background-color:white;width: 25em;color:#333333;}
.contact-us p span{margin:0px;padding:0px;}
.contact-us textarea{width: 30em;padding:10px;border:1px solid #E8E8E8;background-color:White;color:#ccc;}
.contact-us .TextBox700{border: 1px solid #E8E8E8;font-size: 12px;color:#ccc;height:19px;width: 27.8em;padding:10px;}
.contact-us .Dropdown120{border: 1px solid  #E8E8E8;font-size: 12px;color: #333333;width: 29.5em;padding:10px;}
.contact-us .submit{position:relative;left:0px;border:none;width:96px;height:35px;background-color:transparent;}
.red{color:red;font-weight:700;}
.contact-us .form-col1 {color:#666;width:200px;display:block;text-align:left;padding-right:10px;}
.contact-us .CheckListBox{color:#666;display:block;text-align:left;padding-right:10px;border:solid 1px #E8E8E8;width:345px;font-weight:bold;font-size:11.5px;}
.contact-us .CheckListBox label{padding-left:2px;}
.message {color: #65696E;display:none;width:460px;padding:10px; margin-bottom:10px;}
.message div{color:red;margin-bottom:5px;}

.Submit{background: url('../../images/Submit.jpg')no-repeat 0 0;display: block;height: 38px;text-indent: -9999px;width: 120px;}
.Submit:hover{background: url('../../images/Submit.jpg')no-repeat 0 -40px;display: block;height: 38px;text-indent: -9999px;width: 120px;}

/* SiteMap */
.SiteMap{float:left; width:27.8em; margin-left:27px;}
.SiteMap ul li {margin-top:5px;list-style:none;display:block;}
.SiteMap ul li ul{padding-left:30px;margin-top:2px;}
.SiteMap ul li ul li{margin-top:2px;list-style:none;display:block;}
.SiteMap ul li ul li ul{padding-left:30px;margin-top:2px;}
.SiteMap ul li ul li ul li{margin-top:2px;list-style:none;display:block;}