html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

a {
   outline: none;
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #000;
 background-image:  url(../images/bg.jpg);
 background-repeat: repeat-x;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
 color:#ffffff
} 

 
#pagewidth{ 
 width:1050px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 min-height:780px; 
} 
 
#header{
 position:relative; 
 height:85px;  
 width:100%;
} 

#logo{
background-image:url("../images/logo.png");
float:left;
height:104px;
left:-34px;
position:relative;
top:4px;
width:251px;
}
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:1050px; 
 }
 
 #guts{
background-image:url(../images/boxes.png);
background-position:center top;
background-repeat:no-repeat;
display:inline;
float:right;
height:335px;
position:relative;
width:1050px;
margin-top:40px;
margin-bottom: 40px
 }
 
#footer{
background-color:#000;
background-image:url(../images/footerbg.jpg);
height:176px;
 clear:both;
 *margin-top: 40px;/*For IE 7*/
 } 
 
 #featured{
  position:relative; 
  height:243px;
  width:100%;
  margin-left:15px;
}
 
 #addressbar{
background-image:url(../images/addressbar.png);
height:74px;
position:relative;
top:13px;
width:100%;
} 
 
 #mission{
float:left;
height:153px;
position:relative;
top:30px;
width:450px;
}

#who{
	background: url(../images/who.png) top no-repeat;
	height:275px;
	left:18px;
	position:relative;
	top:15px;
	width:327px;
	float:left;
}

#who p{
font-size:12px;
line-height:19px;
padding:55px 15px 80px;
}

#who a{
color:#f15c03;
text-decoration: none;
font-weight: bold
}

#who a:hover{
text-decoration: underline
}


#what{
	background:transparent url(../images/what.png) no-repeat scroll center top;
	float:left;
	height:275px;
	left:34px;
	position:relative;
	top:24px;
	width:327px;
}

#design{
background:transparent url(../images/design.png) no-repeat;
height:73px;
height:73px;
left:15px;
position:relative;
top:56px;
}

#guts h1 a{
text-decoration: none;
color:#F15C03;
font-size:24px;
font-weight: bold;
text-transform: uppercase;
font-family:"Gotham", "Arial Black", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
padding-left:85px;
padding-top:12px;
}

#design p{
font-size:13px;
padding-left:85px;
}

#development{
background:transparent url(../images/development.png) no-repeat;
height:73px;
height:73px;
left:15px;
position:relative;
top:65px;
}

#development p{
font-size:13px;
padding-left:85px;
}

#marketing{
background:transparent url(../images/marketing.png) no-repeat;
height:73px;
height:73px;
left:15px;
position:relative;
top:65px;
}

#marketing p{
font-size:13px;
padding-left:85px;
}

#twitter{
	background:transparent url(../images/twitter.png) no-repeat scroll top;
	float:left;
	height:275px;
	left:54px;
	position:relative;
	top:17px;
	width:327px;
}


#juitterContainer{
font-size:  12px
}

#juitterContainer img{
float:left;
padding-right:5px;
width:37px;
}

#juitterContainer ul{
padding-top: 40px;
}


#juitterContainer ul li{
border-bottom:1px solid #3C4252;
margin-left:26px;
min-height:60px;
padding-top:13px;
width:282px;
}

#juitterContainer a{
color:#F15C03;
text-decoration: none
}


#envelope{
float:left;
left:49px;
position:relative;
top:-33px;
}

#homecontactinfoleft {
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	left:50px;
	position:relative;
	top:16px;
	float:left;
}

#homecontactinforight {
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	left:70px;
	position:relative;
	top:16px;
	float:left;
}

#homecontactseparator {
	float:left;
	left:58px;
	position:relative;
	top:16px;
}

#featuredclients {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-image:url(../images/jbg.png);
float:right;
height:220px;
margin:0;
padding:0;
position:relative;
right:20px;
top:9px;
width:515px;
z-index:10;
}
 
