/* Main Items */

body {
        background: url() no-repeat;
        background-attachment: fixed;
        background-color: #FFFFFF;
        font:16px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 40px 0px 24px 0px;
        text-align: justify;
}
td {
        color: #444444;
        font:16px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        text-align: justify;
        padding: 0px;
}
th {
        color: #444444;
        font:16px Helvetica, Arial , Sans-Serif;
        font-weight: bold;
}

hr
{
  border-color: #FB81BA;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}

p{
        color: #444444;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
}
h1 {
        color: #66CCFF;
        font-family: Arial, Genevea, Sans-Serif;
        padding-left: 0px;
        word-spacing: 0px;
        margin: 0px;
        line-height: 100%;
        font-size: 18px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
h2 {
        color: #DADBDD;
        font-family: Helvetica, Arial , Sans-Serif;
        padding: 5px 10px 0px 10px;
        margin: 0px 0px 0px 0px;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
h3 {
        color: #444444;
        font-family: Helvetica, Arial , Sans-Serif;
        padding: 5px 10px 0px 10px;
        margin: 0px 0px 0px 0px;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
h4 {
        color: #FF66CC;
        font-family: Arial, Genevea, Sans-Serif;
        padding-left: 0px;
        word-spacing: 0px;
        margin: 0px;
        line-height: 100%;
        font-size: 24px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
ul {
        margin: 0px, 0px, 0px, 0px;
        padding: 0px;
        list-style: none;
        white-space: normal;
}
li {
        margin: 0px, 0px, 0px, 0px;
        padding-left: 0px;
        list-style: none;
        white-space: normal;
}
a,a:visited {
        color: #555555;
        font-family: Helvetica, Arial , Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
a:hover,a:visited:hover {
        color: #66CCFF;
        font-family: Helvetica, Arial , Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
a.white,a.white:visited {
        color: #FFFFFF;
        font-family: Helvetica, Arial , Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
a.white:hover,a.white:visited:hover {
        color: #FFFFFF;
        font-family: Helvetica, Arial , Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
a.black,a.black:visited {
        color: #666666;
        font-family: Helvetica, Arial , Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
a.black:hover,a.black:visited:hover {
        color: #666666;
        font-family: Helvetica, Arial , Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-decoration: none;
        text-transform: none;
}
a.blue,a.blue:visited {
        color: #66CCFF;
        font:16px Helvetica, Arial , Sans-Serif;
        display: block;
        font-weight: bold;
}
a.blue:hover,a.blue:visited:hover {
        color: #FF66CC;
        font:16px Helvetica, Arial , Sans-Serif;
        display: block;
        font-weight: bold;
}
a.pink,a.pink:visited {
        color: #FF66CC;
        font:24px Helvetica, Arial , Sans-Serif;
        display: block;
        font-weight: bold;
}
a.pink:hover,a.pink:visited:hover {
        color: #66CCFF;
        font:24px Helvetica, Arial , Sans-Serif;
        display: block;
        font-weight: bold;
}


/* Headed & Containters */

#splash {
        background: url(images/splash.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#splashr {
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#splashr p {
        color: #444444;
        font:14px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 20px 20px 20px 20px;
        padding: 0 20px 4px 20px;
}
#container {
        background: url() repeat-y;
        background-color: #FFFFFF;
        padding-left: 0px;
        height: 440px;
}
#container-what {
        background: url(images/what.jpg) no-repeat;
        background-color: #A5A5A9;
        color: #FFFFFF;
        padding-left: 0px;
        height: 440px;
}
#container-whatr {
        background: url(images/whatr.jpg) no-repeat;
        background-color: #A5A5A9;
        color: #FFFFFF;
        padding-left: 0px;
        height: 440px;
}
#container-whatr p {
        color: #FFFFFF;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 0px 0px 10px 0px;
}

#about {
        background-color: #231F20;
        padding-left: 0px;
        height: 460px; /* 440*/
}
#aboutr {
        background-color: #DADBDD;
        padding-left: 0px;
        height: 460px;  /* 440*/
}
#aboutr p {
        color: #444444;
        font:11px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 8px 5px 8px;
        padding: 0px 0px 10px 0px;
}
#team {
        background: url(images/team.jpg) no-repeat;
        background-color: #B9E0F7;
        padding-left: 0px;
        height: 460px;
}
#team p {
        color: #444444;
        font:14px Helvetica, Arial , Sans-Serif;
        text-align: center;
        font-weight: normal;
        margin: 0px 4px 10px 10px;
        padding: 0px 0px 10px 0px;
}
#clients {
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#clientsr {
        background-color: #FFFFFF;
        padding-left: 0px;
}
#clientsr p {
        background-color: #66CCFF;
        color: #FFFFFF;
        font:13px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#clientsr a {
        color: #FFFFFF;
        font:14px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#clientsr2 p {
        background-color: #F7AFC3;
        color: #444444;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#clientsr2 a {
        background-color: #F7AFC3;
        color: #444444;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#future {
        background: url(images/future.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#future p {
        color: #888888;
        font:28px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 0px 0px 10px 0px;
}
#futurer {
        background: url(images/futurer.jpg) no-repeat;
        background-color: #B9E0F7;
        padding-left: 0px;
        height: 440px;
}
#futurer p {
        color: #444444;
        font:14px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
        padding: 4px 8px 4px 8px;
}
#trend {
        background: url(images/trend.jpg) no-repeat;
        background-color: #AFB2B5;
        padding-left: 0px;
        height: 440px;
}
#trendr {
        background: url(images/trendr.jpg) no-repeat;
        background-color: #AFB2B5;
        padding-left: 0px;
        height: 440px;
}
#trendr p {
        background-color: #AFB2B5;
        color: #444444;
        font:13px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#twenty {
        background: url(images/2025.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#twentyr {
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#twentyr p {
        background-color: #fff;
        color: #444444;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#newsletter {
        background: url(images/newsletter.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
}
#newsletter p {
        color: #444444;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#newsletter table {
        padding: 4px 4px 4px 4px;
}
#newsletter td {
        padding: 4px 4px 4px 4px;
}
#surveillance {
        background: url(images/surveillance.jpg) no-repeat;
        background-color: #5ACBF5;
        padding-left: 0px;
        height: 440px;
}
#surveillance p {
        color: #444444;
        font:13px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#surveillancer {
        background-color: #5ACBF5;
        padding-left: 0px;
        height: 440px;
}
#surveillancer p {
        color: #444444;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 4px 4px 4px 4px;
}
#services {
        background: url(images/services.jpg) no-repeat;
        background-color: #A1CEED;
        padding-left: 0px;
        height: 440px;
}
#services p {
        color: #fff;
        font:14px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
        padding: 4px 4px 4px 4px;
}
#servicesr {
        background-color: #A1CEED;
        padding-left: 0px;
        height: 440px;
}
#servicesr p {
        color: #fff;
        font:14px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
        padding: 4px 4px 4px 4px;
}
#research {
        background: url(images/research.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#researchr {
        background: url(images/researchr.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#researchr p {
        background: transparent;
        color: #444444;
        font:13px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 2px 32px 0px 28px;
}
#creative {
        background: url(images/creative.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#creativer {
        background: url(images/creativer.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#eleven {
        background: url(images/eleven-photos.png) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#creativer p {
        background: transparent;
        color: #444444;
        font:13px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 2px 30px 0px 26px;
}
#creativer h1 {
        background: transparent;
        color: #444444;
        font:19px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 2px 30px 0px 26px;
}
#creative2 {
        background: transparent;
        padding-left: 0px;
}
#creative2 p {
        background: transparent;
        color: #444444;
        font:13px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 2px 160px 0px 40px;
}
#creative3 {
        background: transparent;
        padding-left: 0px;
}
#creative3 p {
        background: transparent;
        color: #444444;
        font:13px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 2px 30px 0px 40px;
}
#press {
        background: url(images/press.jpg) no-repeat;
        background-color: #F9BFCE;
        padding-left: 0px;
        height: 440px;
}
#press p {
        background: transparent;
        color: #444444;
        font:15px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 0px 30px 0px 26px;
}
#pressr {
        background-color: #fff;
        padding-left: 0px;
        height: 100%;
}
#pressr p {
        background: transparent;
        color: #444444;
        font:15px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 10px 10px;
        padding: 0px 30px 0px 26px;
}
#press2 {
        background-color: #fff;
        padding-left: 24px;
}
#press2r {
        background-color: #fff;
        padding-left: 0px;
}
#press2r p {
        background: transparent;
        color: #444444;
        font:15px Arial, Helvetica, Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 0px 10px;
        padding: 2px 30px 0px 14px;
}
#press2r h1 {
        color: #EB1390;
        font:19px Helvetica, Arial, Sans-Serif;
        font-weight: normal;
        margin: 0px 10px 0px 10px;
        padding: 0px 30px 0px 14px;
}
#office {
        background: url(images/office.jpg) no-repeat;
        background-color: #BFD7F0;
        padding-left: 0px;
        height: 440px;
}
#officer {
	background-color: #fff;
	padding-left: 0px;
	height: 800px;
}
#officer1 {
	background-color: #fff;
	padding-left: 0px;
	height: 660px;
}
#officer2 {
	background-color: #fff;
	padding-left: 0px;
}
#officer p {
        color: #444444;
        font:10px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        text-align: center;
        margin: 0px 10px 10px 10px;
        padding: 2px 30px 0px 26px;
}
#contact {
        background: url(images/contact.jpg) no-repeat;
        padding-left: 0px;
        height: 440px;
}
#phil {
        background: url(images/phil.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#phil p {
        color: #444444;
        font:12px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        text-align: left;
        margin: 0px 10px 10px 10px;
        padding: 2px 15px 0px 11px;
}
#philr {
        background: url(images/philr.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#index {
        background: url(images/home.jpg) no-repeat;
        padding-left: 0px;
        height: 440px;
        text-align: right;
}
#indexl {
        padding-left: 0px;
        height: 440px;
        text-align: right;
}
#indexl a {
        background: url(images/button.jpg) no-repeat;
        color: #555555;
        font:16px Helvetica, Arial , Sans-Serif;
        display: block;
        line-height: 20px;
        padding: 0 80px 0 0;
}
#indexl a:hover {
        background: url(images/button2.jpg) no-repeat;
        color: #666666;
        font:16px Helvetica, Arial , Sans-Serif;
        display: block;
        line-height: 20px;
}
#indexr {
        padding-left: 0px;
        height: 440px;
}
#excitement {
        background: url(images/excitement.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}
