@charset "UTF-8";
/* Shoulder Tap CSS */


/*  TYPOGRAPHY & COLOR  */

body {font: 100% 'Lucida Grande', Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; background: #0a162c url(../images/bgMain.jpg) repeat-x;}

h1, h2, h3, h4, p, ul, ol {margin-top: 1em; line-height: 1.5em; font-weight: normal;}
h1 {font-size: 24px;}
h2 {font-size: 16px;}
h3 {font-size: 14px; font-weight: bold;}
h4 {font-size: 13px; font-weight: bold;}
p  {font-size: 12px;}
ul, ol, li {font-size: 12px;}
ul {list-style-image:url(../images/bullet.gif);}


/*  LINKS  */

a, a img  {color: #004276; text-decoration: none; border: 0;}
a:visited {color: #004276;}
a:hover   {color: #000000; text-decoration: underline;}


/*  NAVIGATION  */

#navBox {height: 60px; width: 100%; position:relative;}
#navBox .navImg {margin: 10px 0 0 20px; float:left;}


/*  IMAGES  */

.titleImg {margin: 20px; position:absolute; z-index: 5;}
.homeImg {margin: 177px 0 0 560px;}
.award {float:left; margin-right: 10px; border: 1px solid #071019;}
.clientLogo {width: 248px; height: 105px;}


/*  STRUCTURE  */

#frame 			{height: 520px; width: 910px; border: 2px solid #6785a1; margin: 30px auto; text-align: left; }

#container 		{height: 510px; width: 900px; border: 5px solid #0a162c; background: #002952 url(../images/bgDark.jpg) repeat-x;}
	
#scrollBox 		{height: 450px; width: 900px; overflow: hidden; position: relative;}
#scrollContent 	{height: 450px; width: 6300px;}

.contentBox 	{height: 450px; width: 900px; overflow: hidden; float:left; background: url(../images/bgLight.jpg) repeat-x;}
	#homeBox 	{background: url(../images/Tentacles.gif) no-repeat 25px 0;}
	#servicesBox {}
	#clientsBox {}
	#awardsBox {}
	#reelBox {}
	#linksBox {}
	#contactBox {}

.innerBox {margin: 30px 77px;}

.half  	{width: 49%; float: left;}
.third	{width: 33%; float: left;}
.clear	{clear: both;}


/*  SPECIAL  */

#reelFlash {height: 350px; width: 780px; margin: 43px 60px 0 60px; background-color: #000; float:right; text-align:center;}
#reelFlash h2 {margin: 160px; font-weight: normal; color:#FFFFFF; letter-spacing: 1px;}

.clientsList {height: 350px; width: 746px; margin: 43px 77px 0 77px; background-color: white; border: 1px solid #071019; overflow: auto;}
.client {margin: 0; padding: 10px; border-top: 1px solid #CCCCCC; display: block; vertical-align: middle; clear: both;}
.client img {float: left; margin-right: 15px;}
.client p {margin: 15px; font-size: 12px;}
span.clientName {font-weight: bold;}

#awardsBox .half {margin-top: 13px;}

#linksBox .third {height: 350px; background-color: white; border: 1px solid #071019; margin-right: -1px; margin-top: 13px; border-left-color: #CCCCCC;}
#linksBox h4 {margin-left: 15px; margin-right: 15px;}
ul.links {margin: 0 30px; padding: 0;}
ul.links li {margin: 10px; padding: 0;}

.contactsList {height: 350px; width: 746px; margin: 43px 77px 0 77px; background-color: white; border: 1px solid #071019; }
.contact {clear: both; border-top: 1px solid #CCCCCC; }
h4.who  {width: 20%; margin: 15px; float: left;}
p.what {width: 70%; margin: 15px; float: right;}