/* CSS Document */

/* don't change */

body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 8px;
	LIST-STYLE-TYPE:square
}



ul ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	margin-left: 15px;
	margin-top: 5px;
	LIST-STYLE-TYPE:square
}

arrow { 
    float: left; 
    margin: 10px; 
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
	padding-right: 4px;
}
img.floatRight { 
    float: right; 
    margin: 4px;
	padding-right: 4px; 
}
	

div#mainContainer {
	background-color: #FFF;
	width: 835px;
	height: 635px;
	margin: 20px auto 10px auto;
}


div#shadowOne {
	float: left;
	width: 12px;
	height: 12px;
	margin: 0px;
}

div#shadowTwo {
	float: left;
	width: 800px;
	height: 12px;
	margin: 0px;
	background-image: url(images/bg_shadow_top.jpg);
	background-repeat: repeat-x;
}

div#shadowThree {
	float: left;
	width: 23px;
	height: 12px;
	margin: 0px;
}

div#shadowFour {
	float: left;
	width: 12px;
	height: 550px;
	margin: 0px;
	background-image: url(images/bg_shadow_left.jpg);
	background-repeat: repeat-y;
}




div#container {
	float: left;
	position: relative;
	width: 800px;
	height: 550px;
	margin: 0px;
}



div#shadowFive {
	float: left;
	width: 23px;
	height: 550px;
	margin: 0px;
	background-image: url(images/bg_shadow_right.jpg);
	background-repeat: repeat-y;
}

div#shadowSix {
	float: left;
	width: 12px;
	height: 23px;
	margin: 0px;
}

div#shadowSeven {
	float: left;
	width: 800px;
	height: 23px;
	margin: 0px;
	background-image: url(images/bg_shadow_bottom.jpg);
	background-repeat: repeat-x;
}

div#shadowEight {
	float: left;
	width: 23px;
	height: 23px;
	margin: 0px;
}


/* editable */


div#logo {
	float: left;
	width: 210px;
	padding-top: 25px;
	padding-left: 15px;

}

div#subNavServices {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 10px;
	float: right;
	width: 400px;
	height: 40px;
	margin-top: 510px;
	padding-right:30px;
	
}




/* text colors and sizes */

			h1{
				font-size:20px;
				font-weight:normal;
				margin:0px;
				line-height: 32px;
				color: #cc0001;
				text-transform: uppercase;
			}
			
			h2{
				font-size:13px;
				font-weight:normal;
				margin:0px;
				color: #cc0001;
			}
			
			h3{
				margin:0px;
				font-size:11px;
				color:cc0001;
				font-weight:normal;
				
			}
			
			strong {
    			FONT-WEIGHT: bold;
    			FONT-SIZE: 105%;
    			COLOR: #cc0001;
    			FONT-FAMILY: Arial
}
			
			.textOrange {
				color: #D57A10;
			}

			.textAqua {
				color: #3797A8;
			}

			.textBlue {
				color: #44549C;
			}

			textRed {
				color: #C6031F;
			}

			.textGray {
				color: #999;
			}


div#stroke {
	float: left;
	width: 1px;
	height: 450px;
	background-color: #999;
	margin-top: 55px;
	margin-left: 10px;
}




/* FLASH DIVS */

div#flash {
	float: left;
	width: 263px;
	height: 326px;
	margin-top: 107px;
}

div#flashHome {
	float: left;
	width: 263px;
	height: 326px;
	margin-top: 50px;
}

div#flashHome2 {
	float: left;
	width: 560px;
	height: 545px;
	margin-top: 0px;
}

div#flashServices {
	float: right;
	width: 239px;
	height: 285px;
	margin-top: 265px;
}

div#flashBrandManagement {
	float: left;
	width: 263px;
	height: 326px;
	margin-top: 100px;
}

div#flashDesign {
	float: left;
	width: 130px;
	height: 326px;
	margin-top: 150px;
}

div#flashMarketing {
	float: left;
	width: 263px;
	height: 326px;
	margin-top: 190px;
}

div#flashWork {
	position: absolute;
	top: 151px;
	left: 236px;
	width: 564px;
	height: 400px;
}
	

div#flashPeople {
	float: right;
	width: 400px;
	height: 5501px;
	margin-top: 0px;
}

div#flashProcess {
	float: left;
	width: 200px;
	height: 300px;
	margin-top: 150px;
}

div#flashContact {
	float: right;
	width: 351px;
	height: 350px;
	margin-top: 200px;
}




/* END FLASH DIVS */




div#graphicHome {
	float: left;
	width: 77px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWhat {
	float: left;
	width: 119px;
	height: 326px;
	margin-top: 107px;
}

div#graphicHow {
	float: left;
	width: 106px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWhy {
	float: left;
	width: 112px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWho {
	float: left;
	width: 130px;
	height: 326px;
	margin-top: 107px;
}

div#graphicWhere {
	float: left;
	width: 103px;
	height: 326px;
	margin-top: 107px;
}


div#keywordHome {
	float: left;
	width: 135px;
	height: 36px;
	margin-top: 142px;
}

div#keywordWhat {
	float: left;
	width: 135px;
	height: 36px;
	margin-top: 134px;
}

div#keywordHow {
	float: left;
	width: 106px;
	height: 36px;
	margin-top: 143px;
}

div#keywordWhy {
	float: left;
	width: 106px;
	height: 36px;
	margin-top: 149px;
}

div#keywordWho {
	float: left;
	width: 140px;
	height: 36px;
	margin-top: 125px;
}

div#keywordWhere {
	float: left;
	width: 160px;
	height: 33px;
	margin-top: 166px;
}


