/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;

}

#wrapper {
    margin: auto;
    width: 1024px;
    position: relative;
	background-color:#FFFFFF;
}

.topbar{height: 25px;
background-color:#666666;
}

#translate {
	position:absolute;
	z-index:1;
	left: 830px;
	top: 3px;
	font-size:6px;
	font:Verdana, Arial, Helvetica, sans-serif;
}

.opt { outline:none; border:none;}
.trbtn { background-color: #CCCCCC; outline:none; border:none; }
.trbtn:hover { background-color: #ffffff; cursor: pointer; }

#topnav{height: 25px;
background-color:#666666;
padding-left:5px;
color: #BFBFBF;
}

#topnav a {
color:#BFBFBF;
text-decoration:none; }

#topnav li {
    float: left;
    list-style: none;
    font-size: 11px;
   	color: #BFBFBF;
	padding: 4px 2px 0px 0px;
}

#topnav li:hover {color:#FFFFFF;
	}
	
#topnav a:hover {color:#FFFFFF;
	}	
	#logolink { position: absolute; top:41px; left:9px; height:143px; width:350px; z-index:10; background-image:url(images/1fixgiff.gif); }
	
#nav { text-align:center;
}

#nav li {
    float: left;
    list-style: none;
    width: 127px;
	height: 25px;
    font-size: 12px;
	font-weight: bold;
    border-left: 1px solid #C7C7C7;
	background-position:center;
	background-color:#666666;
	padding-top:10px;

	}



#nav li.first {
    width: 128px;
    border-left: none;
	padding-top: 10px;
}
#nav li.first a { color: #FFFFFF;}

#nav li.last {border-right: none;}
 
#nav a {
   color:#CCCCCC;
    display: block;
    text-decoration: none;
    padding: 0px 0px;
    width: 100%;
	height: 100%;
	}

#nav li:hover {
    background: #C1043D;
	}
	
#nav a:hover { background: #C1043D; padding-top:0px; display:block;
	}
	
#topblue{
height:30px;
width:1024px;
background-color:#B6D0E4;
z-index:50px;
float:left;
}



.design{
	width: 386px;
	background-color: #FFFFFF;
	font:verdana;
	font-size:11px;
	color:#6d6e71;
	padding-left: 26px;
	padding-right:10px;
	text-align:justify;
	}
	
	.design h3{
	position:relative;
	top: 15px;
	left: 10px;
	font-size:15px;
	font-weight:bold;
	color:#FF9900;
		}
		
.dotted{
float:left;
width:1px;
height:350px;
border-left: 1px dashed #999999;
margin-top:57px;
}
	
#botomblue{

height:35px;
width:1024px;
background-color:#B6D0E4;
}	
#botomblue li { float: left; list-style:none; text-align:center; padding-top:6px; font:sans-serif; font-size:14px; padding-right:20px; }
#botomblue li.first { padding:8px 20px 0px 30px; font-style:italic; font-weight:800; color:#078F26; }
#botomblue li.fb:hover { display:compact; }

		
#professional{
width: 420px;
border: 1px;
-moz-border-topleft-radius: 10px;
height:30px;
background-color: #078333;
text-align:center;
padding-left:30px;
}

#professional li { font :16px Verdana ; font-weight:700; padding-top:5px; list-style:none; color:#FFffff; }

#service {
position:absolute;
top: 300px;
left: 450px;
width: 544px;
height:auto;
padding-bottom: 15px;
padding-left:30px;
border-bottom:1px;
border-bottom-color:#339900;
border-bottom-style: solid;
font-size:14px;
}

#service li:hover { font-size:15px; }


#boxtitle {position:absolute; top: 560px; left: 480px; padding-top:10px; z-index:1000;}
#boxtitle li { float:left; list-style:none; padding-right:0px; z-index:1000; }
#boxtitle li.mmcd {padding-right:39px; }
#boxtitle li.presentation {padding-right:44px; }
#boxtitle li.web_design { padding-left:0px; padding-right:0px; }

#cover{ position:absolute; top: 600px; left: 469px; padding-top:10px; height:150px; }

#feature li { float:left; background-color:#FFFFFF; top: 5px; padding-right:70px; padding-left:30px; list-style:none; height:100px;}
#feature li.first {padding-left:40px;  }
#feature li.second {padding-right:90px;}
#design_service li { float:left; margin-left:auto margin-right:auto; width: 160px; height:150px; padding-right:10px; padding-left:10px; background-color:#FFFFFF; list-style:none; border-right: 1px dashed #CCCCCC; text-align: inherit; color:#6d6e71}

#design_service li.first{border-left: 1px dashed #CCCCCC;}

#testi{ padding-left:150px; margin-bottom:30px; background:none; height: 150px;  }
.testimonial { background:url(../images/bg_testimonials_c.gif) repeat-y left;  margin:0; border:0; height:150px;}
.testimonial div { background:url(../images/bg_testimonials_b.gif) no-repeat bottom left;  margin:0; border:0;}
.testimonial div div { background:url(../images/bg_testimonials_t.gif) no-repeat top left; padding:2px 8px; width:260px; height:170px; color: #009900;}
.testimonial p { margin:0; padding-top:3px; padding-left:5px; line-height:1.8em; padding-top:5px; color:#FF8306;}



#footer {
height: 40px;
width: 1024px;
background: #666666;
position: relative;
top: 0px;
left: 0px;
}

#footer li {
    float: left;
    list-style: none;
    width: 70px;
font-family: verdana;
    font-size: 11px;
margin-top: 10px;
font-align: center;
    font-weight: bold;
    border-left: 1px solid white;
    text-align: center;
}

#footer li.copyr {
width:440px;
  padding-left: 5px; 
    border-left: none;
}

#footer li.first {
    width:70;
padding-left: 0px; 
    border-left: none;
}

#footer li.tos {
    width:130px;
padding-left: 0px; 
    border: 0px 1px;
}

#footer a {
    color:#BFBFBF;
    text-decoration: none;
    
    padding: 2px 0;
    width: 100%;
}

#footer a:hover {
    color: #fff;
}