* { padding: 0; margin: 0; }

body {
background-color:#f7f7f7;
background-image:url(img/hexnet_bg.gif);
background-repeat:no-repeat;


}
/*    Begin Main Page  */
#main { 
 margin: 0 auto;
 margin-top:0px;
 width:848px;
 
}
/*    Begin Header  */
#header {
float: left;
width: 848px;
background-image:url(img/sky.png);
background-repeat:no-repeat;
margin-top:3px;
}

#logo{
float: left;
width:164px;
height:14px;
margin-top:44px;
margin-left:0px;
border:none;
}
 
#quote{
float:left;
width:848px;
height:128px;
margin-top:66px;
margin-left:0px;
background-image:url(img/quote.png);
background-repeat:no-repeat;
}
/*    End Header  */

/*    Begin Content  */
#content{
float:left;
width:848px;
margin-top:46px;
}
/*    Begin Projects  */

#projects{
float: left;
width:848px;
margin-top:-2px;
margin-left:0px;
}

.projects_header{
float:left;
width:848px;
height:44px;
margin-top:0px;
margin-left:0px;
background-image:url(img/recent_projects.png);
background-repeat:no-repeat;
}

.prev{
float: right;
width:24px;
height:24px;
margin-top:10px;
margin-right:10px;
background-image:url(img/prev_1.png);
background-repeat:no-repeat;
border:none;
}
.prev:hover{
background-image:url(img/prev_2.png);
background-repeat:no-repeat;
}

 
.next{
float: right;
width:24px;
height:24px;
margin-top:10px;
margin-right:13px;
background-image:url(img/next_1.png);
background-repeat:no-repeat;
border:none;
}
.next:hover{
background-image:url(img/next_2.png);
background-repeat:no-repeat;
}

 
.projectList{
float:left;
width:780px;
margin-top:20px;
margin-left:14px;
}

.projectList li{
float:right;
width:260px;
list-style:none; 
margin:0; 
padding:0; 
margin-right:20px;
}

.project{
float: left;
width:260px;
height: 300px;
margin-top:0px;
margin-right:0px;
}

#project_picture1{
	float: left;
	width:260px;
	 height:150px;
	margin-top:0px;
	margin-right:0px;
	background-image:url(img/justine_screen.jpg);
	background-repeat:no-repeat;
}
#project_picture1 span{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
}
#project_picture1 .plus:hover  {
	background: url(img/roll.png) no-repeat;
}


#project_picture2{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
	background-image:url(img/prepress_screen.jpg);
	background-repeat:no-repeat;
}

#project_picture2 span{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
}
#project_picture2 .plus:hover{
	background: url(img/roll.png) no-repeat;
}

#project_picture3{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
	background-image:url(img/croft_screen.jpg);
	background-repeat:no-repeat;
}

#project_picture3 span{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
}
#project_picture3 .plus:hover{
	background: url(img/roll.png) no-repeat;
}

#project_picture4{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
	background-image:url(img/parchem_screen.jpg);
	background-repeat:no-repeat;
}

#project_picture4 span{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
}
#project_picture4 .plus:hover{
	background: url(img/roll.png) no-repeat;
}

#project_picture5{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
	background-image:url(img/dlk_screen.jpg);
	background-repeat:no-repeat;
}

#project_picture5 span{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
}
#project_picture5 .plus:hover{
	background: url(img/roll.png) no-repeat;
}

#project_picture6{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
	background-image:url(img/isbre_screen.jpg);
	background-repeat:no-repeat;
}
#project_picture6 span{
	float: left;
	width:260px;
	height:150px;
	margin-top:0px;
	margin-right:0px;
}
#project_picture6 .plus:hover{
	background: url(img/roll.png) no-repeat;
}
 

