@charset "utf-8";
/* CSS Document */


body {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

div#navigationbg {
width: 100%;
background-color: #000000;
height: 83px;
border-bottom: solid 3px #444444;
}

div#navigation {
width: 940px;
height: 83px;
margin-left: auto;
margin-right: auto;
}

.clearit {
clear: both;
}
div#logo {
width: 275px;
height: 83px;
float: left;
display: inline;
}

div#logo img {
margin-top: 30px;
}

div#navbutton-holder {
width: 608px;
height: 57px;
float: left;
display: inline;
margin-top: 24px;
margin-left: 52px;
}

div#homebutton {
height: 58px;
width: 93px;
background-image: url(../images/home_btn.png);
float: left; 
display: inline;
}

div#aboutusbutton {
height: 58px;
width: 112px;
background-image: url(../images/aboutus_btn.png);
float: left; 
display: inline;
margin-left: 12px;
}

div#servicesbutton {
height: 58px;
width: 113px;
background-image: url(../images/services_btn.png);
float: left; 
display: inline;
margin-left: 12px;
}

div#portfoliobutton {
height: 58px;
width: 112px;
background-image: url(../images/portfolio_btn.png);
float: left; 
display: inline;
margin-left: 12px;
}

div#contactusbutton {
height: 58px;
width: 130px;
background-image: url(../images/contactus_btn.png);
float: left; 
display: inline;
margin-left: 12px;
}

div#headerbg {
width: 100%;
height: 403px;
background-image:url(../images/headbg.jpg);
background-repeat: no-repeat;
background-position: center;
}

div#headerbgsub {
width: 100%;
height: 235px;
background-image:url(../images/headbgsub.jpg);
background-repeat: no-repeat;
background-position: center;
}

div#header-holder {
width: 940px;
height: 403px;
margin-left: auto;
margin-right: auto;
}

div#header-holder img {
margin-top: 40px;
}

div#header-text {
width: 458px;
height: 158px;
float: left;
display: inline;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 13px;
margin-top: 11px;
}

div#portfolio {
width: 429px;
height: 252px;
float: right;
display: inline;
margin-right: 18px;
margin-top: 50px;
}

div#quoteup {
height: 39px;
width: 189px;
background-image: url(../images/quote_up.png);
background-position: bottom;
float: left; 
display: inline;
}

div#midbg {
width: 100%;
height: 313px;
background-image: url(../images/midbg.png);
background-repeat: repeat-x;
background-color: #393939;
}

div#midbgsub {
width: 100%;
background-image: url(../images/midbgsub.png);
background-repeat: repeat-x;
background-color: #2c2c2c;
}

div#mid-holder {
width: 940px;
height: 323px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/big_transbg.png);
background-repeat: no-repeat;
}

div#mid-holdersub {
width: 940px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/big_transbg.png);
background-repeat: no-repeat;

}

div#welcomeparagraph {
width: 595px;
height: 257px;
float: left;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FFFFFF;
margin-top: 4px;
padding: 3px;
margin-left: 10px;
}

div#welcomeparagraphsub {
width: 550px;
float: right;
margin-right: 40px;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FFFFFF;
margin-top: 15px;
margin-bottom: 35px;
}

div#welcomeparagraphport {
width: 940px;
margin-left: auto;
margin-right: auto;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FFFFFF;
margin-top: 15px;
margin-bottom: 35px;
}

h1 {
margin-bottom: 0px;
padding-bottom: 0px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 19px;
color: #0399d5;
font-weight: normal;
line-height: 14px;
margin-top: -4px;
}

h2 {
margin-bottom: 0px;
padding-bottom: 0px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 19px;
color: #a5a5a5;
font-weight: normal;
line-height: 19px;
margin-top: -4px;
}

h3 {
margin-bottom: 0px;
padding-bottom: 0px;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #a5a5a5;
font-weight: normal;
line-height: 14px;
margin-top: -3px;
}

div#intouch {
width: 312px;
height: 200px;
float: right;
display: inline;
background-image: url(../images/intouch.png);
background-repeat: no-repeat;
margin-top: -10px;
background-position: 24px 0px;
padding-top: 112px;
}

div#leftcol {
width: 314px;
float: left;
display: inline;
}