#excitementr {
        background: url(images/excitementr.jpg) no-repeat;
        background-color: #fff;
        padding-left: 0px;
        height: 440px;
}

#news {
        padding-left: 0px;
        width: 700px;
}

#bar-pink {
        background: url(images/bar-pink.png) repeat;
        padding-left: 0px;
        width: 700px;
}

#copy p{
        color: #AAAAAA;
        font: 10px Helvetica, Arial , Sans-Serif;
        font-weight: normal;
        text-align: center;
        margin: 0px;
}



ul#gallery, #gallery ul{
/*Remove all spacings and bullets*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#gallery>li{
	float: left;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	border: 1px solid transparent;
}

ul#gallery>li ul{
	padding: .8em;
	margin: -10px 0 0 -390px; /*may be adjusted according to the dimension size of the thumbnail images*/ [*]
	border: 1px solid #000;
	background-color: #fff;
	color: #444444;
	font-size: 90%;
	max-width: 400px; /*prevent the popups from being too wide*/
	display: none;
	position: absolute;
}

ul#gallery>li ul li{
	margin-top: 2px; /*some spacing between the image data*/
}

ul#gallery>li:hover{
/*of course, the colors are customizable*/
	color: #369;
	background-color: transparent;
	border-color: #369;
}

ul#gallery>li:hover ul{
	display: block;
	list-style-type: none;
}

ul#gallery ul:before{
/*display the 'Press Information' at the top of the popups*/
	content: "Press Information";
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #999;
	display: block;
}

ul#gallery ul:after{
/*display the '(click to view the larger version of this image)' at the bottom of the popups*/
	content: "(click to view the larger version of this image)";
	font-size: 90%;
	text-align: right;
	border-top: 1px solid #999;
	display: block;
	margin-top: 1em;
}

ul#gallery img{
/*width and height may be adjusted according to the dimension size of the thumbnail images*/
	width: 90px;
	height: 112px;
	display: block;
}

img,a img{
/*Remove borders from images*/
	border: 0;
}

#port_preview
{
float:left;
padding:1px;
}