@charset "utf-8";
/* CSS Document */
body {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 20px 0;
	background-color: #FFFFFF;
}
body#om { /* Only apply the background image on the body tag of OM, not on iframes. */
	background-color: #d1d1d2;
}
body#om img {
	float: left;
	
}
img {
	border: none;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #f28b0c;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #355D91;
}
strong {
	font-weight: bold;
}
.line18 {
	line-height: 18px;
}
.margin0 {
	margin: 0;
}
.main-wrapper {
	width: 992px;
	margin: 0 auto;
}
.top-container {
	width: 992px;
	height: 95px;
	background-image: url(../images/top-bg1.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 4px;
}
.top-container-home {
	width: 992px;
	height: 95px;
	background-image: url(../images/top-bg1.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 4px;
}
/*-----------------------------------------------------------------*/
/*--------------------------NAVIGATION-----------------------------*/
/*-----------------------------------------------------------------*/
div.logo {
	float: left;
	width: 186px;
	height: 94px;
	margin: 1px 0 0;
	background: url(../images/logo-bg.png) no-repeat;
}
div.logo img {
	margin: 4px 0 0 6px;
}
.navi-wrapper {
	width: 960px;
	margin: 0 10px 0 20px;
}
#navigation {
	list-style: none;
	margin: 1px 0 0;
	padding: 0;
	float: right;

}
#navigation li {
	  float: left;
}

#navigation a * {
	  display: none;
    	cursor: pointer;
}