div#intouchsub {
width: 312px;
height: 200px;
float: left;
display: inline;
background-image: url(../images/intouch.png);
background-repeat: no-repeat;
margin-top: -30px;
background-position: 24px 0px;
padding-top: 112px;
}

.icon {
margin-top: 5px;
}

.arrowbtn a {
width: 238px;
height: 31px;
float: left;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
line-height: 31px;
padding-left: 80px;
text-decoration: none;
}
.arrowbtn a:hover {
width: 238px;
height: 31px;
float: left;
display: inline;
background-image:url(../images/arrowg_hover.png);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
line-height: 31px;
padding-left: 80px;
text-decoration: none;
}

.arrowbtnup a {
width: 238px;
height: 31px;
float: left;
display: inline;
font-family: Arial, Helvetica, sans-serif;
background-image:url(../images/arrow_hover.png);
background-repeat: no-repeat;
font-size: 12px;
color: #000000;
line-height: 31px;
padding-left: 80px;
text-decoration: none;
font-weight: bold;
}
.arrowbtnup a:hover {
width: 238px;
height: 31px;
float: left;
display: inline;
background-image:url(../images/arrow_hover.png);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
line-height: 31px;
padding-left: 80px;
text-decoration: none;
text-decoration: none;
font-weight: bold;
}

.arrowbtn img {
vertical-align: middle;
padding-right: 10px;
margin-bottom: 4px;
padding-top: 10px;
}

.arrowbtnup img {

padding-right: 10px;
padding-top: 10px;
margin-top: 5px;
}

div#lowerbg {
height: 224px;
width: 100%;
background-image: url(../images/lower.png);
background-repeat: repeat-x;
}

div#lower-holder {
height: 214px;
width: 940px;
margin-left: auto;
margin-right: auto;
}

div#dropusaline {
padding-top: 10px;
padding-left: 10px;
height: 195px;
width: 245px;
float: left;
display: block;
}

div#dropusaline img {
padding-top: 20px;
padding-right: 20px;
}

div#dropusaline p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}

div#formbox {
width: 352px;
height: 132px; 
float: left;
display: block;
margin-top: 55px;
margin-left: 20px;
}


.textfield {
border: 1px solid #1d1d1d;
background-color: #2f2f2f;
width: 151px;
height: 22px;
margin-bottom: 11px;
float: left;
display: block;
color: #999999;
font-size: 12px;
}

div#intouch img {
padding-top: 0px;
margin-top: 0px;
float: left;
display: inline;
padding-bottom: 0px;
margin-bottom: 0px;
}

div#intouchsub img {
padding-top: 0px;
margin-top: 0px;
float: left;
display: inline;
padding-bottom: 0px;
margin-bottom: 0px;
}


.textarea {
border: 1px solid #1d1d1d;
background-color: #2f2f2f;
width: 181px;
height: 58px;
margin-bottom: 13px;
float: left;
display: block;
color: #999999;
font-size: 12px;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}

div#twitter {
width: 267px;
height: 214px; 
float: left;
display: block;
margin-left: 35px;
border-left: 1px solid #1d1d1d;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
padding-top: 10px;
padding-left: 10px;
}

div#tweet {
width: 156px;
height: 87px;
position: absolute; 
z-index: 200;
background-image: url(../images/tweet.png);
background-repeat: no-repeat;
margin-top: -30px;
margin-left: 160px;
}

div#twitter a{
font-family: Arial, Helvetica, sans-serif;
color: #0399d5;
font-size: 12px;
}

div#twitter a:hover{
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
}

div#twitter a:visited{
font-family: Arial, Helvetica, sans-serif;
color: #0399d5;
font-size: 12px;
}

div#twitter a:active{
font-family: Arial, Helvetica, sans-serif;
color: #0399d5;
font-size: 12px;
}

div#footer {
width: 100%;
background-color: #000000;
height: 94px;
}

div#footer-holder {
width: 940px;
height: 70px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2C2C2C;
}

div#footer-left {
width: 650px;
height: 70px;
float: left;
display: inline;
}


html, body {
width: 100%;
height: 100%;
}
		
#MB_loading {
font-size: 13px;
}
		
#errmsg {
margin: 1em;
padding: 1em;
color: #C30;
background-color: #FCC;
border: 1px solid #F00;
}

div#footer a {
font-family: Arial, Helvetica, sans-serif;
color: #2C2C2C;
font-size: 11px;
}

