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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-image: url(images/fullbg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	min-width: 1138px;
}

#fullcontainer {
	width: 1500px;
	margin: 0 auto;
}

#outterleftbg {
	width: 170px;
	height:878px;
	background-image: url(images/outterleft_bg.jpg);
	float: left;
}

#outterrightbg {
	width: 188px;
	height:878px;
	background-image: url(images/outterright_bg.jpg);
	float: left;
}

#maincontainer {
	margin: 0 auto;
	width: 1142px;	
}

#headercontainer {
	width: 1142px;
	height: 96px;
	margin: 0 auto;
}

#logo {
	width: 245px;
	height: 96px;
	float: left;
}

#navcontainer {
	float: left;
	width: 849px;
	height: 96px;
	position: relative;
	z-index: 20;
	float: left;
}


#nav {
       height: 96px;
	   width: 733px;
       position: relative;
       display: block;
	   z-index: 20;
	   float: left;
	   
}

#design{
       background-image: url(images/newnav_design.jpg);
       width: 164px;
       height: 96px;
}

#pjb{
       background-image: url(images/newnav_pjb.jpg);
       width: 200px;
       height: 96px;
}

#video{
       background-image: url(images/newnav_video.jpg);
       width: 150px;
       height: 96px;
}

#target{
       background-image: url(images/newnav_ta.jpg);
       width: 197px;
       height: 96px;
}

#facebook{
       background-image: url(images/newnav_facebook.jpg);
       width: 124px;
       height: 96px;
}
#custompub{
       background-image: url(images/newnav_custompub.jpg);
       width: 150px;
       height: 96px;
}


#vertical{
       background-image: url(images/newnav_vs.jpg);
       width: 174px;
       height: 96px;
}
#animationcontainer {
	width: 1272px;
	height: 266px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	visibility: visible;
}

#animationcontainerhome {
	width: 1272px;
	height: 266px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
}

#newsearchcontainer {
	width: 1272px;
	height: 83px;
	margin: 0 auto;
	z-index: -1;
	position: relative;
	visibility: visible;
}

#homedivider {
	height: 350px;
}	

#maincontentcontainerhome {
	background-image: url(images/maincontentbg_home.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 10;
}

#maincontentcontainerinside {
	background-image: url(images/maincontentbg_inside.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 0;
	position: relative;
}

#maincontentcontainerinsidepost {
	background-image: url(images/maincontentbg_postnattract.png);
	width: 1142px;
	height: 1000px;
	margin: 0 auto;
	z-index: 0;
	position: relative;
}

#maincontentcontainerinsidedouble {
	background-image: url(images/maincontentbg_insidedouble.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 0;
	position: relative;
}

#maincontentcontainerinsidevirtual {
	background-image: url(images/maincontentbg_insidevirtual.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 0;
	position: relative;
}

#maincontentcontainercontact {
	background-image: url(images/maincontentbg_contactus.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 0;
	position: relative;
}

#maincontentcontainersearch {
	background-image: url(images/maincontentbg3.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 0;
	position: relative;
}

#searchdisplay {
	background-color: #FFF;
	margin-left: 12px;
	width: 1000px;
	height: 100%;
	padding-left: 30px;
	margin: auto;
}

#newsearchdisplay {
	background-color: #FFF;
	margin-left: 12px;
	margin-top: 12px;
	width: 1085px;
	height: 800px;
	padding-left: 30px;
}

#maincontentcontainerpages {
	background-image: url(images/maincontentbg_inside.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}

#maincontentcontainerblank{
	background-image: url(images/maincontentbg2.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}

#maincontentcontainernewhome{
	background-image: url(images/maincontentbg_newhome.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}

#maincontentcontainerpagesdouble {
	background-image: url(images/maincontentbg_insidedouble.png);
	width: 1142px;
	height: 517px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}

#topspace {
	width: 1142px;
	height: 91px;
}

#topspace2 {
	width: 1142px;
	height: 91px;
	padding-top: 20px;
	padding-left: 30px;
}

#samplecontainer {
	float: left;
	width: 739px;
}
#samplecontainercontact {	
	float:left;
	padding-left:120px;
	width:619px;
}
#samplecontainerhome {
	float: left;
	width: 715px;
	
	margin-left: 24px;
	margin-top: -10px;
	
}

#searchcontainer {
	float: left;
	width: 390px;
	height: 400px;

}

#searchcontainerhome {
	float: left;
	width: 390px;
	height: 400px;
	background-image: url(images/search_bg.png);
	background-repeat: no-repeat;
	margin-top: -331px;
	margin-left: 10px;
	padding-top: 70px;
	z-index: 2;
	position: relative;
}

#samples {
	width: 689px;
	margin-left: 50px;
	height: 200px;
}

#magsamples {
	
	margin-left: 50px;
	height: 200px;
	background-image:url(images/vert_magazines_screenshots.jpg);
	background-repeat:no-repeat;
}

#magsamples2 {
	
	margin-left: 50px;
	height: 200px;
	background-image:url(images/CoBrand_Magazines_screenshots.jpg);
	background-repeat:no-repeat;
}


#insidemag {
	padding-top: 30px;
	padding-left: 2px;
	float: left;
}

#insidemag2 {
	padding-top: 30px;
	padding-left: 21px;
	float: left;
}

#insidemag3 {
	padding-top: 30px;
	padding-left: 21px;
	float: left;
}


#sampletextcontainer {
	width: 739px;
	height: 200px;
	font-size: 10px;
}

#firstseperator {
	float: left;
	width: 65px;
	height: 200px;
}

