/*Generic Browser Reset*/
 * { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var,        { font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { color: inherit; font: inherit; color: inherit; } 
blink { text-decoration: none; }
nobr { white-space: normal; }

body {text-align: center; font-family:Helvetica; background: Black}
div {text-align: left}
img {border: 0px}
a {text-decoration: none; font-weight:bold;}
body, div, td, font, p, input, textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-left: 0px;
}



/***************************************************************************************

Site Template

****************************************************************************************/

#topbar {border-top: solid 1px #444444; width: 100%; background: #363636; height: 9px}

#mainshell {
	width: 960px; 
	height: 100%; 
	margin: 0px auto;
}

/*Header*/

#header{
	position:relative; 
	height:115px;
}

#logo {
	position: absolute; 
	top: 65px; 
	left: 25px;
}

#topmenu {
	position: absolute; 
	top: 82px; 
	left: 341px; 
	z-index: 50; 
	font-family: Helvetica, Arial, Verdana, sans-serif;;
	font-size: 18px; 
	font-weight:bold; 
	color: White;
}

#topmenu a {
	color: White; 
	text-decoration: none;
}

#topmenu div {
	width: 100%; 
	position: relative;
}

#topmenu div div {
	position: absolute;
	top: 0px;
	text-align: center;
} 
#topmenu img {
	position: absolute; 
	top: 0px;
} 

/*Safari Hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #topmenu div div {position: absolute; top: -3px; text-align: center;} 
	}
	
/*Top Navigation*/
#whoBG {
	width: 117px; 
	height: 24px; 
	background: #00bce2; 
	position: absolute; 
	top: 78px; 
	left: 510px;
}

#howBG {
	width: 117px; 
	height: 24px; 
	background: #f88000; 
	position: absolute; 
	top: 78px; 
	left: 630px;
}

#whatBG {
	width: 117px; 
	height: 24px; 
	background: #8cd600; 
	position: absolute; 
	top: 78px; 
	left: 750px;
}

#doneBG {
	width: 164px; 
	height: 24px; 
	background: #ed0091; 
	position: absolute; 
	top: 78px; 
	left: 706px;
}

#talkBG {
	width: 89px; 
	height: 24px; 
	background: #ed0091; 
	position: absolute; 
	top: 78px; 
	left: 868px;
}

/*Main Page Container*/
#contentshell{
	position:relative;
}

/*2nd Nav*/
#leftnav{
	float:left; 
	width:220px; 
	min-height:200px; 
	background-image:url('../siteGraphics/design/int_left_bg.png')
}

.lefttitle{
	color:#ffffff; 
	margin: 30px 0px 13px 24px; 
	font-size: 30px; 
	font-weight: bold; 
	font-family: Helvetica, Arial, Verdana, sans-serif; 
}

.leftmenu {
	color:#ffffff; 
	margin: 0px 0px 13px 24px; 
	font-size: 20px; 
	font-weight: bold; 
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	line-height: 26px 
}

.leftmenu a {
	color: White; 
	text-decoration: none; 
	display: block
}

.leftmenu .selected {
	margin-left: 5px
}

/*Page Content*/
#maincontent{
	float:left; 
	width:740px; 
	background-image:url('../siteGraphics/design/int_right_bg.png');
	position: relative; 
	padding-bottom: 30px
}

/*Footer*/
#footer {
	position: relative; 
	width: 960px; 
	height: 125px;
	background-image: url('../siteGraphics/design/footer_bg.png'); 
	/*overflow: hidden;*/
	background-repeat: repeat-x;
	margin-top:18px;
}

#footer .footerLeft{
	/*margin: 23px 0px 0px 25px;*/
	position: absolute;
	top:23px;
	left:25px;
}

#footer .logo{
	font-size: 20px; 
	color: White; 
	font-weight: bold;
}

#footer .addr{
	font-size: 14px; 
	color: #8b8b8b; 
	font-weight: bold; 
	margin-top: 4px;
}

#copyright {
	position: absolute; 
	top: 85px; 
	left: 22px; 
	font-family: Helvetica, Arial, Verdana, sans-serif;;
	font-size: 11px; 
	color: White; 
	font-weight: bold
}

#copyright a {
	color: White;
}

#flashbox{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: -2;
}

#gridbox{
	background-image: url('../siteGraphics/design/grid.gif'); 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: -1;
}


/**************************************************************************************

Home Page

**************************************************************************************/
#hpvideoframe {
	width: 960px; 
	height: 470px; 
	position: absolute; 
	left: 0px; 
	top: 0px;
}

#hpvideo {
	position: absolute; 
	width: 940px; 
	height: 400px; 
	left:11px; 
	top:10px;
}

#hplowboxes {
	position: relative; 
	width: 960px; 
	height: 240px;
	background-image: url(siteGraphics/design/hp_botbox.gif);
}

