html {
	overflow: scroll;
	overflow-x: auto;
	overflow-y: scroll;
}

body { margin: 0; padding: 0; width: 100%; }

@charset "UTF-8";
/* CSS Document */

div#dummy { direction:ltr; }

/*////////////// [>.<] hello! //////////////*/

/* background */
body {left:0;top:0;background: #1168a7 url(img/bg.jpg) no-repeat left top; background-color:#1168a7; text-align:center; background-image:url(img/bg.jpg); background-position:left top; background-repeat:no-repeat;}

/* containers */
div#container{width:980px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left;display:block; position:relative; top:0px;} 
div#left { padding-left:10px; margin:0px; float:left; width:520px; }
div#right {padding:0; margin:0px; float:right; width:400px; }
div#base {padding:0; margin:0px; width:1024px; clear:both; }

a img{border:0;padding:0;margin:0;}


/*////////////// [>.<] main styles //////////////*/

/* logo */
div#logo { display:block;width:226px;height:119px;float:left; clear:right; }
div#logo a:hover{ cursor:pointer;}
.logo { background:url(img/just_media.png) top left no-repeat;display:block;width:226px;height:119px;float:left; clear:right; }

/* contact box */
div#aegisBox{ visibility:hidden; width:960px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left;display:block; position:relative; top:0px;clear:left;}
div#aegis{ width:109px; height:12px;background:url(img/aegis_company.png) top left no-repeat;float:right; clear:left;}
div#contactBox{ width:960px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left;display:block; position:relative; top:0px;}
div#justcontact{ width:960px; height:28px;background:url(img/contactBar.png) top left no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; display:block; color:#67b8c2; font-size:9px; text-align:right; margin-top:5px; }

/* general tyepset */
.text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;line-height:15px;}
.text a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;line-height:15px; text-decoration:none;}
.text p{ margin:0px; }
.text ul{ list-style:url(img/dash.gif); list-style-position:inside; padding:0px; margin-left:2px;}
.liteBlue{ color:#87c2dd;}
.liteBlue a{ text-decoration:none; color:#87c2dd;}

/*////////////// [>.<] menu //////////////*/

div#Jmenu {display:block;width:520px;float:left; clear:both; position:relative;}

/*
 * Generic Styling
 */

/* Main Menu Styles */
#Jmenu div h2 a span {visibility: hidden; padding:0px; margin:0px;}
#Jmenu div h2 a {display: block;width:520px;height:51px; padding:0px; text-decoration: none;}
#Jmenu div { height:51px;margin-bottom:10px; }
h2 {margin-top:0px;}

/*
 * Targetted stuff
 */

 /* Who We Are*/
#whoWeAre h2 a {background:url(img/menu/who_we_are.png) top left no-repeat;}
#whoWeAre h2 a:hover {background:url(img/menu/who_we_are1.png) top left no-repeat; }

.section-whoWeAre #whoWeAre h2 a {background:url(img/menu/who_we_are1.png) top left no-repeat; }

/* What We Do */
#whatWeDo h2 a {background:url(img/menu/what_we_do.png) top left no-repeat;}
#whatWeDo h2 a:hover {background:url(img/menu/what_we_do1.png) top left no-repeat;}

.section-whatWeDo #whatWeDo h2 a {background:url(img/menu/what_we_do1.png) top left no-repeat;}

/* our work */
#ourWork h2 a {background:url(img/menu/our_work.png) top left no-repeat;}
#ourWork h2 a:hover {background:url(img/menu/our_work1.png) top left no-repeat; }

.section-ourWork #ourWork h2 a {background:url(img/menu/our_work1.png) top left no-repeat; }

/* people */
#people h2 a { background:url(img/menu/people.png) top left no-repeat;}
#people h2 a:hover { background:url(img/menu/people1.png) top left no-repeat; }

.section-people #people h2 a { background:url(img/menu/people1.png) top left no-repeat; }

div.quote_wrapper {
	font-weight: bold;
}

div.quote_wrapper strong {
	text-transform: uppercase;
}

/* latest */
#latest h2 a { background:url(img/menu/latest.png) top left no-repeat;}
#latest h2 a:hover { background:url(img/menu/latest1.png) top left no-repeat; }

.section-latest #latest h2 a { background:url(img/menu/latest1.png) top left no-repeat; }

/* findUs */
#findUs h2 a { background:url(img/menu/find_us.png) top left no-repeat;}
#findUs h2 a:hover {background:url(img/menu/find_us1.png) top left no-repeat; }

.section-findUs #findUs h2 a { background:url(img/menu/find_us1.png) top left no-repeat; }

/* jobs */
#jobs h2 a { background:url(img/menu/jobs.png) top left no-repeat;}
#jobs h2 a:hover {background:url(img/menu/jobs1.png) top left no-repeat; }

.section-jobs #jobs h2 a { background:url(img/menu/jobs1.png) top left no-repeat; }


/*////////////// [>.<] index page //////////////*/

div#indeximg1 { background:url(img/indeximg1.png) top right no-repeat;display:block;width:382px;height:475px;float:left; clear:both;  }
div#indeximg2 { background:url(img/indeximg2.png) top right no-repeat;display:block;width:382px;height:475px;float:left; clear:both;  }
div#indeximg3 { background:url(img/indeximg3.png) top right no-repeat;display:block;width:382px;height:475px;float:left; clear:both;  }
div#indeximg4 { background:url(img/indeximg4.png) top right no-repeat;display:block;width:382px;height:475px;float:left; clear:both;  }
div#indeximg5 { background:url(img/indeximg5.png) top right no-repeat;display:block;width:382px;height:475px;float:left; clear:both;  }
div#indeximg6 { background:url(img/indeximg6.png) top right no-repeat;display:block;width:382px;height:475px;float:left; clear:both;  }
div#indeximg7 { background:url(img/indeximg7.png) top right no-repeat;display:block;width:382px;height:475px;float:left; clear:both;  }


div#indextex { display:block;width:372px;float:left; clear:both; margin-left:10px; }
div#miniclient { display:block;width:382px;height:94px;float:left; clear:right; margin-left:10px; margin-top:30px; }

div#seagate {background:url(img/miniclient/seagate.png) top right no-repeat;display:block;width:138px;height:65px;float:left;clear:both; }
div#hbos { background:url(img/miniclient/hbos.png) top right no-repeat;display:block;width:112px;height:65px;float:left; }
div#genworth { background:url(img/miniclient/genworth.png) top right no-repeat;display:block;width:132px;height:65px;float:left; clear:right; }
div#msglabs { background:url(img/miniclient/msglabs.png) top right no-repeat;display:block;width:138px;height:30px;float:left; }
div#epson { background:url(img/miniclient/epson.png) top right no-repeat;display:block;width:112px;height:30px;float:left;}
div#philips { background:url(img/miniclient/philips.png) top right no-repeat;display:block;width:132px;height:30px;float:left;}

/*////////////// [>.<] other pages //////////////*/

/* who we are */

/* what we do */
div#mediacon { background:url(img/pages/mediacon.png) top right no-repeat;display:block;width:382px;height:245px;float:left; clear:both; }
div#mediabuy { background:url(img/pages/mediabuy.png) top right no-repeat;display:block;width:382px;height:245px;float:left; clear:both; }
div#research { background:url(img/pages/research.png) top right no-repeat;display:block;width:382px;height:258px;float:left; clear:both; }
div#iam { background:url(img/pages/iam.png) top right no-repeat;display:block;width:382px;height:245px;float:left; clear:both; }
div#digitalserv { background:url(img/pages/digitalserv.png) top right no-repeat;display:block;width:382px;height:245px;float:left; clear:both; }

.header { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;line-height:20px; }
.header p{ margin:0px; }
.whattext { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;line-height:15px;}
.whattext a{ text-decoration:none; color:#FFFFFF;line-height:15px;}
.whattext p{ margin:0px; }
.whattext ul{ list-style-position:outside; padding:0px; margin-top:10px; margin-bottom:0px; margin-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:17px;}
.q {list-style-image: url("img/q.gif"); list-style-position: inside;}
.a {list-style-image: url("img/a.gif"); list-style-position: inside;} 

/* people */
div#polaroid {display:block;width:400px;height:381px;float:left; clear:both; }
div#iamsomebody { background:url(img/people/polaroid.png) top right no-repeat;display:block;width:400px;height:379px;float:left; clear:both; }
div#plastic { margin-left:18px; margin-top:18px; display:block;width:377px;height:302px;}

/* our work */
div#lines {  background:url(img/lines.png) top right no-repeat;display:block;width:374px;height:697px;float:left; clear:both; }
div#clsmooth {  background:url(img/our_work/clients.png) top right no-repeat;display:block;width:374px;height:535px;clear:both; }
.hold { clear:both;display:block; padding:0px; }

/* find us */
.map { background:url(img/map.png) top right no-repeat;display:block;width:400px;height:381px;float:left; clear:both; }
div#addieleft { width:190px;display:block;float:left; position:relative; border:#33FF00;}
div#addieright { width:200px; padding:0px; margin-left:10px;display:block;float:left; position:relative;}

/* latest */
div#latestx { display:block;width:241px;height:52px;float:left; clear:right; }
.latestx { background:url(img/latest.png) top left no-repeat;display:block;width:241px;height:52px;float:left; clear:right; }
div#keyline { display:block;width:360px;height:8px;float:left; clear:right;}
.keyline {background:url(img/keyline.png) top left repeat-x;display:block;width:360px;height:8px;float:left; clear:right;}
.artiKey {background:url(img/artiKey.png) top left repeat-x;display:block;width:344px;height:26px;float:left; clear:right; }

div#contentBG {background:url(img/fade.png) top left repeat;display:block;width:360px;float:left; clear:right;}
div#blog {  margin:8px; } 
.writer {  font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;line-height:20px;} 
.writer p{ margin:0px;}

div#menuleft { width:200px;display:block;float:left; position:relative; border:#33FF00;}
div#menuright { width:150px; padding:0px; margin-left:10px;display:block;float:left; position:relative; text-align:right;}

.black { color:#000000; } 


/*////////////// [>.<] //////////////*/

/* EXPANDED MENU TITLES - DO NOT REMOVE - THEY ARE USED!!! */
div#eBlue { font-family:Arial, Helvetica, sans-serif; font-size:13px;line-height:15px; height: auto; }
#eBlue ul { text-decoration:none; list-style:none; border:0px; padding:0px; margin: 0;}
#eBlue li a{text-decoration:none; list-style:none; border:0px; padding:0px; margin: 0;}
#eBlue a{ color:#9fcedf;}
#eBlue a:hover{ color:#FFFFFF;}
#eBlue a.active{ color:#FFFFFF;}
.eWhite {color:#FFFFFF;}

#eBlue li { color: #fff; }

div#eBlue div.submenu_column {
	height: auto;
	width: 170px;
	float: left;
}

/*////////////// [>.<] H styles //////////////*/

div#logo h1{font-family:Arial, Helvetica, sans-serif;font-size:24px; margin:0;padding:0;position:absolute; top:-500px; left:-5000px;overflow:hidden;}
div#right h3{font-family:Arial, Helvetica, sans-serif;font-size:16px; margin:0;padding:0;position:absolute; top:-500px; left:-5000px;overflow:hidden;}
div#aegis h4{font-family:Arial, Helvetica, sans-serif;font-size:14px; margin:0;padding:0;position:absolute; top:-500px; left:-5000px;overflow:hidden;}
div#justcontact h4{font-family:Arial, Helvetica, sans-serif;font-size:14px; margin:0;padding:0;position:absolute; top:-500px; left:-5000px;overflow:hidden;}
div#latestx h1{font-family:Arial, Helvetica, sans-serif;font-size:24px; margin:0;padding:0;position:absolute; top:-500px; left:-5000px;overflow:hidden;}

div.row {height:27px;padding-top: 10px; clear:both;}
div.rowBox {height:180px; clear:both;background-color:#4187c0;}
div.rowRite {height:27px;padding-top: 10px; clear:both; text-align:right;}

div.row span.label {float: left;text-align: left;}
.clear { clear:both;}
div.row span.formw {float: right;width:256px;text-align: right;}
.form { border:0px; background-color:#4187c0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #fff;}
.wide { position:inherit; width:372px; height:180px; }
.file { border:none #4187c0; background-color:#4187c0; font-family:Arial, Helvetica, sans-serif; font-size:16px;position:inherit; width:372px; color:#fff; }


div#pages {
	clear: both;
	padding-bottom: 5px;
}

div#pages a {
	color: #4187c0;
}

div#pages a:hover,
div#pages a.active {
	color: #fff;
}

/*////////////// [>.<] spacers //////////////*/

.spacer5 { font-size:5px; clear:both; padding:0px; margin:0px;}
.spacer10 { font-size:10px; clear:both; padding:0px; margin:0px; }
.spacer15 { font-size:15px; clear:both; padding:0px; margin:0px;}
.spacer20 { font-size:20px; clear:both;padding:0px; margin:0px;  }
.spacer30 { font-size:30px; clear:both; padding:0px; margin:0px; }
.spacer40 { font-size:40px;clear:both; padding:0px; margin:0px;}
.spacer123 { font-size:130px; clear:both; padding:0px; margin:0px; }
.spacerup { font-size:9px; clear:both; padding:0px; margin:0px; }
.spacerin { font-size:121px; clear:both; padding:0px; margin:0px; }