#featuredbutton {
float:right;
padding-right:25px;
padding-top:15px;
}

#innerfooter {
color:white;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin:0 auto;
padding-top:53px;
text-align:center;
}

#innerfooter a{
color:white;
text-decoration: none
}

#innerfooter a:hover{
text-decoration:underline
}

/* Nav Sprite Styles */

#skyline {
background:url("../images/navsprite.png") no-repeat scroll 0 0 transparent;
float:right;
height:36px;
margin:0 auto;
padding:0;
position:relative;
top:65px;
width:618px;
}

#skyline li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#skyline li, #skyline a {
	height: 73px;
	display: block;
}

#panel1b {left: 0; width: 155px;}
#panel2b {left:155px; width:155px;}
#panel3b {left:310px; width:165px;}
#panel4b {left:480px; width:130px;}

#panel1b a:hover {
background: transparent url(../images/navsprite.png) 0 -68px no-repeat;
}

#panel2b a:hover {
background: transparent url(../images/navsprite.png) -155px -68px no-repeat;
}

#panel3b a:hover {
background: transparent url(../images/navsprite.png) -310px -68px no-repeat;
}

#panel4b a:hover {
background: transparent url(../images/navsprite.png) -480px -68px no-repeat;
}

#skyline2{
background:url("../images/navsprite3.png") no-repeat scroll 0 0 transparent;
float:right;
height:36px;
margin:0 auto;
padding:0;
position:relative;
top:65px;
width:750px;
}

#skyline2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#skyline2 li, #skyline2 a {
	height: 73px;
	display: block;
}

#panel1b {left: 0; width: 155px;}
#panel2b {left:155px; width:155px;}
#panel3b {left:310px; width:165px;}
#panel4b {left:480px; width:130px;}
#panel5b {left:630px; width:130px;}

#panel1b a:hover {
background: transparent url(../images/navsprite3.png) 0 -68px no-repeat;
}

#panel2b a:hover {
background: transparent url(../images/navsprite3.png) -155px -68px no-repeat;
}

#panel3b a:hover {
background: transparent url(../images/navsprite3.png) -310px -68px no-repeat;
}

#panel4b a:hover {
background: transparent url(../images/navsprite3.png) -480px -68px no-repeat;
}
#panel5b a:hover {
background: transparent url(../images/navsprite3.png) -630px -68px no-repeat;
}

#launch{
float:right;
padding-right: 126px
}


#featured p {
border-bottom:1px solid #3C4252;
float:left;
font-size:12px;
min-height:147px;
padding-left:31px;
padding-right:8px;
width:422px;
}

#title {
margin-left:72px;
padding-bottom:38px;
padding-left:50px;
width:442px;
}


#title h2{
display:inline;
font-size:18px;
letter-spacing:0;
font-size: 19px;
display: inline;
color:#F15C03;
font-weight: bold;
text-transform: uppercase; 
}

#title h1{
display:inline;
font-size:18px;
letter-spacing:0;
font-weight: bold;
text-transform: uppercase;
}

/* End Nav Sprite Styles */
 
 /*Viet*/
#whatweredoin
{
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 35px;
}

#whatweredoin a
{
	color: white;
	text-decoration: underline;
}

#whatweredoin img
{
	float: left;
	height: 46px;
	margin-left: 10px;
}
#whatweredoin p
{
	float: left;
	height: 46px;
	margin-left: 10px;
	width: 240px;
	margin-bottom: 10px;
	
}

#whatweredoin li
{
	margin-top:10px;
	height:40px;
margin-top:10px;
padding: 10px 0 10px 0
}

#whatweredoin
{
	width: 100%;
}

ul.wrapperContent{

}
li.fadeInContent{
	width: 980px;
	height: 230px;
	position: relative;
	list-style: none;
	display: none;
	float: left;
}

.colborder{
	border:1px solid transparent !important;
}
 
 /* *** Float containers fix courtesy of:  http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;
*display:block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */