*{
margin:0;
padding:0;
border:0;
}

body{
background-color:#ffffff;
font:13px Helvetica, Verdana, Arial, sans-serif;
line-height:1.6em;
}

#bg{
position:absolute;
background-image:url(images/bg_1.jpg);
left:50%;
top:0px;
width:1680px;
height:450px;
margin-left:-840px;
}

#top{
position:absolute;
left:50%;
top:0px;
width:800px;
height:auto;
margin-left:-400px;
}

#nav_home{
position:absolute;
top:0px;
left:390px;
}

#nav{
position:absolute;
top:0px;
left:0px;
}

#elearning{
position:absolute;
left:-120px;
top:230px;
}

#web2{
position:absolute;
left:200px;
top:130px;
}

/*content_border*/
.con_left{
background:url(images/con_left.gif) repeat-y;
}

.con_right{
background:url(images/con_right.gif) repeat-y;
}

.con_a_left{
background:url(images/con_a_left.gif);
width:16px;
height:20px;
}

.con_btm{
background:url(images/con_btm.gif) repeat-x;
}

.con_a_right{
background:url(images/con_a_right.gif);
width:16px;
height:20px;
}

#content_area{
position:absolute;
left:50%;
top:450px;
height:auto;
width:808px;
margin-left:-404px;
}

/*whoweare*/
#who01{
position:absolute;
right:54px;;
top:80px;
}

#who02{
position:absolute;
right:10px;
top:270px;
}

#who03{
position:absolute;
left:0px;
top:310px;
}

/*whatwedo*/
#what01{
position:absolute;
right:30px;
top:94px;
}

#what02{
position:absolute;
right:-80px;
top:260px;
}

#what03{
position:absolute;
left:0px;
top:310px;
}

/*projects*/
#project01{
position:absolute;
right:0px;;
top:83px;
}

#project02{
position:absolute;
right:0px;
top:270px;
}

#project03{
position:absolute;
left:0px;
top:310px;
}

.screenshot{
border:1px solid #01c7c8;
}

.project_heading{
width:235px;
padding-left:5px;
background-color:#01c7c8;
color:#ffffff;
font-size:13px;
font-weight:bold;
font-style:italic;
}

.project_info{
width:235px;
padding-left:5px;
padding-top:3px;
background-color:#ffffff;
color:#666666;
font-size:10px;
font-weight:bold;
line-height:1.3em;
}

/*creativity*/
#creativity01{
position:absolute;
right:107px;;
top:86px;
}

#creativity02{
position:absolute;
right:30px;
top:300px;
}

#creativity03{
position:absolute;
left:0px;
top:310px;
}


/*links*/
#links01{
position:absolute;
right:0px;;
top:90px;
}

#links02{
position:absolute;
right:7px;
top:255px;
}

#links03{
position:absolute;
left:0px;
top:310px;
}

/*contact*/
#contact01{
position:absolute;
right:70px;;
top:71px;
}

#contact02{
position:absolute;
right:60px;
top:285px;
}

#contact03{
position:absolute;
left:0px;
top:310px;
}

#contact_form{
width:280px;
height:260px;
line-height:1.6em;
}

#contact_form input{
border:1px solid #01c7c8;
width:280px;
}

#contact_form textarea{
border:1px solid #01c7c8;
width:280px;
}

#submit input{
width:80px;
background-color:#FFFFFF;
font-weight:bold;
}

/*font style*/
.bold-font{
font-weight:bold;
}

.grn_font{
color:#03a49c;
}

.large_font{
font-size:20px;
}

.black_font{
color:#000000;
}

a{
color:#666666;
}