#hplowboxesinset {
	width: 960px; 
	height: 239px; 
	position: relative;
}

#hplowboxes a {
	color: White; 
	text-decoration: none;
}

#hplowbox1 {
	position: absolute; 
	top: 10px; 
	left: 9px; 
	width: 229px; 
	height: 159px;
}
    
#bbtn_what {
	position: absolute; 
	top: 169px; 
	left: 9px; 
	width: 229px; 
	height: 60px; 
	z-index: 50;
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	font-size: 14px; 
	font-weight: bold; 
	color: White;
}

#bbtn_what div {
	margin: 15px 0px 0px 14px;
}

#bbtn_what_bg {
	position: absolute; 
	top: 169px; 
	left: 9px; 
	width: 229px; 
	height: 60px; 
	z-index: 20
}

#bbtn_what_bg div {
	width: 229px; 
	height: 60px; 
	background-color: #8cd600
}

#bbtn_what_bg2 {
	position: absolute; 
	top: 169px; 
	left: 9px; 
	width: 229px; 
	height: 60px; 
	background-color: #171717; 
	z-index: 1
}
    
#hplowbox2 {
	position: absolute; 
	top: 10px; 
	left: 246px; 
	width: 229px; 
	height: 159px;
}

#bbtn_exp {
	position: absolute; 
	top: 169px; 
	left: 246px; 
	width: 229px; 
	height: 60px; 
	z-index: 50;
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	font-size: 14px; 
	font-weight: bold; 
	color: White;
}

#bbtn_exp div {
	margin: 15px 0px 0px 14px;
}

#bbtn_exp_bg {
	position: absolute; 
	top: 169px; 
	left: 246px; 
	width: 229px; 
	height: 60px; 
	z-index: 20
}

#bbtn_exp_bg div {
	width: 229px; 
	height: 60px; 
	background-color: #00bce2
}

#bbtn_exp_bg2 {
	position: absolute; 
	top: 169px; 
	left: 246px; 
	width: 229px; 
	height: 60px; 
	background-color: #171717; 
	z-index: 1
}
    
#hplowbox3 {
	position: absolute; 
	top: 10px; 
	left: 483px; 
	width: 229px; 
	height: 159px
}

#bbtn_come {
	position: absolute; 
	top: 169px; 
	left: 483px; 
	width: 229px; 
	height: 60px; 
	z-index: 50;
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	font-size: 14px; 
	font-weight: bold; 
	color: White
}

#bbtn_come div {
	margin: 15px 0px 0px 14px
}

#bbtn_come_bg {
	position: absolute; 
	top: 169px; 
	left: 483px; 
	width: 229px; 
	height: 60px; 
	z-index: 20
}

#bbtn_come_bg div {
	width: 229px; 
	height: 60px; 
	background-color: #ed0091
}

#bbtn_come_bg2 {
	position: absolute; 
	top: 169px; 
	left: 483px; 
	width: 229px; 
	height: 60px; 
	background-color: #171717; 
	z-index: 1
}
    
#hplowbox4 {
	position: absolute; 
	top: 10px; 
	left: 720px; 
	width: 229px; 
	height: 159px
}

#bbtn_day {
	position: absolute; 
	top: 169px; 
	left: 720px; 
	width: 229px; 
	height: 60px; 
	z-index: 50;
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	font-size: 14px; 
	font-weight: bold; 
	color: White
}

#bbtn_day div {
	margin: 15px 0px 0px 14px
}

#bbtn_day_bg {
	position: absolute; 
	top: 169px; 
	left: 720px; 
	width: 229px; 
	height: 60px; 
	z-index: 20
}

#bbtn_day_bg div {
	width: 229px; 
	height: 60px; 
	background-color: #f88000
}

#bbtn_day_bg2 {
	position: absolute; 
	top: 169px; 
	left: 720px; 
	width: 229px; 
	height: 60px; 
	background-color: #171717; 
	z-index: 1
}


/******************************************************************************** 

Who We Are 

********************************************************************************/
#WhoWeAreContent{
	position:relative; 
	margin-left:38px; 
	margin-top:24px;
	margin-right: 30px;
}

#WhoWeAreContent .headline{
	font-size: 25px; 
	color: #00bce2; 
	font-weight:bold;
}

#WhoWeAreContent .mainText{
	color:#ffffff; 
	font-size:15px; 
	line-height:20px;
}

#videoarea{
	position:relative; 
	height:275px; 
	margin: 50px 30px 0px 38px;
}

/******************************************************************************* 

What We Do 

*******************************************************************************/
#WhatWeDoCopy{
	margin-left:38px; 
	margin-right:30px; 
	margin-top:20px; 
}

#WhatWeDoCopy .headline{
	font-size: 25px; 
	color: #8CD600; 
	font-weight:bold;
}