#navigation a,
#navigation a .hover {
	height: 73px;
        position: relative;
        display: block;
        background: url(../images/navi-sprite.jpg) 0 0 no-repeat;
}
/*-----------------------------------------------------------------*/
/*------------------------- Dropdown Menu -------------------------*/
/*-----------------------------------------------------------------*/
#navigation li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 10;
}
#navigation li:hover ul {
	left: auto;
	color:#FFFFFF;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 200px;
}
#navigation li:hover ul li.drop-list {
	padding: 5px;
	border-bottom: 1px solid #4770a3;
	border-top: 1px solid #244b7d;
	width: 190px;
	display: block;
	background-color: #355e92;
}
#navigation li:hover ul li.first {
	padding: 5px;
	border-bottom: 1px solid #4770a3;
	width: 190px;
	display: block;
	background-color: #355e92;
}
#navigation li:hover ul li.last {
	padding: 5px;
	border-top: 1px solid #244b7d;
	width: 190px;
	display: block;
	background-color: #355e92;
}
#navigation li ul li {
	font-size: 11px;
}
#navigation #subnav a  {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	background-image: none;
	height: 14px;
}
#navigation #subnav a .hover{
	color: #00baff;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	background-image: none;
	height: 14px;
}
#navigation #subnav a:hover{
	color: #00baff;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	background-image: none;
	height: 14px;
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}
/*-----------------------------------------------------------------*/
/*--------------------individual navigation items------------------*/
/*-----------------------------------------------------------------*/
#navigation a.home {
	  background-position: 0 0;
	  width: 93px;
}
#navigation .highlight a.home:hover,
#navigation a.home .hover {
	  background-position: 0 -74px;
	  width: 93px;
}
#navigation a.services {
	  background-position: -206px 0;
	  width: 105px;
}
#navigation .highlight a.services:hover,
#navigation a.services .hover {
	  background-position: -206px -74px;
	  width: 105px;
}
#navigation a.past-work {
	  background-position: -311px 0;
	  width: 112px;
}
#navigation .highlight a.past-work:hover,
#navigation a.past-work .hover {
	  background-position: -311px -74px;
	  width: 112px;
}
#navigation a.about-us {
	  background-position: -93px 0;
	  width: 113px;
}
#navigation .highlight a.about-us:hover,
#navigation a.about-us .hover {
	  background-position: -93px -74px;
	  width: 113px;
}
#navigation a.tools {
	  background-position: -433px 0;
	  width: 117px;
}
#navigation .highlight a.tools:hover,
#navigation a.tools .hover {
	  background-position: -433px -74px;
	  width: 117px;
}
#navigation a.get-quote {
	  background-position: -550px 0;
	  width: 132px;
}
#navigation .highlight a.get-quote:hover,
#navigation a.get-quote .hover {
	  background-position: -550px -74px;
	  width: 132px;
}
/*-----------------------------------------------------------------*/
/*------------------------Banner area------------------------------*/
/*-----------------------------------------------------------------*/
.banner-container {
	width: 992px;
	height: 266px;
	margin: 0 auto;
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-y;
}
.banner-wrapper {
	width: auto;
	float: left;
}
.banner-project {
	float:right;
	height:255px;
	margin:0 0 0 50px;
	padding:0;
	width:598px;
}
.banner-project img{  
	height:  255px;  
    width:   598px;
    top:  0; 
    left: 0 
}
.banner-inside {
	width: 992px;
	height: 80px;
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-y;
	margin: 0 auto;
}
.banner-text {
	float: left;
	width: 280px;
	margin: 15px 0 0 30px;
/*	text-shadow: 2px 2px 2px #000;*/
}
.banner-text p, .banner-text span {
	margin: 10px 0;
}
.banner-text .font1 {
	font-size: 13px;
	color: #999999;
	font-weight:bold;
	line-height: 18px;
}
.banner-text .font2 {
	font-size: 20px;
	color: #333333;
	font-weight:bold;
	line-height: 25px;
}
.med-font {
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
}
.banner-text a * {
	  display: none;
}
.banner-text a,
.banner-text a .hover {
	height: 55px;
        position: relative;
        display: block;
        background: url(../images/btn-learn-more-sprite.jpg) 0 0 no-repeat;
}
.banner-text a.learn-more {
	  background-position: 0 0;
	  width: 151px;
}
.banner-text a.learn-more:hover,
.banner-text a.learn-more .hover {
	  background-position: 0 -55px;
	  width: 151px;
}
.title-header {
	font-size: 32px;
	font-weight: bold;
	color: #f28b0c;
	text-shadow: 2px 2px 2px #333333;
	display: block;
	margin: 15px 0 0 30px;
}
/*-----------------------------------------------------------------*/
/*-----------------------content area------------------------------*/
/*-----------------------------------------------------------------*/
.content-container {
	width: 992px;
	height: auto;
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-y;
	float: left;
}
.content {
	float: left;
	padding: 0 10px;
	width: 940px;
	background-color: #ffffff;
	margin: 0 16px;
}
.home-services-first {
	float: left;
	width: 290px;
	height: 180px;
	border-right: 1px solid #d8d8d8;
	padding: 0 10px;
	margin-bottom: 10px;
	text-align: justify;
}
.home-services {
	float: left;
	width: 290px;
	height: 180px;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #f7f7f7;
	padding: 0 10px;
	margin-bottom: 10px;
	text-align: justify;
}
.home-services-last {
	float: left;
	width: 290px;
	height: 180px;
	border-left: 1px solid #f7f7f7;
	padding: 0 10px;
	margin-bottom: 10px;
	text-align: justify;
}
.home-services img, .home-services-last img, .home-services-first img {
	margin-right: 10px;
}
.home-services-first p, .home-services p, .home-services-last p, .home-contact p {
	margin-top: 10px;
}
.service-container .title {
	margin: 0 0 15px 0;
	width: 440px;
}
.title {
	font-size: 18px;
	font-weight: normal;
	color: #355d91;
	text-align: left;
	display: block;
	margin-top: 0;
}
.title1 {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}
.title2 {
	font-size: 15px;
	font-weight: bold;
	color: #40352b;
	text-align: left;
	display: block;
	margin: 15px 0 0 10px;
	float: left;
}
.title3 {
	font-size: 15px;
	font-weight: bold;
	color: #40352b;
	text-align: left;
	display: block;
	margin: 7px 0 0 10px;
	float: left;
}
.title4 {
	font-size: 18px;
	font-weight: normal;
	color: #40352b;
	text-align: left;
	display: block;
	margin: 10px 0 0 10px;
}
/*.services-list {
	float: left;
	padding: 5px 10px 5px 2px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	margin-left: 5px;
	width: 295px;
}*/
.services-list {
	float: left;
	padding: 8px 5px 5px 5px;
	margin-left: 5px;
	width: 304px;
	height: 57px;
	background-image: url(../images/service-button-bg.png);
	background-repeat: no-repeat;
}
.services-list a{
	color: #40352b;
	font-weight: bold;
}
.services-list a:hover{
	color: #f28b0c;
	font-weight: bold;
}
.team-first {
	border-bottom: 1px solid #cccccc;
	float: left;
	padding: 5px;
}
.team {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	float: left;
	padding: 5px;
}
.team-last {
	border-top: 1px solid #ffffff;
	float: left;
	padding: 5px;
}
/*-----------------------------------------------------------------*/
/*--------------------Services overview----------------------------*/
/*-----------------------------------------------------------------*/
.service-container {
	width: 645px;
	float: left;
	overflow:hidden;
}
#myController {
	width: 196px;
	position: absolute;
	z-index:10;
	padding: 2px 0;
}
#myController span{
	display: inline-block;
	height: 27px;
	width: 191px;
	margin:2px 0 0 0;
	padding:0;
	background-image: url(../images/tab-inactive.png);
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
	color: #40352b;
	font-size: 13px;
	padding: 10px 0 0 5px;
}
#myController span.jFlowSelected {
	background-image: url(../images/tab-active.png)!important;
	color: #355d91;
	font-weight: bold;	
}
#jFlowSlide{
	width: 480px;
	height: 330px!important;
	position: relative;
	left: 163px;
	padding: 10px 0;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #d7d7d7;
}
.jFlowPrev, .jFlowNext{
	cursor:pointer;
}
.service-cont {
	margin: 0 20px 0 20px;
	line-height: 18px;
	float: left;
	height: 330px;
}
.service-cont p {
	margin-bottom: 10px;
	line-height: normal;
}
.long-text {
	padding: 1px 0 0 5px!important;
	height: 36px!important;
}
.service-container ul {
	margin: 0 0 0 20px;
	float: left;
	width: 420px;
}
.service-cont ul li {
	list-style-image: url(../images/bullet.gif);
	margin: 1px 0 1px 20px;
}
/*-----------------------------------------------------------------*/
/*------------------------Inside Content---------------------------*/
/*-----------------------------------------------------------------*/
.inside-content, .inside-content-clients {
	width: 645px;
	float: left;
	margin-bottom: 20px;
	line-height: 18px;
}
.inside-content p, .inside-content-clients p{
	margin: 5px 20px;
	float: left;
	width: 95%;
}
.inside-content #jFlowSlide{
	width: 480px;
	height: 375px!important;
	position: relative;
	left: 163px;
	padding: 10px 0;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #d7d7d7;
}
.inside-content .long-text {
	padding: 0 0 0 5px!important;
	height: 37px!important;
}
.inside-content-clients #jFlowSlide{
	width: 480px;
	height: 580px!important;
	position: relative;
	left: 163px;
	padding: 10px 0;
	overflow:hidden;
	background-color: #FFFFFF;
	border: 1px solid #d7d7d7;
}
.inside-content-clients #jFlowSlide img {
	border: 3px solid #c7beb7;
}
.inside-content-clients .long-text {
	padding: 0 0 0 5px!important;
	height: 37px!important;
}
.inside-content object {
	border: 2px solid #CCCCCC;
	float: left;
	padding: 5px;
	margin: 10px 100px;
}
.learnmore{
	float: right;
	width: 440px;
	margin-top: 10px;
}
.learnmore img {
	float: right!important;
	margin-right: 20px;
}
p.testi {
	padding: 3px 10px;
	background-color: #d9d9d9;
	border: 1px solid #cccccc;
	color: #000000;
	font-weight: normal;
	font-style: italic;
	width: 90%;
}
.inside-content li {
	list-style-image: url(../images/bullet.gif);
}
.client-desc {
	font-size: 11px;
	line-height: 15px;
	display: block;
	margin-top: 10px;
	float: left;
}
.inside-content  ol,  .inside-content  ul{
	margin-left: 50px;
}
.inside-content  ol li {
	list-style-image: none;
	list-style-type: decimal;
}
.sample-work {
	background-color: #d9d9d9;
	border: 1px #cccc solid;
	float: left;
	margin: 10px 10px 10px 20px;
}
.sample-work img {
	float: left;
	margin: 10px;
}
.services-icon {
	margin: 0 20px 20px 0;
}
.btn-request-quote {
	margin-top: 10px;
}
.wallpaper {
	border: 2px solid #CCCCCC;
	padding: 5px;
	margin: 10px;
	float: left;
}
/*-----------------------------------------------------------------*/
/*----------------------Home Contact-------------------------------*/
/*-----------------------------------------------------------------*/
.home-contact {
	width: 275px;
	float: right;
}
.contact-quote {
	display: block;
	float: left;
}
.home-contact a * {
	  display: none;
}
.home-contact a,
.home-contact a .hover {
	height: 80px;
        position: relative;
        display: block;
        
}
.home-contact a.request-quote {
	  width: 244px;
	  background: url(../images/request-quote-sprite.png) 0 0 no-repeat;
}
.home-contact a.request-quote,
.home-contact a.request-quote:hover,
.home-contact a.request-quote .hover {
	  width: 244px;
      background: url(../images/request-quote-sprite.png) 0 -80px no-repeat;
}
.home-contact a.request-contact {
      background-position: 0 0;
      width: 236px;
}
.home-contact a.request-contact,
.home-contact a.request-contact:hover,
.home-contact a.request-contact .hover {
      background-position: 0 -80px;
      width: 250px;
      background: url(../images/email-us.png) 0 0 no-repeat;
}
/*-----------------------------------------------------------------*/
/*-----------------------------Footer------------------------------*/
/*-----------------------------------------------------------------*/
.footer-container {
	width: 972px;
	height: 70px;
	background-image: url(../images/footer-bg.png);
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 20px 0;
	padding: 5px 10px 10px 10px;
}
.newsletter {
	float: left;
	width: 350px;
	height: 48px;
	margin-left: 25px;
}
.newsletter img{
	margin-right: 10px;
}
.newsletter form{
	float: left;
}
.email {
	margin: 5px 5px 5px 0;
	float: left;
	display: inline;
	height: 22px;
}
.subscribe {
	margin-top: 3px;
	float: left;
	display: inline;
}
.footer-links {
	float: right;
	text-align: right;
	color: #FFFFFF;
	line-height: 24px;
	margin: 5px 25px 0 0;
}
.footer-links a{
	color: #FFFFFF;
	font-weight: normal;
}
.footer-links a:hover{
	color: #F28B0C;
	font-weight: normal;
}
.copyright {
	display: block;
	float: right;
	background-image: url(../images/logo-sml.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 55px;
}

/*-----------------------------------------------------------------*/
/*--------------------Contact Form / Tool Form---------------------*/
/*-----------------------------------------------------------------*/
#contactForm, .toolForm {
	width:500px;
	margin: 30px auto 0 auto;
	float: left;
	
}
#contactForm label, .toolForm label{
	width:160px;
	display:block;
	text-align:right;
	float:left;	
	margin:0px 20px 0;
}
#contactForm input{
	
}
p#success
{
	padding: 3px 10px;
	background: #92FFA5;
	border: 2px solid #009218;
	color: #009218;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

p#bademail, p#badserver,p#noname,p#nocomment,p#nowebsite,p#nophone,p#baddata, p#wrongcode, #thankyou
{
	padding: 3px 10px;
	background: #d6f3ff;
	border: 1px solid #00b4ff;
	color: #00b4ff;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
#nameinput, #emailinput, #subjectinput, #websiteinput,
#companyinput, #phoneinput, #howinput, .input-bg {
	background-image: url(../images/input-bg.png);
	border: none;
	width: 265px;
	height: 21px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 3px 3px 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height:18px;
}
.input-bg {
	background-image: url(../images/input-bg.png);
	border: none;
	width: 265px;
	height: 25px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 3px 3px 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height:18px;
}
#budget {
	background-image: url(../images/input-bg.png);
	border: none;
	width: 265px;
	height: 26px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
}
#budget option {
	color: #000000;
}
#commentbox {
	background-image: url(../images/comment-bg.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: transparent;
	background-position: 0 0;
	width: 257px;
	height: 150px;
	border: none;
	padding: 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}
