@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; outline:none}

body{ background:url(../images/background_02.jpg) repeat-x left top #010101; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:12px; height: 100%;}

.container{ width:1200px;}
header{ position:relative; height:128px; top:0}
header h1{ background:url(../images/header_02.jpg) no-repeat left top; width:368px; height:8px; padding-top:80px; color:#11bccc; font-size:12px; font-weight:normal; position:absolute; top:0; right:50px; text-align:right}
header a{ color:#11bccc; text-decoration:none}
header a:hover{ color:#01fefc}

#wrapper{ position:relative; height:552px}
#content{ position:absolute; left:0; top:0; z-index:1; height:540px; padding-top:12px; float:left  }
div.txt{ position:absolute; width:350px; border:1px dotted; right:50px; top:110px; padding:10px; color:#333; background:#fff; z-index:50}
div.txt img{ position:absolute; border:none; right:5px; top:5px; z-index:50}
div.txt h2{ font-weight:normal; display:block; margin-bottom:15px}
div.txt span{position:absolute; right:0; bottom:12px}
#home{ border-color:#666}
#twitter{position:absolute; right:50px; top:263px;}
#illus{ border-color:#FF6600}
#webdesign{ border-color:#80c925}
#contact{ border-color:#11bccc}
#photo{ border-color:#8ce8fd}

#slider ul, #slider li{margin:0; padding:0; list-style:none; } 
#slider, #slider li{width:723px; height:541px; overflow:hidden; position:relative}
#slider li p{ position:absolute; left:0; top:33px; color:#000; display:block; width:723px; text-align:right}
#controls{ position:absolute; right:-454px; top:280px; z-index:100; float:right; width:400px }
#controls li { float:left; list-style:none; margin-bottom:12px;}
#controls li a{ float:left; display:block; height:50px; width:50px; border:1px solid #ccc; margin-right:12px; text-indent:-9999px}
#controls1{ background:url(../images/v1.jpg) no-repeat left top}
#controls2{ background:url(../images/v2.jpg) no-repeat left top}
#controls3{ background:url(../images/v3.jpg) no-repeat left top}
#controls4{ background:url(../images/v4.jpg) no-repeat left top}
#controls5{ background:url(../images/v5.jpg) no-repeat left top}
#controls6{ background:url(../images/v6.jpg) no-repeat left top}

#slider2 ul, #slider li{margin:0; padding:0; list-style:none;}
#slider2, #slider2 li{width:723px; height:541px; overflow:hidden; position:relative}
#slider2 li p{ position:absolute; left:0; top:53px; color:#000; display:block; width:653px; text-align:right; padding-right:70px}
#slider2 img{ border:none}
#control{ position:absolute; right:-454px; top:280px; z-index:100; float:left; width:400px }
#control li { float:left; list-style:none; margin-bottom:12px;}
#control li a{ float:left; display:block; height:50px; width:50px; border:1px solid #fff; margin-right:12px; text-indent:-9999px}
#control1{ background:url(../images/w1.jpg) no-repeat left top}
#control2{ background:url(../images/w2.jpg) no-repeat left top}
#control3{ background:url(../images/w4.jpg) no-repeat left top}
#control4{ background:url(../images/w3.jpg) no-repeat left top}
#control5{  background:url(../images/w111.png) no-repeat left top}
#control6{ background:url(../images/w112.png) no-repeat left top}
#control7{ background:url(../images/w114.png) no-repeat left top}
#control8{ background:url(../images/w7.jpg) no-repeat left top}
#control9{background:url(../images/w8.jpg) no-repeat left top}

#slider3 ul, #slider li{margin:0; padding:0; list-style:none;}
#slider3, #slider3 li{width:723px; height:541px; overflow:hidden; position:relative}
#slider3 li p{ position:absolute; left:0; top:53px; color:#000; display:block; width:653px; text-align:right; padding-right:70px}
#slider3 img{ border:none}
#contro{ position:absolute; right:-454px; top:240px; z-index:100; float:left; width:400px }
#contro li { float:left; list-style:none; margin-bottom:12px;}
#contro li a{ float:left; display:block; height:50px; width:50px; border:1px solid #fff; margin-right:12px; text-indent:-9999px}
#contro1{ background:url(../images/o1.jpg) no-repeat left top}
#contro2{ background:url(../images/o2.jpg) no-repeat left top}
#contro3{ background:url(../images/o3.jpg) no-repeat left top}
#contro4{ background:url(../images/o4.jpg) no-repeat left top}
#contro5{ background:url(../images/o5.jpg) no-repeat left top}
#contro6{ background:url(../images/o6.jpg) no-repeat left top}
#contro7{ background:url(../images/o7.jpg) no-repeat left top}
#contro8{ background:url(../images/o8.jpg) no-repeat left top}
#contro9{ background:url(../images/o9.jpg) no-repeat left top}
#contro10{ background:url(../images/o10.jpg) no-repeat left top}
#contro11{ background:url(../images/o11.jpg) no-repeat left top}
#contro12{ background:url(../images/o12.jpg) no-repeat left top}
#contro13{ background:url(../images/o13.jpg) no-repeat left top}
#contro14{ background:url(../images/o14.jpg) no-repeat left top}
#contro15{ background:url(../images/o15.jpg) no-repeat left top}

#contact a{ color:#8de9fe; text-decoration:none}
#contact a:hover{ color:#11bccc}
#contact form{ margin-bottom:10px; float:left}
#contact form div{ float:left; background:#333; margin-bottom:1px}
#contact div label{ color:#ccc; display:block; float:left; width:65px; padding:2px 0 0 5px}
#contact div input{float:left; width:278px; border:1px solid #ccc }
#contact div textarea{float:left; width:278px; border:1px solid #ccc; height:50px }
#contact div input:focus{ background:#d5fffc; }
#contact div textarea:focus{ background:#d5fffc}
#bu{background: #8de9fe; border:none; display:block; color:#fff; cursor:pointer; margin:0; padding:0; text-align:right; font-size:10px; clear:both ; font-weight:bold; float:left; text-transform:capitalize}
#bu:hover{background: #11bccc;}


nav{ position:absolute; right:50px; top:44px; z-index:50}
nav li{ list-style:none; margin-bottom:2px}
nav a{ display:block; height:16px; width:201px; color:#333; text-decoration:none; border-left:2px solid #fff; border-right:2px solid #fff; padding:1px 0 0 5px}
nav a:hover{ color:#000}
#vecto{ background:url(../images/BU_06.jpg) no-repeat left top}
#web{ background:url(../images/BU_09.jpg) no-repeat left top}
#origamie{ background:url(../images/BU_12.jpg) no-repeat left top}
#cv{ background:url(../images/BU_12.jpg) no-repeat left top}