/* CSS Document */

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;
}
/* end hide */
body { 
	text-align:center;
	min-height:468px;/* for ie7*/
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;

}

#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 468px;
}	

#xinner {
	width: 915px;
	background:#fff;
	height: 800px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	
}

.age {
display:none;
}


.active-menu{
position:relative;
top:50px
}

.active-menu-s{
position:relative;
top:30px
}

.but-text{
position:relative;
top:5px
}


#menu{
position:relative;
top:95px;
height:76px;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#FFFFFF;
text-align:center;

#margin:0 0 0 -508px;
}

#menu-but-about-active, #menu-but-about {
float:left;
width:83px;
background-color:#1A9F00;
}

#menu-but-about-active {
height:76px;
}

#menu-but-about{
height:31px;
}

#menu-but-creatives-active, #menu-but-creatives {
float:left;
width:83px;
background-color:#C63449;
}

#menu-but-creatives-active {
height:76px;
}

#menu-but-creatives {
height:31px;
}

#menu-but-pf-active, #menu-but-pf {
float:left;
width:83px;
background-color:#551285;
}

#menu-but-pf-active {
height:76px;
}

#menu-but-pf {
height:31px;
}

#menu-but-contact-active, #menu-but-contact{
float:left;
width:83px;
background-color:#F96A37;
}

#menu-but-contact-active{
height:76px;
}

#menu-but-contact{
height:31px;
}

#menu-about, #menu-creatives, #menu-pf, #menu-contact {
position:relative;
height:216px;
width:908px;
background-image:url(images/about-menu.png);
background-position:bottom;
background-repeat:no-repeat;
}

#menu-about{
background-image:url(images/about-menu.png);
}


#menu-creatives {
background-image:url(images/creatives-menu.png);
}

#menu-pf {
background-image:url(images/pf-menu.png);
}

#menu-contact {
background-image:url(images/contact-menu.png);
}

#bcards {
position:relative;
height:216px;
width:323px;
margin:-77px 0px 0 583px;
}

#heading-copy{
position:relative;
height:150px;
background-image:url(images/about-us-header.png);
background-repeat:no-repeat;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:30px;
width:908px;
}

#heading-copy-portfolio{
position:relative;
height:190px;
background-image:url(images/portfolio-header.png);
background-repeat:no-repeat;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:30px;
width:908px;
}

#heading-copy-team{
position:relative;
height:190px;
background-image:url(images/team-header.png);
background-repeat:no-repeat;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:30px;
width:908px;
}

#heading-copy-contact{
position:relative;
height:190px;
background-image:url(images/contact-header.png);
background-repeat:no-repeat;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:30px;
width:908px;
}

#heading-copy-text{
position:relative;
top:25px;
width:830px;
margin:0px 0 0 30px;
}


#copy{
position:relative;
width:840px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:19px;
text-align:justify;
margin:20px 0 20px 10px;
#margin:20px 0 20px -10px;
color:#808080;

}


#copy-home{
position:relative;
width:860px;
height:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
line-height:25px;
text-align:justify;
margin:0px 0 20px 10px;
#margin:0px 0 20px -10px;
color:#ffffff;

left:-15px;
padding:10px;
#left:-10px;
background-image:url(images/newsbg2.gif);
border-bottom:1px dotted #333;
border-top:1px dotted #333;

}

#specials{
position:relative;
height:247px;

left:-9px;


#left:-15px;
width:900px;

}

#latest-pic{
float:left;
height:204px;
width:204px;
background-color:#CCCCCC;
padding:3px;
margin:6px;

}

#body-container{
position:relative;
margin:0 0 0 5px;
#margin:0 0 0 0;
width:880px
}


#notfound{
position:relative;
margin:0 0 0 5px;
#margin:0 0 0 0;
width:855px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-align:justify;
line-height:18px;
}

#body-container-2{
position:relative;
margin:0 0px 0 -3px;
#margin:0 0 0 -35px;
width:880px
}


.creatives{
float:left;
background-color:#999999;
width:208px;
height:350px;
margin:5px 0 0 4px;
padding:4px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;

}

.latest{
position:relative;
font-size:17px;
color:#ffffff;
background-color:#000;
height:29px;
width:83px;
text-align:center;
padding:2px 0 0 0;
top:-11px;
left:-10px;
#left:-10px;

}

.text{

margin:-5px 75px 0 75px;

}

#copy-home b{
font-weight:bold;

}


#contact-1a{
float:left;
width:250px;
}

#contact-1{
float:left;
width:250px;
margin:0 0 0 40px;
}


#contact-2{
float:right;

width:250px;
text-align:left;
}

#footnote{
	
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:10px;
	color:#666666;
	
}



.btn{
position:relative;
top:6px;

}

