/***************************
		MISC CSS
****************************/
html { font-size: 100%; /* IE hack */ }
body {margin:0px; font-family:Arial, Helvetica, sans-serif;font-size:0.62em; color:#242b28; line-height:19px; background-color:#ffffff;}
table { font-size: 100%; /* IE hack */ }

a {outline: none; color:#db172a;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 11px 0;  padding: 0; font-size:11px;}
td, th {vertical-align: top;}
th {text-align: left;}
.clearBoth {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.white {color:#ffffff;}
.black {color:#000000;}
.red {color:#db172a;}

hr {margin:40px 0px 24px 0px;}
.footerMargin {margin:0; height:80px;}

/***************************
		ANCHOR CSS
****************************/
a:active, a:hover	{text-decoration: none;}
a.red {text-decoration:none;}

/***************************
		Text CSS
****************************/

.authorText {font-size:8px; line-height:normal; font-weight:normal; font-style:italic; margin-bottom:24px; color:#999999;}

/***************************
		WRAPPER CSS
****************************/
#redboxflash {width:100%; height:100%; overflow:auto;}
#iphone #redboxflash {height:auto;}
#bgScroll {width:100%; background-image:url(../images/noflash/nav_background.gif); background-repeat:repeat-x;}
#wrapper {position:relative; left:50%; margin-left:-512px; width:1024px;}
#popWrapper {position:relative; left:50%; margin-left:-300px; width:600px; height:100%;}

/***************************
		Headers CSS
****************************/
h1 {font-size:24px; line-height:normal; font-weight:normal; margin-bottom:30px;}
h2 {font-size:18px; line-height:normal; font-weight:bold; margin-bottom:11px;}
h3 {font-size:14px; line-height:normal; font-weight:normal; margin-bottom:24px; color:#999999;}
h4 {font-size:11px; line-height:normal; font-weight:bold; margin-top:20px; margin-bottom:11px; color:#db172a;}
h5 {font-size:30px; line-height:normal; font-weight:bold; margin-bottom:40px;}

/***************************
		 List CSS
****************************/

ul.servicesList {list-style:none; margin-top:0px;}
	ul.servicesList li {font-size:11px; color:#db172a; line-height:23px;}
	
ul.deliverablesList {list-style:none; margin-top:0px; margin-left:0px; padding-left:0px;}
	ul.deliverablesList li {font-size:11px; color:#db172a; line-height:23px; margin-left:0px; padding-left:0px;}
	
/***************************
		 FORM CSS
****************************/

fieldset {border:thin solid #999;}
legend { margin:0px 5px 0px 5px; padding:0px 5px 0px 5px; font-size:14px; line-height:normal; font-weight:bold; color:#db172a;}
.subscribe {width:450px; padding:15px;}
#popWrapper input[type="text"] {width:200px;}

/***************************
		Header CSS
****************************/
#header {}
	#tNav {width:1024px; height:69px; margin:0px; padding:0px; list-style:none; display:block; overflow:hidden;}
		#tNav li {display:block; float:left; height:69px;}
		#tNav li a {display:block; height:69px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
		#tNav #tNav01 {width:252px; background-position:0 0 !important; margin-left:24px; margin-right:18px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav02 {width:78px; background-position:-252px 0px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav03 {width:67px; background-position:-330px 0px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav04 {width:112px; background-position:-397px 0px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav05 {width:87px; background-position:-509px 0px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav06 {width:95px; background-position:-596px 0px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav07 {width:135px; background-position:-691px 0px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav08 {width:126px; background-position:-826px 0px; margin-right:25px; background-image:url(../images/noflash/tNav_sprite.png);}
		
		#tNav #tNav02 a:hover, #tNav #tNav02.current {width:78px; background-position:-252px -69px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav03 a:hover, #tNav #tNav03.current {width:67px; background-position:-330px -69px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav04 a:hover, #tNav #tNav04.current {width:112px; background-position:-397px -69px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav05 a:hover, #tNav #tNav05.current {width:87px; background-position:-509px -69px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav06 a:hover, #tNav #tNav06.current {width:95px; background-position:-596px -69px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav07 a:hover, #tNav #tNav07.current {width:135px; background-position:-691px -69px; margin-right:1px; background-image:url(../images/noflash/tNav_sprite.png);}
		#tNav #tNav08 a:hover, #tNav #tNav08.current {width:126px; background-position:-826px -69px; margin-right:25px; background-image:url(../images/noflash/tNav_sprite.png);}
	#popWrapper #tNav {width:600px; height:69px; margin:0px; padding:0px; list-stle:non; display:block; overflow:hidden;}
		#tNav li {display:block; float:left; height:69px;}
		#tNav li a {display:block; height:69px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
		#tNav #tNav01 {width:252px; background-position:0 0 !important; margin-left:24px; margin-right:18px; background-image:url(../images/noflash/tNav_sprite.png);}

/***************************
		Content CSS
****************************/
#getFlash {width:auto; padding:20px; background-color:#FFFF99; border-width:2px; border-style:solid; border-color:#FFCC33; margin-bottom:30px; text-align:center;}
	#getFlash p{ font-size:14px; line-height:normal; margin:0px;}
#content {width:964px; padding:0px; margin:40px 40px 80px 40px;}
#popWrapper #content{width:auto; margin:40px;}
#copy {display:none;}

.columnLeft {float:left; margin:0px 44px 0px 0px; width:460px;}
.columnRight {float:left; margin:0px; width:460px;}
.workColumnLeft {float:left; margin:0px 20px 0px 0px; width:550px;}
.workColumnRight {float:left; margin:0px; width:394px;}

#popWrapper .columnLeft {margin:0px 45px 0px 0px; width:200px;}
#popWrapper .columnRight {width:200px;}
/***************************
		IPhone CSS
****************************/
#iphone {display:block;}
	#iphoneWrapper {font-size:10px; position:absolute;}

.portrait #iphoneWrapper {width:320px; height:405px; background:url(../images/noflash/iphone_portrait.gif) no-repeat;}
	.portrait #iphoneWrapper .iphoneContentBox {width:220px; height:325px; padding:80px 50px 0px 50px; margin:0px;}
.landscape #iphoneWrapper {width:480px; height:284px; background:url(../images/noflash/iphone_landscape.gif) no-repeat;}
	.landscape #iphoneWrapper .iphoneContentBox {width:300px; height:184px; padding:100px 90px 0px 90px; margin:0px;}

p.white a {color:#ffffff;}