.project_description{
float: left;
width:260px;
margin-top:14px;
margin-left:0px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.3em;
text-align:left;
}
.project_description_title{
float: left;
width:200px;
margin-top:0px;
margin-left:0px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#333333;
text-align:left;
font-weight:bold;
}
.project_description_content{
float: left;
width:260px;
margin-top:10px;
margin-left:0px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
text-align:left;
}
.project_description a{
float: left;
width:260px;
margin-top:10px;
margin-left:0px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:9px;
color:#cc0000;
text-decoration:underline;
}
.project_description a:hover{
color:#cc0000;
text-decoration:none;
}

/*    End Projects  */

/*    Begin WHO  */
#who{
float: left;
width:558px;
margin-top:50px;
margin-left:0px;
}

.who_header{
float:left;
width:558px;
height:44px;
margin-top:0px;
margin-left:0px;
background-image:url(img/who_we_are.png);
background-repeat:no-repeat;
}

.who_presentation{
float:left;
width:540px;
margin-top:30px;
margin-left:6px;
}

.who_presentation_pic{
float:left;
width:2px;
height:37px;
margin-top:0px;
margin-left:0px;
background-image:url(img/red.gif);
background-repeat:no-repeat;
}

.who_presentation_des{
float:left;
width:525px;
height:37px;
margin-top:-3px;
margin-left:10px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#4B4B4B;
line-height:1.3em;
text-align:left;

}

.who_text{
float:left;
width:525px;
margin-top:18px;
margin-left:16px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.3em;
text-align:left;
}


#people{
float:left;
width:558px;
margin-top:44px;
margin-left:0px;
}

.profils_description_pic{
float:right;
width:240px;
height:120px;
margin-top:0px;
margin-right:0px;
background-image:url(img/img.jpg);
background-repeat:no-repeat;
}

.profils_description_text{
float:right;
width:140px;
margin-top:25px;
margin-right:10px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:9px;
color:#666666;
line-height:1.8em;
text-align:right;
}

.separate{
float:right;
width:120px;
height:1px;
margin-right:0px;
margin-top:4px;
margin-bottom:4px;
}

.profils_description_text a{
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:9px;
color:#666666;
text-align:right;
text-decoration:none;
}
.profils_description_text a:hover{
color:#cc0000;
text-decoration:underline;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.clear {
clear:both;
}

#people .tabs-hide {
display:none;
}

#people .tabs-container {
width:395px;
margin-top:10px;
float:right;
margin-right:5px;
}

#people ul.tabs-nav {
float:left;
width:135px;
height:150px;
list-style:none;
margin-left:5px;
}

#people ul.tabs-nav li {
float:left;
width:56px;
height:56px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
}

#people ul.tabs-nav li a {
position:relative;
display:block;
width:56px;
height:56px;
background-image:url(img/profile.png);
background-repeat:no-repeat;
}

#people ul.tabs-nav li a:hover {
width:56px;
height:56px;
background-image:url(img/selected_profile.png);
background-repeat:no-repeat;
text-decoration:none;
}

#people .tabs-nav .tabs-selected a {
width:56px;
height:55px;
background-image:url(img/profile_active.png);
background-repeat:no-repeat;
}

#people ul.tabs-nav li img {
padding-top:4px;
padding-left:4px;
}

#people ul.tabs-nav li a span {
display:none;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:9px;
color:#666666;
line-height:1.8em;
text-align:right;
text-decoration:none;
	}
#people ul.tabs-nav li a:hover span{
    display:block;
    position:absolute;
	top:-32px;
	left:-23px;
    z-index:300;
	width:104px;
	height:34px;
	padding-top:3px;
   	background-image:url(img/tooltip.png);
	background-repeat:no-repeat;
	overflow:hidden;
	font-family: "lucida grande",tahoma,arial,sans-serif;
    font-size:11px;
    color:#666666;
    text-align:center;
    text-decoration:none;
	}

/*    End WHO  */

/*    Begin Updates  */

#updates{
float:left;
width:278px;
margin-top:50px;
margin-left:12px;
}

.updates_header{
float:left;
width:278px;
height:44px;
margin-top:0px;
margin-right:0px;
background-image:url(img/updates.png);
background-repeat:no-repeat;
}