#WhatWeDoCopy .mainText{
	color:#ffffff; 
	font-size:15px; 
	line-height:20px;
}


/*#boxarea{
	position:relative; 
	height:170px;
}

.box{
	position:absolute; 
	top:15px; 
	width:155px; 
	height:167px;
}*/

/*******************************************************************************

Work 

********************************************************************************/

#WorkContent{
	position:relative; 
	margin-left:38px; 
	margin-top:24px;
	margin-right: 30px;
}

.workblock {
	min-height: 201px; 
	margin-bottom: 46px; 
	overflow: hidden; 
	width: 667px
}

.workimg, .workimg img {
	width: 311px; 
	height: 201px; 
	margin-right: 24px; 
	float: left
}

.worktitle {
	font-size: 25px; 
	font-weight: bold; 
	color: #8cd600; 
	margin: 0px 20px 16px 0px; 
	line-height: 24px
}

.workcaption {
	width: 300px; 
	float:left; 
	font-size: 15px; 
	color: White; 
	margin-right: 30px; 
	line-height: 17px
}

#workpager {
	float: right; 
	margin-right: 49px
}

.workpagernum {
	width: 22px; 
	height: 22px; 
	background-color: #8cd600;
	float: left; 
	margin-left: 3px;
}

.workpagernext {
	height: 22px; 
	background-color: #8cd600;
	float: left; 
	margin-left: 3px; 
	line-height: 22px; 
	font-size: 13px;
}

.workpagernext a{
	padding-right: 8px;
}

.workpagerprev {
	height: 22px;
	background-color: #8cd600;
	float: left;
	margin-left: 3px;
	line-height: 22px;
	font-size: 13px;
}

.workpagerprev a{
	padding-right: 8px;
}

#workpager .selected {
	background-color: #636363
}

#workpager a {
	color: White; 
	text-decoration: none; 
	line-height: 22px; 
	font-size: 13px; 
	margin-left:8px
}

/**************************************************************************

Clients Page

**************************************************************************/
   
#clientBlock div{
	width: 155px;
	height: 155px;
	margin: 5px;
	float:left;

}

#clientBlock div img{
	padding: 15px;
}
    



    


/***************************************************************************

Let's Talk 

***************************************************************************/
.formattable TD {
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	font-size: 15px; 
	line-height: 18px
}

.formattable A {
	color: #ed0091; 
	text-decoration: none
}

.highlight {
	color: #ed0091
}

.highlight A {
	color: #ed0091; 
	text-decoration: none
}

#topContent div {
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	font-size: 15px; 
	line-height: 18px;	
}

#bottomContent {
	font-family: Helvetica, Arial, Verdana, sans-serif;; 
	font-size: 15px; 
	line-height: 18px
}

#CareersContent img {
	padding-bottom: 25px;
}






/**************************************************************************

Services

**************************************************************************/

#collum1 {	
	width: 275px; 
	float:left; 
	margin-top:45px; 
	margin-left:40px; 
	color:#FFF
}

#collum1 div {
	margin-bottom:65px;
}

#collum1 ul {	
	list-style-type:disc;
	list-style-position:outside;	
}

#collum1 li {	
	margin-bottom:8px;
	line-height:20px;
}

.serImg {
	width:47px; 
	height: 50px; 
	float:left
}

#collum2 {	
	width: 275px; 
	float:left; 
	margin-top:45px; 
	margin-left:60px; 
	color:#FFF
}

#collum2 div {
	margin-bottom:60px;	
}

#collum2 ul {	
	list-style-type:disc;
	list-style-position:outside;	
}

#collum2 li {
	margin-bottom:8px;
	line-height:20px;
}


/*For Later Use*/

#f_icons {
	position: absolute; 
	width:auto;
	top: 42px; 
	left: 650px;
}

#f_icons ul{
    float: left;
	margin-left:10px;
	margin-top:-5px;
}

#f_icons li{
	text-align: left;
    float: left;
    list-style: none;
    margin: 0px 2px;
	
}

/*Twitter Stuff*/

#twitter{
	position:absolute;
	color:#FFFFFF;
	width:361px;
	height:240px;
	background:url(../siteGraphics/twitter/PopUp.png) top left no-repeat;
	top:-100px;
	left:477px;
	
	z-index:100;
}

#innerTwitter{

	position:relative;
	width:361px;
	height:240px;
	top:0px;
	left:0px;

}

#posts{
	position:absolute;
	/*margin: 15px 15px 40px 15px;*/
	top:0px;
	left:15px;
	width:300px;
}

#posts2{
	
	position:absolute;
	/*margin: 40px 15px 15px 15px;*/
	top:85px;
	left:15px;
	width:300px;
}

.img{
	margin-top:15px;
	
}

div.txt{
	color:#FFFFFF;
	font-size:14px;
	margin:-61px 0px 0px 85px;
	border:#FFFFFF thin;
}