@charset "UTF-8";
/*  ------------------------------GALLERY ------------------------------*/

* { margin: 0; padding: 0; }

#testube
{
	background:url(../images/fruitbg.jpg) top left;
	width: 220px;
	height:194px;
	overflow:hidden;
	float:left;
}
a img, img { border: none; }

.photo-link	{ 
	padding: 12px 10px 10px 11px; 
	margin: 0 32px 23px 26px;
	background: url(../images/normalbg.gif) no-repeat top left;
	display: block; 
	width: 220px;
	height:194px;
	float: left;
	color:#CCCCCC; 
	font:12px Arial; 
	text-align:left;
	text-decoration:none;
}
	
.photo-link:hover { 
	border-color: white;
	font:12px Arial; 
	text-align:left;
	text-decoration:underline; 
}
	

.recentcaptions {
	color:#CCCCCC; 
	font:13px Arial;
	text-align:left;
	margin:0;
	text-decoration:none;
	padding:3px 0 0 0; 
	border-top:1px solid #000000;
	width:123px;
	float:left;
}

.subheaddiv {
	margin:0; 
	border-bottom:1px solid #666666;
	width:123px;
	text-align:left;
	float:left;
}


/*------------ END GALLERY---------------*/



body {
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	font-size:11px;
	background:#000000 url(../images/bg.jpg) repeat-x top left; 
	margin:0 auto; 
	padding:0;
	text-align: center;
}

p{
	padding:8px 20px 0 24px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}


.placetext{
	width:170px;
	padding:0px 20px 0 24px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}


li .sitemap {
	color:#CCCCCC;
	text-align:left;
	list-style:inside;
	padding:0 0 5px 35px;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:17px;
}


ul .sitemap {
	color:#CCCCCC;
	text-align:left;
	padding:5px 0 5px 35px;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:17px;
}

.placetext{
	width:170px;
	padding:0px 20px 0 24px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}


li.sitemap {
	color:#CCCCCC;
	text-align:left;
	list-style:inside;
	padding:0 0 5px 35px;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:17px;
}


ul.sitemap {
	color:#CCCCCC;
	text-align:left;
	padding:5px 0 5px 35px;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:17px;
}


.line {
	background:url(../images/line.jpg)repeat-x center center;
	width:160px;
	padding:0 0 10px 0;
	margin: 0 0 0 7px;
	height:2px;
}


/*BLOCKS*/

.blocksh2 {
	color:#CCCCCC;
	text-align:left;
	font: 18px Arial, Helvetica, sans-serif;
	padding:8px 16px 4px 5px;
	line-height:15px;
}


.blocks {
	color:#CCCCCC;
	text-align:left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:15px;
	padding:0 16px 10px 5px;
}


.blocksimage {
	padding:0 30px 7px;
	line-height:17px;
}


.h1class {
	color:#CCCCCC;
	text-align:left;
	font: 20px Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	padding:0 0 15px 35px;
	line-height:17px;
}

.h1real {
	display:none;
}


.h2real {
	display:none;
}


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

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


#container {
	width: 900px;  
	margin: 0 auto;
	height:727px;
	text-align: center;
}

#cc {
	width:900px;
	margin:0 auto;
	padding:0;
	text-align: center;
}


#rcontain { 
	width:900px; 
	height:328px; 
	margin:0 auto;
}

.video {
	float:left;  
	height:230px;
	width:198px;
	
	margin:0;
	padding:0;
	background:url(../images/recentbg.jpg) no-repeat top left;
}

#itemsholder{
	width:870px;
	margin:0 auto;
	text-align: center;
	padding:0 0 20px 38px;
}

.advert{
	border:2px ;
	float:right ;
	margin:27px;
	width:82%;
	/*text-align:center ;*/
	/*padding: 8 px ;*/
	padding-top: 50 px;
}
.advert_video_full{
	border:2px ;
	float:left ;
	padding-top: 50 px;
}
.advert_login{
	border:2px ;
	margin-left:10px ;
	float:left ;
	padding-top: 50 px;
}
.advert_login_right{
	border:2px ;
	margin-left:10px ;
	float:right;
	padding-top: 50 px;
}
.advert_footer{
	border:2px ;
	margin-left:20px ;
	margin-right:50px ;
	padding-right:20 px ;
	padding-top: 50 px;
}
.videowork {
/*	width:215px;*/
	float:left;
	margin:0;
	text-align:center;
	height:204px;
	padding:13px 12px 10px 12px;
	color:#CCCCCC; 
	font:12px Arial;
	text-decoration:none;
}

.videowork a:hover {
	font:12px Arial; 
	text-decoration:underline; 
}
.abouttext{
	font:10px Arial, Helvetica, sans-serif; 
	color:#999; 
	text-align:left; 
	line-height:14px; 
	padding:70px 16px 3px 9px;
}

/* -------------------------------Top NAV------------------------------- */

#topnavigation {
	width: 407px;
	height:42px;
	margin-left: 460px;
	margin-top:-1px;
}

#topnavigationblog {
	width: 407px;
	height:42px;
	margin-left: 700px;
	margin-top:-1px;
}

#navworkohyea{
	width:470px;
	margin:0 auto;
	padding:0 0 0 427px;
}

#topnavigationblog2 {
	width: 407px;
	height:42px;
	margin:-1px auto;
}

ul#menulist {
	margin: 0;
	list-style: none;
	padding:0;
/*	width: 407px;
	overflow: hidden;*/
	list-style:none;
}
#menu {
padding-top:5px;
padding-left:20px;
width:870px;
margin:0 auto;
}
ul#menulist li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	overflow: hidden;
	height: 38px;
	float:left;
}
ul#menulist li a{
	font-size:14px;
	font-weight:bold;
	width:95px;
	display:block;
	padding:8px 0px 8px 0px;
}
ul#menulist li a:hover{
	background:#999999;
	color:#000000;
}

ul#navlist {
	margin: 0;
	list-style: none;
	font-size: 1px;
	padding:0;
	width: 407px;
	overflow: hidden;
	list-style:none;
}

ul#navlist li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	height: 42px;
	overflow: hidden;
}
	
ul#navlist a{
	margin:0;
	cursor: pointer;
	float: left;
	width:42px;
	padding: 42px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:42px /* for IE/Win only */
}
	
#navlist a:link,#navigation a:visited{
	background-position: 0 0px;
	display: block;
}

#navlist a:hover{
	background-position: 0 -42px;
	display: block;
}
	
li#home a{
	width: 61px;
	background:url(../images/topnav/home.gif) top left no-repeat;
}

li#login a{
	width: 89px;
	background: url(../images/topnav/login.gif) top left no-repeat;
}

li#logout a{
	width: 89px;
	background: url(../images/topnav/logout.gif) top left no-repeat;
}


li#sign_up a{
	width: 123px;
	background: url(../images/topnav/register.gif) top left no-repeat;
}
li#my_account a{
	width: 123px;
	background: url(../images/topnav/my_account.gif) top left no-repeat;
}
		
li#contact a{
	width: 76px;
	background: url(../images/topnav/contact.gif) top left no-repeat;
}

li#blog a{
	width: 56px;
	background: url(../images/topnav/blog.gif) top left no-repeat;
}


#recentwork {
	background-position: 0 0px;
	display: block;
}

#recentwork2{
	background-position: 0 -84px;
	display: block;
}

#recentwork2:hover{
	background-position: 0 -42px;
	display: block;
}
	
#page {
	width: 900px;
	height:170px; /* 114 */
	background:url(../images/fruitbg.jpg) no-repeat top left;
	margin:0px auto;
}


ul#fruit {
	margin: 0;
	list-style: none;
	font-size: 1px;
	padding:0 0 0 50px;
	overflow: hidden;
	list-style:none;
}

ul#fruit li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	height: 135px;
	overflow: hidden;
}
	
ul#fruit a{
	margin:0;
	width:135px;
	cursor: pointer;
	float: left;
	padding: 135px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:135px; /* for IE/Win only */
}
	
#fruit a:link,#fruit a:visited{
	background-position: 0 -136px;
	display: block;
}


#fruit a:hover{
	background-position: 0 0px;
	display: block;
}

	
li#lifetitle a{
	width: 311px;
	background:url(../images/life.gif) no-repeat top left;
}

li#webfruit a{
	width: 164px;
	margin-top:83px;
	background:url(../images/bignav/apple.gif) no-repeat top left;
}

li#designfruit a{
	width: 169px;
	margin-top:83px;
	background:url(../images/bignav/lime.gif) no-repeat top left;
}

