body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(http://www.lifeingray.com/images/page_bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#000000;
}


img {border:none;}
img a {border:none;}

#wrapper {
	width:1000px;
	margin:0 auto;
	padding:0px;
	background-image:url(http://www.lifeingray.com/images/body_wrapper.jpg);
	background-repeat:repeat-y;
}


#body_bg {
	background-image:url(http://www.lifeingray.com/images/body_top.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}

#header_bg {
	height:150px;
	width:1000px;
	margin:0 auto;
	padding:0px;
	z-index:0;
}


#login {
	text-align:left;
	margin-left:90px;
	padding-top:40px;
	width:220px;
	color:#697272;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
}

#login a {
	text-decoration:none;
	color:#b5c5c5;


}

#login a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

#menu {
	text-align:right;
	margin-right:90px;
	padding-top:40px;
	width:580px;
	color:#697272;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
}

#footer {
	background-image:url(http://www.lifeingray.com/images/footer.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:170px;
}

#menu a {
	text-decoration:none;
	color:#b5c5c5;
	padding:3px;

}

#menu a:hover {
	text-decoration:none;
	color:#FFFFFF;
}


.content {

	width:630px;
	padding-top:20px;
	padding-left:90px;
	padding-right:20px;
	color:#8d9999;
	text-align:justify;
	font-size:14px;
	float:left;
	z-index:50;
}

.content2 {

	width:840px;
	padding-top:70px;
	padding-left:80px;
	padding-right:80px;
	color:#8d9999;
	text-align:justify;
	font-size:14px;
	float:left;
	z-index:50;
}


.content3 {

	width:840px;
	padding-top:20px;
	padding-left:80px;
	padding-right:80px;
	color:#8d9999;
	text-align:justify;
	font-size:14px;
	float:left;
	z-index:50;
}


.side {
	float:right;
	width:150px;
	padding-left:20px;
	padding-right:90px;
	padding-top:65px;
	
}


.content a {
	text-decoration:none;
	color:#b5c5c5;

}

.content a:hover {
	text-decoration:none;
	color:#FFFFFF;
}


.content2 a {
	text-decoration:none;
	color:#b5c5c5;

}

.content2 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}


.content3 a {
	text-decoration:none;
	color:#b5c5c5;

}

.content3 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}


h1 {
 color:#b0bfbf;
 font-size:20px;
}
h2 {
 color:#b0bfbf;
 font-size:18px;
}
h3 {
 color:#b0bfbf;
 font-size:16px;
}

.clear {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	width:100%;
}
.clear2 {
	clear:both;
	height:15px;
}

.thumb {
	width:200px;
	text-align:center;
	padding:5px;
	float:left;
}

.thumb2 {
	width:400px;
	text-align:center;
	padding-left:10px;
	padding-right:5px;
	padding-top:15px;
	float:left;
}


.lig_form {	
	background:url(images/lig_input.jpg) repeat-x;
	color:#FFF;
	border:solid 1px #8a8a8a;
}

.lig_form2 {	
	background:url(images/lig_input2.jpg) repeat-x #585858;
	color:#FFF;
	border:solid 1px #8a8a8a;
}

.site_blurb {
	padding:5px;
	padding-top:10px;
	text-align:justify;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
}


.site_blurb2 {
	padding:10px;
	padding-top:10px;
	text-align:justify;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
}


.site_blurb b {
	font-size:13px;
	color:#BDBDBD;
	padding-bottom:4px;
}

.lang {
	/* color:#F90; */
	color:#e88b00;
	font-size:8.5px;
}

.lang2 {
	/* color:#F90; */
	color:#e88b00;
	font-size:8.5px;
	float:right;
	padding-top:2px;
	padding-right:10px;
}

.art_title {
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#BDBDBD;
	padding-left:10px;
}
/********* Rollovers *********************/


.web 
{
 width:150px;
 background: url(images/web_hover.jpg) 0 -400px no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.web  a
{
 display:block;
 height:400px;
 text-indent:-1000em;
 background-position: 0 0;
 width:150px;
 background: url(images/web_hover.jpg) 0 0 no-repeat;
}
.web  a:hover
{
 background: transparent;
}



.identity 
{
 width:150px;
 background: url(images/identity_hover.jpg) 0 -400px no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.identity  a
{
 display:block;
 height:400px;
 text-indent:-1000em;
 background-position: 0 0;
 width:150px;
 background: url(images/identity_hover.jpg) 0 0 no-repeat;
}
.identity  a:hover
{
 background: transparent;
}
 
 .animation 
{
 width:150px;
 background: url(images/animation_hover.jpg) 0 -400px no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.animation  a
{
 display:block;
 height:400px;
 text-indent:-1000em;
 background-position: 0 0;
 width:150px;
 background: url(images/animation_hover.jpg) 0 0 no-repeat;
}
.animation  a:hover
{
 background: transparent;
}
 
 .art 
{
 width:150px;
 background: url(images/art_hover.jpg) 0 -400px no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.art  a
{
 display:block;
 height:400px;
 text-indent:-1000em;
 background-position: 0 0;
 width:150px;
 background: url(images/art_hover.jpg) 0 0 no-repeat;
}
.art  a:hover
{
 background: transparent;
}


/********* Rollovers *********************/


.port_web 
{
 width:360px;
 background: url(images/port_web_hover.jpg) 0 0 no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.port_web  a
{
 display:block;
 height:120px;
 text-indent:-1000em;
 background-position: 0 0;
 width:360px;
 background: url(images/port_web_hover.jpg) 0 -120px no-repeat;
}
.port_web  a:hover
{
 background: transparent;
}


.port_identity
{
 width:360px;
 background: url(images/port_identity_hover.jpg) 0 0 no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.port_identity  a
{
 display:block;
 height:120px;
 text-indent:-1000em;
 background-position: 0 0;
 width:360px;
 background: url(images/port_identity_hover.jpg) 0 -120px no-repeat;
}
.port_identity  a:hover
{
 background: transparent;
}

.port_3d 
{
 width:360px;
 background: url(images/port_3d_hover.jpg) 0 0 no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.port_3d  a
{
 display:block;
 height:120px;
 text-indent:-1000em;
 background-position: 0 0;
 width:360px;
 background: url(images/port_3d_hover.jpg) 0 -120px no-repeat;
}
.port_3d  a:hover
{
 background: transparent;
}

.port_2d 
{
 width:360px;
 background: url(images/port_2d_hover.jpg) 0 0 no-repeat;
 float:left;
 margin-left:30px;
 margin-right:30px;
}
.port_2d  a
{
 display:block;
 height:120px;
 text-indent:-1000em;
 background-position: 0 0;
 width:360px;
 background: url(images/port_2d_hover.jpg) 0 -120px no-repeat;
}
.port_2d  a:hover
{
 background: transparent;
}
