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

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline: 0;
}
ol, ul, li {
	list-style : none;
}
em {
	font-style: italic;
}
strong {
	font-weight:bold;
}
/*--- =html ---*/
html {
	height:100%;
	margin:0;
	padding:0;
}
/*--- =body ---*/
body {
	/*text-align:center;*/
	margin:0;
	padding:0;
	background:#000000;
}
/*--- =blocktext ---*/
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol {
	margin: 0px 0px 15px 0px;
	padding: 0;
}
/*--- =clear floats ---*/
.clear {
	clear:both;
}
/*--- =container ---*/
div#container {
	margin:0 auto 0 auto;
	width:912px;
}
/*--- =header ---*/

#header {
	height:250px;
	width:912px;
	margin:0 auto 10px auto;
}
/*--- =nav ---*/
ul#nav {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto 20px auto;
	padding:0 0 0 0;
	position:relative;
	width:903px;
	height:50px;
	border-bottom:solid 2px #ff0077;
}
ul#nav li {
	position:relative;
	float:left;
}

ul#nav a {
	display:block;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
}
/*--- =about ---*/

#nav a.about {
	display:block;
	background:url(../images/nav_about.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:57px;
}
#nav a.about:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.about_page {
	display:block;
	background:url(../images/nav_about.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:57px;
	border-bottom:solid 4px #4fa246;
}
/*--- =meet ---*/

#nav a.meet {
	display:block;
	background:url(../images/nav_meet.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:149px;
}
#nav a.meet:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.meet_page {
	display:block;
	background:url(../images/nav_meet.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:149px;
	border-bottom:solid 4px #4fa246;
}



/*--- =talk ---*/

#nav a.talk {
	display:block;
	background:url(../images/nav_talk.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:104px;
}
#nav a.talk:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.talk_page {
	display:block;
	background:url(../images/nav_talk.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:104px;
	border-bottom:solid 4px #4fa246;
}
/*--- =work ---*/

#nav a.work {
	display:block;
	background:url(../images/nav_work.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:152px;
}
#nav a.work:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.work_page {
	display:block;
	background:url(../images/nav_work.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:152px;
	border-bottom:solid 4px #4fa246;
}
/*--- =raw ---*/

#nav a.raw {
	display:block;
	background:url(../images/nav_raw.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:191px;
}
#nav a.raw:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.raw_page {
	display:block;
	background:url(../images/nav_raw.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:191px;
	border-bottom:solid 4px #4fa246;
}
/*--- =shop ---*/

#nav a.shop {
	display:block;
	background:url(../images/nav_shop.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:59px;
}
#nav a.shop:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.shop_page {
	display:block;
	background:url(../images/nav_shop.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:59px;
	border-bottom:solid 4px #4fa246;
}
/*--- =newsroom ---*/

#nav a.newsroom {
	display:block;
	background:url(../images/nav_newsroom.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:105px;
}
#nav a.newsroom:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.newsroom_page {
	display:block;
	background:url(../images/nav_newsroom.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:105px;
	border-bottom:solid 4px #4fa246;
}
/*--- =friends ---*/

#nav a.friends {
	display:block;
	background:url(../images/nav_friends.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:86px;
}
#nav a.friends:hover {
	border-bottom:solid 4px #4fa246;
}
#nav a.friends_page {
	display:block;
	background:url(../images/nav_friends.jpg) 100% 0% no-repeat;
	margin:0;
	height:37px;
	width:86px;
	border-bottom:solid 4px #4fa246;
}


/*--- =content ---*/



#content {
	width:897px;
	height:465px;
	margin:0 auto 0 auto;
	border:solid 2px #ff0077;
	background:#ffffff;
}

#home {
	background-image:url(../images/new_front.jpg);
	position:relative;
	width:897px;
	height:466px;
	margin:0 0 0 0;
	padding:0;
}

#home p {
	width:475px;
	height:270px;
	margin:0 0 10px 30px;
	top:200px;
	position:absolute;
	line-height:1.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
}

#work {
	background:url(../images/work_fork.jpg) 100% 0% no-repeat;
	position:relative;
	width:897px;
	height:466px;
}
#work p {
	width:475px;
	height:270px;
	margin:0 0 10px 30px;
	position:relative;
	line-height:1.25em;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
	padding-right:15px;
}
#work h2 {
	margin:0 0 0 20px;
}
#work ul {
	margin:20px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	position:absolute;
	top:390px;
}
#work ul.down {
	margin:20px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	top:110px;
}
#left {
	position:relative;
	float:left;
}
#left h2 {
	width:485px;
	heigt:117px;
	margin:0 0 0 20px;
}
#left p {
	width:475px;
	height:280px;
	margin:0 0 10px 30px;
	position:relative;
	line-height:1.25em;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:15px;
	overflow:auto;
}
#left p.meet_text {
	position:relative;
	overflow:auto;
}
#left ul {
	top:390px;
	margin:20px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	position:absolute;
}
#left ul.list {
	margin:20px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	top:110px;
	position:absolute;
}
#left ul.down {
	margin:20px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	top:110px;
}
.about {
	float:left;
	position:relative;
}
#left ul li {
	margin-bottom:5px;
}
#left a {
	text-decoration:none;
	color:#000000;
}
#left a:hover {
	color:#4fa246;
}
#right {
	position:relative;
	float:right;
	width:375px;
	height:465px;
	margin:.5px 0 0 0;
}
/*--- =footer---*/
 #footer {
	width:903px;
	position:relative;
	margin:auto;
}
#footer h3 {
	text-align:center;
	width:100%;
	position:relative;
	margin:45px 0 0 0;
}
#footer h3 img {
	position:relative;
	margin:0 auto 0 auto;
	height:117px;
	width:208px;
}
#footer p {
	margin:20px 0 0 0;
	padding-bottom:20px;
	float:right;
	position:relative;
	color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


/*--- =background---*/

.lettuce {
	position:absolute;
	top:325px;
	margin:0 0 0 50px;
	background:url(../images/background_lettuce.jpg) 100% 0% no-repeat;
	height:651px;
	width:1008px;
	z-index:-10;
}



/*--- =images ---*/

#left ul.images {
	top:110px;
	width:475px;
	height:252px;
	position:absolute;
	margin:20px 0 0 20px;
	overflow:auto;
}

#left ul.images li {
	float:left;
	margin:0 15px 10px 0;
	height:75px;
	width:75px;
	position:relative;
	display:block;
	border:solid 1px #ff0077;
}