li#contactfruit a{
	width: 133px;
	margin-top:83px;
	background:url(../images/bignav/orange.gif) no-repeat top left;
	
}

ul.recentliitem {
	margin:0;
	list-style: none;
	font-size: 1px;
	padding:0;
	width:131px; /* 223 */
	height: 100px;
	overflow: hidden;
}

ul.recentliitem li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	height: 210px;
	overflow: hidden;
}
	
ul.recentliitem a{
	margin:0;
	width:202px;
	cursor: pointer;
	float: left;
	padding: 202px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:202px; /* for IE/Win only */
}
	
.recentliitem a:link,.recentliitem a:visited{
	background-position: 0 0px;
}	

.recentliitem a:hover{
	/*background-position: 0 -202px;*/
	overflow: hidden;
}


/*-----------------FOOTER ----------------*/



#footer{
	clear:both;
	height:39px;
	margin:20px auto;
	width: 850px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:13px;
	text-align:left;
	color:#CCCCCC;
}

#footer p {
	margin:0; 
	text-align:left;
	padding-top: 44px;
	padding-left:10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:13px;
	color:#333333;
}

#page_footer {
	margin:0;
}



ul#footfruit {
	margin: 0;
	list-style: none;
	font-size: 1px;
	padding:0;
	width: 110px;
	overflow: hidden;
	list-style:none;

}

ul#footfruit li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	height: 39px;
	overflow: hidden;
}
	
ul#footfruit a{
	margin:0;
	width: 38px;
	cursor: pointer;
	float: left;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px; /* for IE/Win only */
}
	
#footfruit a:link,#footfruit a:visited{
	background-position: 0 -39px;
	display: block;
}


#footfruit a:hover{
	background-position: 0 0px;
	display: block;
}
	
	
li#footweb a{
	width: 35px;
	background:url(../images/footapple.jpg) no-repeat top left;
}

li#footdesign a{
	width: 38px;
	background:url(../images/footlime.jpg) no-repeat top left;
}

li#footcontact a{
	width: 36px;
	background:url(../images/footorange.jpg) no-repeat top left;
}

.row {
/*height:20px;*/
width:70%;
margin-left:5px;
display:block;
}

.row label {
width:150px;
text-align:left;
display:block;
float:left;
margin-bottom:10px;
color:#FFFFFF;
}
.row input {
margin-right:5px;
border:1px #CCCCCC solid;
background: none;
color:#FFFFFF;
}
.row .txt {
width: 200px;
}
.row #submit {
border:1px #FFFFFF solid;
background:#FFFFCC;
margin-left:150px;
color:#000000;
}

.alert {
color:#000000;
padding-left:5px;
padding-bottom:10px;
background-color:#FFFF00 ;
}

.alert_ackn {
color:#00FF33;
font-size:14px;
padding-left:5px;
padding-bottom:10px;
}

a span.pagination {
height:17px;
display:block;
border:1px solid #000000;
text-align:center;
float:left;
margin:0px 5px 0px 5px;
padding:3px 5px 0px 5px;
background:#12477A;
color:#FFFFFF;
}
a.sel span.pagination {
background:#FFFFFF ;
color:#12477A;
}
a span.pagination:hover {
background:#FFFFFF ;
color:#12477A;
}

.vid {
border:2px dotted #666666;
float:left;
margin:10px;
width:95%;
text-align:left ;
padding:8px ;
}
.vid:hover {
/*border:2px solid #FFFFFF;*/
}
.vid a {
text-decoration:none;
color:#33FFFF;
}
.vid img {
float:left;
padding:5px;
}
.vid span {
margin-top:5px;
font-size:12px;
color:#FFFFFF;
display:block;
line-height:18px;
}

.vid_form {
border:2px dotted #666666;
float:left;
margin:10px;
width:82%;
text-align:center ;
color:#FFFFFF ;
padding:8px ;
}
.vid_form:hover {
/*border:2px solid #FFFFFF;*/
}
.vid_form a {
text-decoration:none;
color:#33FFFF;
}
.vid_form img {
float:left;
padding:5px;
}
.vid_form span {
margin-top:5px;
font-size:12px;
color:#FFFFFF;
display:block;
line-height:18px;
text-align:left ;
}

.vid_home {
float:left;
margin:10px;
width: 800px ;
text-align:left ;
padding:8px ;
color:#FFFFFF;
font-size:12px;
}

.search {
width: 100% ;
text-align:center;
}