@media (min-width: 888px) {

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

*, h1, h2, h3, h4, h5, p{
	margin:0, padding:0
}

/*this below is the gradient*/
#gradient_bg{
	background:url(images/gradient-bg1.png) repeat-x; z-index:2; height:1200px; width:100%; position:absolute; left:0; top:0;
}

#line_bg1{
	position:relative; background:url(images/line-bg1.png) no-repeat; z-index:3; height:376px; width:100%;left:0; top:1000px;
}

/*header(see aove) and below (#overgradient) is used to contain anything over gradient*/

/*this layer is over the gradient and contains everything*/
#over_gradient{
	z-index:4; position:absolute; left:0; top:0; height:inherit; width:100%;	
}

/*--*/


#header{
	margin:0 auto; height:223px; width:567px; background:#FFF; background:url(images/logo1_header.png) no-repeat; 
}

.spacer1{
	height:44px; border-top:#cccccc solid 1px;
}

.spacer2{
	height:34px; 
}

.spacer3{
	height:50px;
}

#body{
	 height:inherit; width:inherit;
}

/*WIDTH control of all elements*/

#footer1, .spacer1{
	width:90%; margin:0 auto;
}

#body, .spacer2, spacer3{
	width:900px; margin:0 auto; min-width: 200px;
}

/*WIDTH control of all elements*/


/*togehter atributes of interior twin columns*/

#container_a_right, #container_a_left{
	height:inherit; 
}
	
#container_a_right{
	width:745px; 
	background:none; 
	float:right; 
	height:713px;
}

#container_a_right2{
	width:745px; 
	background:none; 
	float:right; 
	height:211px;
	style="background:none;
}

#container_a_right3{
	width:745px; 
	background:none; 
	float:right; 
	height:235px;
	style="background:none;
}

#container_a_right4{
	width:745px; 
	background:none; 
	float:right; 
	height:280px;
	style="background:none;
}

	/*controls background color of portolio items section */
	
	
#container_a_left{
	width:85px; background:none; float:left; margin:0 0 0 25px; /*controls resume box*/
}

/*togehter atributes of interior twin columns*/

/*container right (portfolio items)*/

.left, .right, .righta, .rightb{
	height:286px; 
}

.left{
	float:left;
	background:none; 
	width:225px;
	height:211px;
}

.right1{
	float:right;
	background:none;
	width:485px;
	height:234px;
}

.right2{
	float:right;
	background:none;
	width:745px;
	height:234px;
}

.right3{
	float:right;
	background:none;
	width:485px;
	height:211px;
}

.right4{
	float:right;
	background:none;
	width:745px;
	height:286px;
}
	.righta{
		float:left;
		background:none;
		width:225px;
		height:211px;
	}
	
	.rightb{
		float:right;
		background:none;
		width:225px;
		height:211px;
	}

/*container right (portfolio items)*/


/*Portfolio Images here*/

/*LegalZoom*/

#height {height:176px;}

.height {height:176px;}

.height2 {height:205px;}

#height2 {height:205px;}
	
#NFL0{ background:url(popups/images/NFL0.jpg);/*banner dimensions*/
height:205px;
width:745px;	
}

#NFL1{ background:url(popups/images/NFL1.jpg);
height:176px;
width:210px;	
}

#NFL2{ background:url(popups/images/NFL2.jpg);
height:176px;
width:210px;	
}

#NFL3{ background:url(popups/images/NFL3.jpg);/*square dimensions*/
height:176px;
width:210px;	
}

#NFL4{ background:url(popups/images/NFL4.jpg);/*banner dimensions*/
height:234px;
width:745px;	
}

#NFL5{ background:url(popups/images/NFL5.jpg);
height:210px;
width:210px;	
}

#NFL6{ background:url(popups/images/NFL6.jpg);
height:210px;
width:210px;	
}

#NFL7{ background:url(popups/images/NFL7.jpg);
height:210px;
width:210px;	
}
	

#LZ0{ background:url(popups/images/LZ0_homepage.jpg);/*banner dimensions*/
height:205px;
width:745px;	
}

#LZ1{ background:url(popups/images/LZ5_homepage.jpg);
height:176px;
width:210px;	
}

#LZ2{ background:url(popups/images/LZ4_homepage.jpg);
height:176px;
width:210px;	
}