#firstbox {
	float: left;
	width: 190px;
	
}

#secondseperator {
	float: left;
	width: 30px;
	height: 200px;
}
#secondbox {
	float: left;
	width: 200px;
}

#thirdseperator {
	float: left;
	width: 30px;
	height: 200px;
}
#thirdbox {
	float: left;
	width: 190px;
}

#searchbox {
	margin-right: 50px;
	text-align: right;
}

.result {
	float: left;
	min-width: 232px;
}

.result2 {
	float: left;
	min-width: 282px;
}

#animation {
	float: left;	
}
#world {
	float: left;
	margin-left: -100px;
	z-index: -100;
	position: relative;
	
}
#form {
	margin-top: -10px;
	float: left;
	z-index: 200;
}
#contactbuddy {
	
	float: left;
}

#contactbubble {
	margin-left: 50px;
	margin-top: 60px;
}

#contactbubblevideo {
	margin-left: 50px;
	margin-top: 60px;
}

#longsearch {
	margin-left: 50px;
	background-image: url(images/longsearch.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 642px;
	padding: 9px;
	margin: auto;
}

#longsearch2 {
	padding: 0;
	margin: 0;
	background-image: url(images/longsearch.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 777px;
	float: left;
	
}
.datecontainer {
	float: left;
		
	padding-left: 100px;
}

.covercontainer {
	float: left;
	padding-left: 60px;
	padding-right: 20px;
}

.visible {
	visibility: visible;	
}

#navleft {
	margin: 0;
	padding: 0;
	float: left;	
}

.white {
	color: #FFF;	
}

.gray {
	color: #6f6f6f;	
}

#searchform {
	padding-left: 15px;
	
}

#searchbtn {
	
	padding-top: 3px;
}	

#searchfields {
	padding: 8px;
	float: left;
}

.left {
	float: left; 	
}

#results {
	text-align: left;
	z-index: 1;
	padding-left: 20px;
	padding-top: 5px;
	margin-top: 2px;
	float: left;
}

.companylink {
	color: #0072ff;
	font-size: 14px;
}

#searchspace {
	float: left;
	width: 57px;
	height: 20px;
}

img { border: none; }

#sortby {
	float: right;
	padding-top: 5px;
	margin-top: 2px;
	text-align: right;
		
}

.class1 A:visited {color: #00F;}

#resultcontainer {
	float: left;
	height: 32px;
	width: 643px;
	background-image: url(images/results_bg.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#bottomsamples {
	position: relative;
	background-image: url(images/maincontentbg_bottom.png);
	height:512px;
	width: 1142px;	
}

A.newlinks:link {color: #00F; text-decoration:none;}
A.newlinks:hover {color: #00F; text-decoration:underline;}
A.newlinks:visited {color: #00F; text-decoration:none;}

#topsearch {
	background-image: url(images/homepage_searchbar.jpg);
	width:1098px;
	height:78px;
	margin-left: 20px;	
}
#topspacer {
	width: 1098px;
	height: 15px;	
}

#homesearch {
	height: 35px;
	padding-left: 139px;	
	padding-top: 19px;
}


input#textField {
	border: none;
	font-size:16px;
	background-image: url(images/searchinput_bar.png);
	background-repeat: no-repeat;
	background-color:transparent;
	height: 33px;
	width: 350px;
	margin-right: 20px;
}

#pjbbox {
	margin-left: 13px;
	background-image: url(images/homepage_pjbbox.jpg);
	width: 311px;
	height: 377px;	
	float: left;
}

#pjbboxtext {
	padding-top: 165px;	
	padding-left: 30px;
	width: 254px;
}

#pjbbutton {
	text-align: center;
	margin-left: 14px;
	width: 280px;	
}

#homepagecontainer {
	height:	409px;
}

#vsbox {
	float:left;
	height: 375px;	
	margin-top: 2px;
}

#smdbox {
	
	height: 184px;	
	margin-top: 4px;
	margin-left: 2px;
}

#latestworkbox {
	width: 430px;
	height: 378px;
	margin-left: 10px;
	background-image: url(images/latestwork_outterbox.jpg);
	float: left;	
	position: relative;
}

#contentframe {
	position: relative; 
	height:323px;
	width:393px;
	 
	left: 20px;
	overflow:hidden; 	
}

#latestworksample01 {
	position:absolute; 
	 top: 0px; 
	 left: 0px;
	 z-index: 1; 	
}

#latestworksample02 {
	position:absolute; 
	 top: 0px; 
	 left: 394px;
	 z-index: 1; 	
}

#latestworksample03 {
	position:absolute; 
	 top: 0px; 
	 left: 394px;
	 z-index: 1; 	
}

#latestworksample04 {
	position:absolute; 
	 top: 0px; 
	 left: 394px; 
	 z-index: 1;	
}

#latestworksample05 {
	position:absolute; 
	 top: 0px; 
	 left: 394px; 
	 z-index: 1;	
}

#latestworkclicktext {
	position:absolute; 
	 bottom: 0px; 
	 left: 0px; 
	 z-index: 100;	
}

#latestworknav {
	height: 43px;
}

#latestback {
	float: left;
	margin-top: 7px;
	margin-left: 7px;
}

#latestnext {
	float: right;
	margin-top: 7px;
	margin-right: 7px;
}

#posttext{
	padding-left: 50px;
	font-size:12px;
	width: 680px;
}	

h2 {
	padding: 0;
	margin: 0;	
}

h1 {
	color:#9fc54d;	
}