/* 
Date - 25-12-2006
Develop by JG
*/

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


body{
font-family:Tahoma, Verdana, Arial;
font-style:normal;
background-color:#666666;
}

#outerbody{
margin:auto;
margin-top:5px;
margin-bottom:5px;
width:800px;
height:1200px;
background-color:#ffffff;
}

#innerbody{
margin:auto;
width:700px;
background-color:#ffffff;
}

.height_beem{
	width:1px;
	border:0px solid #343445;
	float:left;	
}

/*-------*/

a.module:link {
	text-decoration: none;
	color: #0D707A;
	font-size: 100%;
}

a.module:visited {
	text-decoration: none;
	color: #0D707A;
	font-size: 100%;
}

a.module:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 100%;
	background-color: #006666;
}

a.module:active {
	text-decoration: underline;
	color: #999999;
	font-size: 100%;
}


.commonlink{
	text-decoration: none;
	color: #666666;
	font-size: 100%;
	
}


.mailicon {
font-family: Wingdings, Wingdings 2, Wingdings 3;
font-size:12px;
font-style:normal;
font-weight:normal;
color:#8C8C8C;

text-align:left;
}


/* Logo Area */
#logoarea{
float:left;
width:700px;
height:auto;
background-color:#FFFFFF;
}

#logoarea p{
float:left;
margin-top:5px;
width:700px;
font-size:10px;
text-align:right;
}

#logoarea .toplinks{
color:#006666;
text-decoration:none;
}

#logoarea .logo{
float:left;
width:239px;
height:89px;
border:0px;
}

#logoarea .telnum{
float:left;
margin-left:268px;
width:193px;
height:67px;
}

#topmenuarea{
float:right;
width:193px;
height:22px;
background-color:#0E707B;
}

/*IE\
* html #topmenuarea{

}
*/
#topmenuarea .topcorner{
float:left;
width:26px;
height:22px;
}

#topmenuarea p{
float:left;
font-size:11px;
color:#FFFFFF;
width:160px;
}

.linklist{
color:#FFFFFF;
text-decoration:underline;
font-size:11px;
}

.linklist2{
color:#666666;
text-decoration:underline;
font-size:11px;
}

.separator{
float:left;
width:700px;
height:6px;
}
/* Middle Bar */
#middlebar{
float:left;
width:700px;
height:auto;
}

#middlebar .dropdown-bar{
background-color:#8C8C8C;
width:auto;
height:24px;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-align:left;
}

#middlebar .bannerarea{
float:left;
width:700px;
height:105px;
}

#middlebar .bannerpic{
float:left;
width:700px;
height:105px;
border:0px;
}

/* Work Area */
#workarea{
float:left;
width:700px;
height:auto;
background-color:#666666;
}

/* Left Bar 666666 */
#leftbar_container{
float:left;
width:676px;
height:auto;
background-color:#F3F3F3;
}


#leftbar{
float:left;
width:492px;
height:auto;
background-color:#666666;
}



#leftbar h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:26px;
margin-left:31px;
color:#0E707B;
}

#leftbar .maintext{
float:left;
margin-top:10px;
margin-left:31px;
width:310px;
height:auto;
font-size:11px;
color:#666666;
}

/*IE\*/
* html #leftbar .maintext{
margin-left:15px;
}


#leftbar .mainimage{
float:left;
width:492px;
height:184px;
background-image:url(../images/Creative_Web_design.jpg);
}

#leftbar .centerdiv{
float:right;
margin-top:1px;
width:474px;
height:auto;
background-color:#ffffff;
border-right:1px dotted #F3F3F3;
}

.subtitle{
font-size:14px;
font-weight:bold;
color:#0E707B;
}

.subtitle_sl{
font-size:12px;
font-weight:bold;
color:#0E707B;
}


.graphicimage{
float:left;
width:100px;
height:auto;
text-align:center;
margin-left:40px;
color:#0E707B;
}

.visualeffectsimage{
float:left;
width:140px;
height:140px;
text-align:center;
margin-left:2px;
color:#0E707B;
}

.animationimage{
float:left;
width:140px;
height:140px;
text-align:center;
margin-left:2px;
color:#0E707B;
}

#leftbar .handimage{
float:left;
width:79px;
height:121px;
}

#leftbar h2{
float:left;
position:relative;
width:390px;
margin-left:10px;
margin-top:5px;
font-size:12px;
font-weight:bold;
color:#666666;
}

#leftbar .textlevel1{
float:left;
width:375px;
margin-top:10px;
margin-left:5px;
margin-right:5px;
font-size:11px;
color:#666666;
}

#leftbar p{
float:left;
width:440px;
margin-top:10px;
margin-left:10px;
font-size:11px;
text-align:justify;
color:#666666;
}

#leftbar .formarea{
float:left;
width:440px;
height:auto;
font-size:11px;
color:#666666;
}

#leftbar .porftext{
float:left;
width:220px;
height:auto;
}

#leftbar .porfimg{
float:right;
width:175px;
height:131px;
border:#999999 1px solid;
}

#leftbar .siteimg{
width:175px;
height:131px;
}


#leftbar .porftext p{
float:left;
width:220px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
font-size:11px;
text-align:justify;
color:#666666;

}


#leftbar .colltitle{
float:left;
margin-left:10px;
width:410px;
font-size:12px;
color:#0E7679;
font-weight:700;
}


#leftbar .collleft{
font-size:11px;
color:#666666;
text-align:right;
}

#leftbar .textbox {
float:left;
width:180px;
height:15px;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#666666;
}

#leftbar ul{
float:left;
display:block;
width:400px;
margin-top:5px;
height:auto;
margin-left:30px;
}

#leftbar li{
margin-left:25px;
margin-bottom:5px;
list-style-position:outside;
list-style-image: url(../images/buleteicone.jpg);
font-size:11px;
color:#666666;
text-align:justify;
}



/* Common Project list width:184px; */
#commonbar{
float:left;
width:181px;
height:auto;
background-color:#F3F3F3;
}

#commonbar h1{
width:180px;
text-align:center;
margin-top:20px;
font-size:12px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#commonbar p{
padding:0px;
border:0px;
width:135px;
height:10px;
margin-top:5px;
margin-left:35px;
font-size:11px;
color:#666666;
}

#commonbar .siteicone{
float:left;
width:150px;
height:1px;
margin-top:20px;
margin-bottom:5px;
margin-left:18px;
border:0px;
}

#commonbar .webicone{
float:left;
width:150px;
height:120px;
margin-top:20px;
margin-bottom:5px;
margin-left:18px;
border:0px;
}

#commonbar .siteicone2{
float:left;
width:150px;
height:103px;
margin-top:20px;
margin-bottom:5px;
margin-left:18px;
border:0px;
}

/* Lable Area */
#lablebar{
float:left;
width:23px;
height:auto;
}

#lablebar .rightlable{
float:left;
width:23px;
height:280px;
}

/*Bottom Bar */
#bommenu{
float:left;
width:700px;
height:30px;
background-color:#0E707B;
}

#bommenu p{
margin-top:5px;
margin-left:20px;
font-size:11px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}

#crbar{
float:left;
width:700px;
height:40px;
background-color:#FFFFFF;
}

#crbar p{
margin-top:10px;
margin-left:10px;
font-size:11px;
color:#666666;
text-decoration:none;
}