.prev1{
float: right;
width:24px;
height:24px;
margin-top:10px;
margin-right:10px;
background-image:url(img/prev_1.png);
background-repeat:no-repeat;
border:none;
}
.prev1:hover{
background-image:url(img/prev_2.png);
background-repeat:no-repeat;
}
 
.next1{
float: right;
width:24px;
height:24px;
margin-top:10px;
margin-right:13px;
background-image:url(img/next_1.png);
background-repeat:no-repeat;
border:none;
}

.next1:hover{
background-image:url(img/next_2.png);
background-repeat:no-repeat;
}

.newsList{
float:left;
width:200px;
margin-top:0px;
margin-left:0px;
}

.newsList li{
float:left;
width:260px;
list-style:none; 
margin:0; 
padding:0; 
margin-right:0px;
}


.news{
float:left;
width:278px;
margin-top:30px;
margin-right:0px;
}

.news_pic{
float:left;
margin-top:0px;
margin-left:8px;
width:2px;
height:70px;

}
.news_title{
float:left;
margin-top:2px;
margin-left:10px;
width:240px;
height:15px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
text-align:left;
}

.news_date{
float:left;
margin-top:-2px;
margin-left:10px;
width:240px;
height:13px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
font-weight:normal;
color:#cc0000;
text-align:left;
 }
 
.news_des{
float:left;
margin-top:3px;
margin-left:10px;
width:250px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.3em;
text-align:left;
}
.news_des a{
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.5em;
text-align:left;
text-decoration:underline;
}
.news_des a:hover{
color:#cc0000;
text-decoration:underline;
}


/*    End Updates  */

/*    Begin Contact Us  */
#contactus{
float:left;
width:848px;
margin-top:68px;
margin-left:0px;
}

#contactus_header{
float:left;
width:848px;
height:44px;
margin-top:0px;
margin-left:0px;
background-image:url(img/contactus.png);
background-repeat:no-repeat;
}

#contactus_left{
float:left;
width:228px;
margin-top:30px;
margin-left:14px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.3em;
text-align:left;
}

#contactus_left ul{
padding-left:0em;
list-style:none;
}
#contactus_left li a{
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.5em;
text-align:left;
text-decoration:none;

}
#contactus_left li:hover{
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#cc0000;
line-height:1.5em;
text-align:left;
text-decoration:none;
}

#contactus_left a{
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#cc0000;
line-height:1.5em;
text-align:left;
text-decoration:underline;
}

#contactus_left a:hover{
text-decoration:none;
color:#cc0000;
}

#contactus_middle{
float:left;
width:224px;
margin-top:30px;
margin-left:76px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.5em;
text-align:left;
}

#contactus_middle li{
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.5em;
text-align:left;
list-style:disc !important;
}

#support{
float:left;
width:160px;
height:50px;
margin-top:32px;
margin-left:0px;
}


#contactus_right{
float:left;
width:208px;
margin-top:30px;
margin-left:68px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.5em;
text-align:left;
}

#contactus_right a{
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#666666;
line-height:1.5em;
text-align:left;
text-decoration:none;
}

#contactus_right a:hover{
color:#cc0000;
text-decoration:underline;
}

.newsletter{
float:left;
margin-top:15px;
width:208px;
}

.newsletter_header{
float:left;
margin-top:0px;
width:93px;
height:10px;
background-image:url(img/enter.png);
background-repeat:no-repeat;
}
.newsletter_form{
float:left;
margin-top:3px;
width:208px;
height:25px;

}
.newsletter_field input{
float:left;
margin-top:2px;
width:165px;
height:20px;
border:1px solid #999999;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:14px;
color:#666666;
line-height:1.5em;
text-align:left;
 
}
#userName{
display:none !important;
visibility:hidden !important;
}

input.btn_ok {
float:right;
margin-top:2px;
width:32px;
height:22px;
background-image:url(img/ok.png);
background-repeat:no-repeat;
border:none;
 
}
input.btn_ok:hover{
background-image:url(img/ok2.png);
background-repeat:no-repeat;
border:none;
}