.btn-1{
position:relative;
top:8px;

}


#mark{
background-image:url(images/Mark-avatar.jpg);
background-position:center;
background-repeat:no-repeat;
height:100px;
width:149px;
#width:100px;
margin:5px 0 0 25px;


}


#steve{
background-image:url(images/Steve-avatar.jpg);
background-position:center;
background-repeat:no-repeat;
height:100px;
width:149px;
#width:100px;
margin:5px 0 0 25px;

}

#owen{
background-image:url(images/owen-avatar.jpg);
background-position:center;
background-repeat:no-repeat;
height:100px;
width:149px;
#width:100px;
margin:5px 0 0 0;

}

#ricki{
background-image:url(images/Ricki-avatar.jpg);
background-position:center;
background-repeat:no-repeat;
height:100px;
width:149px;
#width:100px;
margin:5px 0 0 20px;

}

#jose{
background-image:url(images/Jose-avatar.jpg);
background-position:center;
background-repeat:no-repeat;
height:100px;
width:149px;
#width:100px;
margin:5px 0 0 20px;

}


/**************************************************/

#sections{
position:relative;
height:50px;
left:-5px;
#left:-12px;
width:878px;

margin:0 0 25px 0;


}

#section-boxes{
float:left;
height:46px;
width:120px;

margin:2px 0 0 5px;


}



/**************************************************/

/*****************gallery**************************/
div.img
  {
 
  margin:1px;
 
    height:46px;
  width:auto;
  float:left;
  text-align:center;
  padding:0 0 0 30px;
  }
div.img img
  {
  display:inline;
 
 
  }
div.img a:hover img
  {
  border:;
  }
div.desc
  {
  
  }
  
  div.img-2
  {
  
  background-color:#000000;
  border:2px solid #000000;
    height:auto;
  width:auto;
  float:left;
  text-align:center;
  margin-left:120px;
  }
div.img-2 img-2
  {
  display:inline;
  
  border:1px solid #ffffff;
  }
div.img-2 a:hover img-2
  {
  border:1px solid #FFCC00;
  }
div.desc-2
  {
  text-align:center;
  font-weight:normal;
  width:374px;
  margin-left:3px;
  margin-bottom:3px;
   margin-top:3px;
  color:#000;
  background-color:#ffffff;
  font-size:12pt;
  }

/*************************************************/


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}



/****************gallery mode window************************/

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
	
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
	
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
	
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
	
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
background-color:#000000;
border:2px solid #ffffff;
	
    
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #000;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }



/***********************************************/


			
			
			h3{ 
			margin: 10px 10px 6px 12px; 
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			}
			
			.boxgrid{ 
				width: 204px; 
				height: 204px; 
				margin:0; 
				float:left; 
				background:#161613;  
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 204;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 167px;
 					left: 0;
 				}
				
				
/****************LINKS****************/
a:link {
	color:#ffffff; 
	text-decoration:none;
} 

a:visited {
	color:#ffffff; 
	text-decoration:none;
} 

a:hover {
	color:#CCCCCC;
} 

a:active {
	color:#CCCCCC;
	text-decoration:none;
}
				


b a:link {
	color:#333333;
	text-decoration:none;
} 

b a:visited {
	color:#333333; 
	text-decoration:none;
} 

b a:hover {
	color:#CCCCCC;
} 

b a:active {
	color:#333333; 
	text-decoration:none;
}

.text b a:link {
	color:#006600;
	text-decoration:none;
} 

.text b a:visited {
	color:#006600; 
	text-decoration:none;
} 

.text b a:hover {
	color:#CCCCCC;
} 

.text b a:active {
	color:#006600; 
	text-decoration:none;
}
			
#notfound a:link {
	color:#8bc53e;
	text-decoration:underline;
} 

#notfound a:visited {
	color:#8bc53e; 
	text-decoration:underline;
} 

#notfound a:hover {
	color:#CCCCCC;
} 

#notfound a:active {
	color:#8bc53e; 
	text-decoration:underline;
}	

#footnote b a:link {
	color:#999999;
	text-decoration:none;
} 

#footnote b a:visited {
	color:#999999; 
	text-decoration:none;
} 

#footnote b a:hover {
	color:#CCCCCC;
} 

#footnote b a:active {
	color:#999999; 
	text-decoration:none;
}


/********************************RICKI STYLES**********************************/

#landing-page-content {
	margin:0 0 20px 0;
	width:640px;
	float:right;
	text-align:left;
}

p.normal {
	font-size:12px;
	margin:15px 0 15px 0;
}

h1 {
	margin:auto;
}

.phone-bold { 
	font-weight:bold; 
	font-size:15px;
}
							
#contact-lp{
	float:left;
	width:180px;
}