#LZ3{ background:url(popups/images/LZ3_homepage.jpg);/*square dimensions*/
height:176px;
width:210px;	
}

#LZ4{ background:url(popups/images/LZ6_homepage.jpg);/*banner dimensions*/
height:234px;
width:745px;	
}

#LZ5{ background:url(popups/images/LZ7_homepage.jpg);
height:210px;
width:210px;	
}

#LZ6{ background:url(popups/images/LZ8_homepage.jpg);
height:210px;
width:210px;	
}

#LZ7{ background:url(popups/images/LZ9_homepage.jpg);
height:210px;
width:210px;	
}

/*Joe Digital*/

#JD1{ background:url(images/JD1.jpg);/*banner dimensions*/
height:234px;
width:745px;	
}

#JD2{ background:url(images/JD2.jpg);
height:210px;
width:210px;	
}

#JD3{ background:url(images/JD3.jpg);
height:210px;
width:210px;	
}

#JD4{ background:url(images/JD4.jpg);
height:210px;
width:210px;	
}

#JD5{ background:url(images/JD5.jpg);/*banner dimensions*/
height:234px;
width:745px;	
}

#JD6{ background:url(images/JD6.gif);
height:210px;
width:210px;	
}

#JD7{ background:url(images/JD7.gif);
height:210px;
width:210px;	
}

#JD8{ background:url(images/JD8.gif);
height:210px;
width:210px;	
}

/*Booz Digital here*/

#BD1{ background:url(popups/images/home_page_squares_BD1.jpg);/*banner dimensions*/
height:234px;
width:745px;	
}

/*The Daily here*/

#TD1{ background:url(images/portfolio1.png);
height:286px;
width:225px;	
}

#TD2{ background:url(images/portfolio2.png);
height:286px;
width:225px;	
}

#TD3{ background:url(images/portfolio3.png);
height:286px;
width:225px;	
}

#TD4{ background:url(images/portfolio4.png);
height:286px;
width:225px;	
}

#TD5{ background:url(images/portfolio5.png);
height:286px;
width:225px;	
}

#TD6{ background:url(images/portfolio6.png);
height:286px;
width:225px;	
}

#TD7{ background:url(images/portfolio7.png);
height:286px;
width:225px;	
}

#TD8{ background:url(images/portfolio8.png);
height:286px;
width:225px;	
}

#TD9{ background:url(images/portfolio9.png);
height:286px;
width:225px;	
}

#TD10{ background:url(images/portfolio10.png);
height:286px;
width:225px;	
}

#TD11{ background:url(images/portfolio11.png);
height:286px;
width:225px;	
}

#TD12{ background:url(images/portfolio12.png);
height:286px;
width:225px;	
}

/*Webdesign here*/

#WD1{ background:url(images/webpage_button_image_huntington.jpg);/*banner dimensions*/
height:286px;
width:745px;	
}

#WD2{ background:url(images/webpage_button_image_hildebrand.jpg);/*banner dimensions*/
height:286px;
width:745px;	
}

#WD3{ background:url(images/webpage_button_image_brenton_landscape.jpg);/*banner dimensions*/
height:286px;
width:745px;	
}

/*Portfolio Images end here*/



#footer1{
	height:68px; border-top:#cccccc solid 1px;
}

#footer_date{
	float: right;
	margin: 30px 0 0 0;
	height: 30px;
	width: 200px;
	background: none;
	font-family: Aller;
	font-size: 13px;
	color: #ffffff;
	text-align: right;
}

ul {
	margin:-4px 0 0 -40px; border-right:#cccccc solid 1px; height:70px;
}

li, a{
	margin: 0 0 10px 0;
	padding: 0 6px 0 0;
	font-family: Aller;
	color: #ffffff;
	text-align: right;
	text-decoration: none;
	font-size: 14px;
	list-style: none;
	display:list-item;
}

@font-face {
    font-family: Aller;
    src: url(Aller/Aller_Bd.ttf);
}

@media only screen and (device-width: 768px)
{
#body, .spacer2, spacer3{
	width:100%;
	margin:0 auto;
}

}
/* Your iPad specific rules here */


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
  #body, .spacer2, spacer3{
	width:100%;
  }  
}