#commentinput{
	width: 250px;
	height: 143px;
	border: none;
	padding: 3px 0 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;

}
#submitinput {
	float: right;
	margin-right: 80px;
}
#submitinput:focus{
	border:none;
	
}
.submitinput {
	background:url('../images/btn-send.png') no-repeat;
	width:88px;
	height:28px;
	border:none;
	float: right;
	margin-right: 80px;
    cursor:pointer;
}

/*-----------------------------------------------------------------*/
/*-----------------------------SEO-Tools---------------------------*/
/*-----------------------------------------------------------------*/

.seo-tool {

}


.seo-tool h3{
	text-align:center;
}

.seo-tool .align-right{
	text-align:right;
	margin-right: 60px;
}




/*-----------------------------------------------------------------*/
/*-------------------------Utilities-------------------------------*/
/*-----------------------------------------------------------------*/

.align-center {
	text-align:center;
	display:block;
	clear:both;
}
.clear {
	clear:both;
}

/*-----------------------------------------------------------------*/
/*--------------------------Glossary-------------------------------*/
/*-----------------------------------------------------------------*/

#glossary .letters a {
    font-size:14px;
}

#glossary h3 {
    font-size:14px;
    font-weight:bold;
    margin: 0 10px;
	float: left;
}

#glossary dl {
    margin:10px;
    border-color:#FFFFFF #CCCCCC #CCCCCC #FFFFFF;
    border-style:solid;
    border-width:1px;
    padding:5px 10px;
	float: left;
}
#glossary dt {
   color:#40352B;;
   font-size:14px;
   font-weight:bold; 
   margin:5px 0;
}
#glossary dd {
   margin-left:20px; 

}