.sep{
float:left;
margin-top:15px;
width:208px;
height:1px;
background-image:url(img/dotted.gif);
background-repeat:no-repeat;
}
.find_us{
float:left;
margin-top:15px;
width:208px;
}
.find{
float:left;
margin-top:3px;
width:208px;
}
.find_img{
float:left;
margin-top:3px;
width:16px;
height:16px;
}
.find_link{
float:left;
margin-top:3px;
width:160px;
margin-left:8px;
 }
/*    End Contact Us  */


/*    Begin To_top  */
.btn_top{
float:right;
margin-top:50px;
margin-bottom:20px;
width:848px;
height:24px;
background-image:url(img/totop.png);
background-repeat:no-repeat;
}

.btn_top_link{
float:right;
margin-top:0px;
width:70px;
height:24px;
}
/*    End  To_top */


/*    Begin Request */
#request{
position:absolute;
top:0px;
margin-left:522px;
z-index:100;
width:326px;
height:28px;
background-image:url(img/redbg.png);
background-repeat:no-repeat;
visibility:hidden;
}
.request_message{
float:left;
margin-top:7px;
margin-left:10px;
width:290px;
height:20px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#FFFFFF;
}
.request_close{
float:right;
margin-top:11px;
margin-right:9px;
width:7px;
height:7px;
background-image:url(img/close_notif.gif);
background-repeat:no-repeat;
}

/*    Begin Request */

/*    Begin Slide*/

#justine{
position:absolute;
top:100px;
margin-left:30px;
z-index:100;
width:796px;
height:487px;
background-image:url(img/slide.png);
background-repeat:no-repeat;
visibility:hidden;
}
.slide_content{
float:left;
margin-top:45px;
margin-left:42px;
width:710px;
height:398px;
}
.slide_close{
float:right;
margin-top:5px;
margin-right:50px;
width:66px;
height:20px;
background-image:url(img/close.png);
background-repeat:no-repeat;
}
.slide_close:hover{
background-image:url(img/close2.png);
background-repeat:no-repeat;
}
#prepress{
position:absolute;
margin-left:30px;
top:100px;
z-index:100;
width:796px;
height:487px;
background-image:url(img/slide.png);
background-repeat:no-repeat;
visibility:hidden;
}
#croft{
position:absolute;
margin-left:30px;
top:100px;
z-index:100;
width:796px;
height:487px;
background-image:url(img/slide.png);
background-repeat:no-repeat;
visibility:hidden;
}
#parchem{
position:absolute;
margin-left:30px;
top:100px;
z-index:100;
width:796px;
height:487px;
background-image:url(img/slide.png);
background-repeat:no-repeat;
visibility:hidden;
}
#dlk{
position:absolute;
margin-left:30px;
top:100px;
z-index:100;
width:796px;
height:487px;
background-image:url(img/slide.png);
background-repeat:no-repeat;
visibility:hidden;
}
#isbre{
position:absolute;
margin-left:30px;
top:100px;
z-index:100;
width:796px;
height:487px;
background-image:url(img/slide.png);
background-repeat:no-repeat;
visibility:hidden;
}

/*    Begin Request */

.thankyou_message{
float:left;
margin-top:7px;
margin-left:10px;
width:290px;
height:20px;
font-family: "lucida grande",tahoma,arial,sans-serif;
font-size:11px;
color:#FFFFFF;
}
.thankyou_close{
float:right;
margin-top:11px;
margin-right:9px;
width:7px;
height:7px;
background-image:url(img/close_notif.gif);
background-repeat:no-repeat;
}

#thankyou {
position:absolute;
top:0px;
margin-left:522px;
z-index:100;
width:326px;
height:28px;
background-image:url(img/redbg.png);
background-repeat:no-repeat;
}

/*    End Request */
/*    End  Slide */

/*    End Content  */
/*    End Main Page  */