body
{
background:url(images/bg.jpg) top center  fixed #0d0d0c;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
margin:0;
padding:0;
}
.paper
{
position:absolute;
margin:300px 0 0 450px;
}

 .sublink_right .paper
{
position:absolute;
margin:350px 0 0 500px;
}

.float_left
{
float:left;}

.float_right
{
float:right;}

ul
{}

li
{
}

a
{
color:#fff;}

.spacer
{
clear:both;
line-height:0px;
height:0px;}

.header
{
background:url(images/top_nav_bg.gif) repeat-x 0 85px;

height:146px;
margin-bottom:30px;}

.header_container
{
width:1100px;
margin:0 auto;
background:url(images/logo.png) no-repeat left top;
height:51px;
padding:95px 0 0 70px;
}

.navi
{
}

.navi a
{
margin:0 60px;
display:block;
float:left;}

.navi a:hover
{border-bottom:1px solid #fff;}

.home_body
{width:855px;
padding-left:50px;
margin:0 auto;}

.home_body a
{
float:left;
display:block;
height:388px;
width:171px;}

.home_body .online_marketing a
{
background:url(images/red.png);}

.home_body .online_marketing a:hover
{

background:url(images/red.png) bottom;}

.home_body .software a
{
background:url(images/blue.png);}

.home_body .software a:hover
{
background:url(images/blue.png) bottom;}

.home_body .web a
{
background:url(images/web.png);}

.home_body .web a:hover
{
background:url(images/web.png) bottom;}

.home_body .hardware a
{
background:url(images/green.png);}

.home_body .hardware a:hover
{
background:url(images/green.png) bottom;}

.home_body .student a
{
background:url(images/zedcreatives.png);}

.home_body .student a:hover
{
background:url(images/zedcreatives.png) bottom;}

.footer
{
height:50px;
width:847px;
margin:0 auto;
padding:25px 48px 0 95px;
}

.footer_text
{

float:left;}

.link_body
{
width:790px;
padding-left:60px;
margin:0 auto;}

.link_bg
{color:#000000;
padding:10px 12px;
width:622px;
background:url(images/link_bg.png);}

.link_left
{
float:left;
width:160px;}

.link_icon
{
margin:33px 0;
display:block;
text-align:center;}

.link_right
{
float:right;
width:415px;
}

.link_text
{
padding-right:80px;}

.form_body
{
width:676px;
margin:0 auto;}

.form_bg
{
background:url(images/form_bg.png);
padding:15px;}

.input_line
{
margin:12px 0;}

.input_area
{
background:url(images/input_bg.png) no-repeat;
height:29px;
width:176px;
margin:0 5px;
float:left;}

.input_area input
{
border:0px solid #000;
background: transparent;
color:#FFFFFF;
font-size:11px;
width:150px;
margin:5px 0 0 5px;
}

.text_area
{
background:url(images/msg_bg.png) no-repeat;
height:135px;
width:513px;
float:left;}

.text_area textarea
{
border:0px solid #000;
background: transparent;
color:#FFFFFF;
width:480px;
font-size:11px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
margin:35px 15px 0 5px;
}

.submit
{
margin:0 0 0 72px;}


.recruitpaper
{
position: absolute;
margin:-80px 0 0 500px;
}

.sublink_body
{
width:870px;
margin:0 auto;}

.sublink_right
{
width:725px;
float:right;}

.sub_link
{
	margin-top:70px;width:70px;
float:right;}

.sub_link a
{
display:block;
height:72px;
margin:6px 0 3px 16px;
width:32px;}

.sub_link .online_marketing a
{
background:url(images/red_thumb.png);}

.sub_link .online_marketing a:hover
{

background:url(images/red_thumb.png) bottom;}

.sub_link .software a
{
background:url(images/blue_thumb.png);}

.sub_link .software a:hover
{
background:url(images/blue_thumb.png) bottom;}

.sub_link .web a
{
background:url(images/web_thumb.png);}

.sub_link .web a:hover
{
background:url(images/web_thumb.png) bottom;}

.sub_link .hardware a
{
background:url(images/green_thumb.png);}

.sub_link .hardware a:hover
{
background:url(images/green_thumb.png) bottom;}

.sub_link .student a
{
background:url(images/meroon_thumb.png);}

.sub_link .student a:hover
{
background:url(images/meroon_thumb.png) bottom;}

.sub_bg
{
background:url(images/sub_bg.png);
}

.sub_bg p
{
	padding:5px 15px 0px 15px;
	font-size: 12px;
}

.sub_bg .online_bullet
{
list-style-image:url(images/online_bullet.png);}

.sub_bg .software_bullet
{
list-style-image:url(images/software_bullet.png);}

.sub_bg .web_bullet
{
	list-style-image:url(images/web_bullet.png);
	font-size: 12px;
}

.sub_bg .hardware_bullet
{
list-style-image:url(images/hardware_bullet.png);}

.sub_bg .student_bullet
{
list-style-image:url(images/student_bullet.png);}

.sub_bg ul
{
float:left;
 width:60%;}
 
.portfolio_bg
{
background:
url(images/portfolio_bg.png) no-repeat;
width:618px;
padding:18px 0px 0 10px; 
height:522px;}




.about_slid
{
position:absolute;
margin:150px 0 0 550px;
width:300px;
height:188px;
background:url(images/about_slide.png) no-repeat;}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 200;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: 30px;
position: absolute; /*position where enlarged image should offset horizontally */

}