div#footer a:active {
font-family: Arial, Helvetica, sans-serif;
color: #2C2C2C;
font-size: 11px;
}

div#footer a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 11px;
}

div#footer a:visited {
font-family: Arial, Helvetica, sans-serif;
color: #2C2C2C;
font-size: 11px;
}
div#footer-holder img {
margin-top: 13px;
}

.team-titles {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 12px;
}

.bluelinks a{
color: #0399d5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bluelinks a:hover{
color: #1fbfff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bluelinks a:active{
color: #0399d5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bluelinks a:visited{
color: #0399d5;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

div#portfoliosub {
width: 284px;
height: 219px;
float: left;
display: inline;
margin-left: 24px;
}

div#testimonials {
width: 194px;
height: 144px;
float: left; 
display: inline;
margin-left: 24px;
background-image: url(../images/praises.png);
background-repeat: no-repeat;
margin-top: 28px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding-left:72px;
padding-top: 38px;
padding-right: 20px;
margin-bottom: 15px;
}

.whitetext {
color: #ffffff;
}



ul#port-list {
	float:						left;
	list-style:					none;
	margin:						40px 0 0 0px;
	width:						260px;
		padding-left: 20px; 		color: #999999;
}
ul#port-list li {
	margin:						12px -44px;
	padding-left: 20px;
}
ul#port-list li a {
	color:						#999;
	text-decoration:			none;
	margin-left:				25px;
		padding-left: 34px;
		color: #999999;
}
ul#port-list li a:hover {
	color:						#51a6b1;
}
ul#port-list li a.selected {

	z-index:					2;
width: 398px;
height: 31px;
float: left;
display: inline;
background-image:url(../images/arrow_hover.png);
background-repeat: no-repeat;
background-positon: 1px 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
line-height: 31px;
padding-left: 22px;
padding-right: 40px;
text-decoration: none;
margin-right: 10px;
margin-top: 2px;
margin-bottom: 9px;
}
#port-key {
	float:						left;
	background-image:			url(./images/port-key.png);
	width:						176px;
	height:						21px;
	margin:						25px 0 0 45px;
	clear:						left;
}
#port-img {
	float:						left;
	width:						607px;
	border:						1px solid #e1e1e1;
	background-color:			#fff;
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333;
	font-size: 15px;
	margin-bottom: 40px;
}
#port-img #wpi {
	float:						left;
	margin:						0 0 24px 17px;
}

#link img {
	float:						right;
	margin:						0 15px 15px 0;
}
#port-img #img {
	margin:						16px 17px;
}


/** sifr **/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin-top: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
	    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

p {
padding-top: 0px;
margin-top: 0px;
font-size:12px;
line-height:21px;
}

.divider {
margin-top: 3px;
padding-bottom: 24px;
}

.textfieldbig {
background-image: url(../images/fieldbg.png);
background-repeat: no-repeat;
background-color: transparent;
color: #888888;
border: 1px solid #565656;
width: 273px;
height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 40px;
padding-left: 10px;

margin-bottom: 10px;
}

.textareabig {
background-image: url(../images/fieldbg.png);
background-repeat: no-repeat;
background-color: transparent;
color: #888888;
border: 1px solid #565656;
width: 273px;
height: 127px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
overflow: hidden;
padding-left: 10px;
padding-top: 9px;
}

p {
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 12px;
}

.bluetext {
color: #0096d6;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

.teampics {
background-image: url(../images/shadowbg.png);
height: 158px;
width: 225px;
text-align: center;
line-height: 158px;
padding-top: 12px;
background-repeat: no-repeat;
}

.smicons {
margin-right: 7px;
margin-top: 9px;
}

#bullet1 li {
list-style: none;
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
color: #ffffff;
padding-left: 25px;
margin-left: -25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: normal;
}



#bullet1 ul {
list-style: none;
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
color: #ffffff;
padding-left: 25px;
margin-left: -25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: normal;
}

#bullet2 li {
list-style: none;
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
color: #ffffff;
padding-left: 25px;
margin-left: -25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: normal;
}



#bullet2 ul {
list-style: none;
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
color: #ffffff;
padding-left: 25px;
margin-left: -25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: normal;
}

img, div { behavior: url(iepngfix.htc) }