div#subheadHome {
	position: absolute;
	top: 200px;
	left:371px;
	width: 274px;
	height: 36px;
	z-index: 1000;
}



/* TEXT DIVS */


div#text {
	position: absolute;
	top: 260px;
	left: 384px;
	width: 224px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
}

div#textHome {
	position: absolute;
	top: 15px;
	left: 260px;
	width: 500px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
}

div#textServices {
	position: absolute;
	top: 15px;
	left: 280px;
	width: 400px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textWorkshops {
	position: absolute;
	top: 50px;
	left: 280px;
	width: 500px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textBrandManagement {
	position: absolute;
	top: 70px;
	left: 310px;
	width: 400px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
}

div#textDesign {
	position: absolute;
	top: 10px;
	left: 245px;
	width: 545px;
	height: 200px;
	line-height: 16px;
	z-index: 2000;
}

div#textMarketing {
	position: absolute;
	top: 90px;
	left: 300px;
	width: 400px;
	height: 300px;
	line-height: 20px;
	z-index: 2000;
}

div#textWork {
	position: absolute;
	top: 45px;
	left: 300px;
	width: 410px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
}

div#textPeople {
	position: absolute;
	top: 25px;
	left: 260px;
	width: 360px;
	height: 200px;
	line-height: 20px;
	z-index: 2000;
}

div#textProcess{
	position: absolute;
	top: 9px;
	left: 385px;
	width: 395px;
	height: 200px;
	line-height: 18px;
	z-index: 2000;
}

div#textContact {
	position: absolute;
	top: 125px;
	left: 270px;
	width: 350px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textClients {
	position: absolute;
	top: 25px;
	left: 270px;
	width: 500px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textNews {
	position: absolute;
	top: 30px;
	left: 270px;
	width: 450px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textJobs {
	position: absolute;
	top: 35px;
	left: 260px;
	width: 500px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textEmployment {
	position: absolute;
	top: 100px;
	left: 280px;
	width: 350px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textGina{
	position: absolute;
	top: 50px;
	left: 275px;
	width: 480px;
	height: 400px;
	line-height: 16px;
	z-index: 2000;
}

div#textDavid{
	position: absolute;
	top: 90px;
	left: 275px;
	width: 480px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textMaria{
	position: absolute;
	top: 150px;
	left: 275px;
	width: 480px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textJoe{
	position: absolute;
	top: 150px;
	left: 275px;
	width: 500px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}


div#textKeith{
	position: absolute;
	top: 85px;
	left: 260px;
	width: 500px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
	}

div#textGarrett{
	position: absolute;
	top: 85px;
	left: 260px;
	width: 500px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textTestimonials {
	position: absolute;
	top: 40px;
	left: 265px;
	width: 500px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}

div#textNY{
	position: absolute;
	top: 90px;
	left: 275px;
	width: 480px;
	height: 400px;
	line-height: 18px;
	z-index: 2000;
}









/* END TEXT  DIVS */

div#footer {
	width: 835px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 16px;
}

div#port {
	margin: 24px;
}

div#port-internetheader {
	float: left;
	width: 200px;}

div#port-printheader {
	float: left;
	width: 200px;
}

div#port-outdoorheader {
	float: left;
	width: 200px;}

div#port-image {
	padding: 5px 0 20px;
}

div#port-radio {
	padding: 20px 0;
	line-height: 17px;
	color: #A11A1A;
}


.logo1 {
	margin-left: -30px;
}

.logo4 {
	margin-bottom: 10px;
}

.bg_case {
	margin-top: 10px;
	margin-left: 15px;
}

.bg_case2 {
	margin-top: 45px;
	margin-left: 15px;
}

.bg_case3 {
	margin-top: 90px;
	margin-left: 15px;
}

.bg_case4 {
	margin-top: 25px;
	margin-left: 15px;
}

.textimage1 {
	margin-bottom: -3px;
	margin-left: 1px;
}

.textimage2 {
	margin-bottom: 4px;
	margin-left: 1px;
	margin-top: 4px;
}

.textOrange {
	color: #D57A10;
}

.textAqua {
	color: #3797A8;
}

.textBlue {
	color: #44549C;
}

.textRed {
	color: #C6031F;
}

.textGray {
	color: #999;
}

.copyright {
	clear: both;
	font-size: 10px;
	color: #999;
}

.back {
	float: right;
	line-height: 30px;
}

.portthumb {
	margin-top: 5px;
	margin-right: 6px;
}

.clear {
	clear: both;
}




/* Links */


#navWhat {
	float: left;
	width: 108px;
	height: 10px;
	margin-left: 100px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#navHow {
	float: left;
	width: 119px;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}

#navWhy {
	float: left;
	width: 118px;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}

#navWho {
	float: left;
	width: 110px;
	height: 10px;	
	margin-top: 5px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}


#navWhere {
	float: left;
	width: 133px;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	border-left: solid 1px #666666;
}

ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 220px;
  left: 45px;
  width: 15em 
}

  ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-bottom: 0.1em solid gray 
}

  ul.navbar a {
    text-decoration: none 

}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #9B0000;
}

a:hover {
	text-decoration: none;
	color: #cc0001;
	background: #CDCDCD 
} 

a.port:link, a.port:visited, a.port:active {
	text-decoration: none;
	color: #A11A1A;
}

a.port:hover {
	text-decoration: underline;
} 

a.footer:link, a.footer:visited, a.footer:active {
	text-decoration: none;
	color: #999;
}

a.footer:hover {
	text-decoration: underline;
} 

a.contact:link, a.contact:visited, a.contact:active {
	text-decoration: none;
	color: #44549C;
}

a.contact:hover {
	text-decoration: underline;
}