* {
  margin:0;
  padding:0;
  text-decoration:none;
}

body {
  line-height:1;
}

p,label {
  line-height:1.2;
}

a,img,a img,form,fieldset,abbr,acronym,object,table {
  border:none;
}

q {
  quotes:"" "";
}

ul,ol {
  list-style:none;
}

a {
  color:inherit;
}

input[type=submit],a:hover {
  cursor:pointer;
}

.content legend {
  margin-bottom:1.6em;
}

sup,sub{
  font-size:100%;
}

* html .content textarea,* html .content input {
  padding:0;
}

.content input[type='submit'],.content input[type='button'] {
  padding:0;
}

.content legend+* {
  margin-top:0;
}
/*
a abbr,a acronym {
  text-decoration:underline;
}
*/
* html .content blockquote * {
  margin:.8em 0;
}

html,body {
  height:100%;
}

body {
  background:#f3f3f3;
  color:#CEDBD6;
  font-family:Trebuchet MS,Verdana,Arial,Geneva,Helvetica,sans-serif;
  text-align:left;
  height:99%;
}

#main {
  min-height:100%;
}

* html #main {
  height:100%;
}

.uppercase {
  text-transform:uppercase;
}

.center {
  text-align:center;
  clear:both;
}

.text {
  text-align:justify;
  margin-bottom:5px;
  line-height:1.2;
}

h1 {
  background:url(/images/deco/top01.jpg);
  font-size:4em;
  font-style:italic;
  position:relative;
  display:block;
  top:0.6em;
  padding:0;
  height:81px;
}

* html h1 {
  top:40px;
  font-size:0;
  height:80px;  
  margin-bottom:10px;
}

* html h1 img {
  font-size:4em;
  height:80px;
}

a {
  color:#000;
}

a:hover {
  color:#666;
}

#footer {
  margin:-12px auto 0 auto;
  height:12px;
  display:block;  
  padding:0px 5px 5px 0;
  clear:both;
  font-size:12px;
  text-align:right;
  color:#CCCCCC;
  font-style:italic;
}

#footer a,#footer a:hover {
  color:#CCCCCC;
  font-weight:bold;
}

#send-form {
  color:black;
}

p.sendform {
  margin:2px;
  padding:2px;
}

ul.sendform {
  margin:2px;
  padding:5px;
}

ul.sendform li {
  list-style:square;
  margin:10px 10px 10px 40px;
}

p.sendform a,p.contact a {
  color:#768477;
  text-decoration:underline;
}

p.sendform a:hover,p.contact a:hover {
  color:#B6CBC4;
  text-decoration:underline;
}


h3.contact {
  color:#BACFC8;
  font-weight:normal;
}

p.contact {
  padding:10px 0 10px 10px;
  color:black;
}

#menu {
  position:absolute;
  display:block;
  left:0;
  top:0;
  padding-left:50px;
  padding-top:7px;
  z-index:3;
  font-size:1em;  
}

#menu a {
  text-decoration:none;
  border:none;
  outline:none;
}

.menu-item {
  display:block;
  float:left;
  position:relative;
  width:5em;
  margin:0 10px 10px 0;
}

.rounded {
  display:block;
}

.rounded * {
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#CBDAD5;
}
.rounded1 {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1e8e6;
  border-right:1px solid #e1e8e6;
 }
.rounded2 {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eff0f0;
  border-right:1px solid #eff0f0;
}
  
.rounded3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d2deda;
  border-right:1px solid #d2deda;
}
.rounded4 {
  border-left:1px solid #e1e8e6;
  border-right:1px solid #e1e8e6;
}

.rounded5 {
  border-left:1px solid #d5e0dc;
  border-right:1px solid #d5e0dc;
}

.menu-item-in {
  display:block;
  text-align:center;
  background:#CBDAD5;
  color:#555;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-size:0.7em;
  height:1.1em;
}

a.menu-item:hover {
cursor:pointer;
}

a.menu-item:hover .rounded *,a.menu-item:focus .rounded * {
  background:#B8CDC6;
}

a.menu-item:hover .rounded1,a.menu-item:focus .rounded1 {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d9e2df;
  border-right:1px solid #d9e2df;
  cursor:pointer;  
}
 
a.menu-item:hover .rounded2 {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #edefee;
  border-right:1px solid #edefee;
}
  
a.menu-item:hover .rounded3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c3d4ce;
  border-right:1px solid #c3d4ce;
}

a.menu-item:hover .rounded4 {
  border-left:1px solid #d9e2df;
  border-right:1px solid #d9e2df;
}

a.menu-item:hover .rounded5 {
  border-left:1px solid #c6d6d1;
  border-right:1px solid #c6d6d1;
}

a.menu-item:hover .menu-item-in {
  text-align:center;
  text-decoration:none;
  background:#B8CDC6;
  color:#333;
  font-family:Arial,sans-serif;
  font-size:0.7em;
}

h2.m {
  position:absolute;
  top:53px;
  left:543px;
  font-size:50px;
  font-weight:bold;
  color:white;
}

h3 {
  clear:both;
  font-size:2em;
  font-weight:bold;
  color:black;
  text-align:left;
}

.item {
  clear:both;
  color:black;
  font-size:0.8em;
}

.item p.text {
  text-align:justify;
}

h2.item-box-home {
  background:#c0d4ce url(/images/deco/box.jpg) repeat-x;
  display:block;
  float:left;
  margin-right:50px;
  width:322px;
  height:172px;
}

.item-box-home a { 
  display:block;
  padding:40px 10px 0px 10px;
  width:300px;
  height:130px;
  border:1px dotted #768187;    
}

.item-box-home a:hover,.item-box-home a:focus { 
 background:#B8CFC9 url(/images/deco/boxhover.jpg) repeat-x;
  border:1px dotted black;
}

.item-box-home span.item-box-sub-title {  
  display:block;
  text-align:center;
  font-size:1.4em;
  margin:0px 0px 10px 0px;
  color:white;
  font-style:italic;
}

.item-box-home span.item-box-sub-description {  
  display:block;
  text-align:justify;
  font-size:0.5em;
  color:#666666;
  font-weight:normal;
}

.item-box-home a:hover span.item-box-sub-title {  
  color:#F3F3F3;
}

.item-box-home a:hover span.item-box-sub-description {  
  color:white;
}

.item-box-home span.item-box-sub-description:first-letter {  
  font-weight:bold;
}



.item-square {
  display:block;
  float:left;
  text-align:left;
  width:200px;
  height:250px;
  border:2px solid #B7CEC6;
  position:relative;
}

.item-square-sub {
  width:200px;
  height:250px;
  display:block;
  position:absolute;
  z-index:2;
  background:#CBDAD5 url(/images/deco/gradsquare.jpg) repeat-y;
  color:black;
}

.item-square-sub-sub {
  display:block;
  width:180px;
  height:230px;
  margin:10px;
  line-height:1.2;
}


.item-square a {
  position:absolute;
  top:110px;
  left:23px;
  width:150px;
  height:120px;
  display:block;
  border:2px solid #8CA6B5;  

}

.item-square img {
  width:150px;
  height:120px;
  display:block;
  z-index:1;  
}

.item-square .cover {
  width:152px;
  height:122px;
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:2;
  background:#ADC1C6; 
}

.item-square-sub-title {
  display:block;
  font-size:1em;
  margin-bottom:5px;
  text-align:center;
  font-weight:bold;
  color:black;
}

.item-square-sub-content {
  display:none;
  font-size:0.8em;
  text-align:left;
}

.item-square:hover .item-square-sub-content,.item-square:focus .item-square-sub-content,li.item-square.over .item-square-sub-content {
  display:block;

}

.item-square:hover .item-square-sub-title,li.item-square.over .item-square-sub-title {
  color:black;
}

.item-square:hover .cover,.items .over .cover {
  display:none;
}

.item-square a:hover,.item-square a:focus {
  border:2px solid #7292A7;  
  font-size:0; 
  line-height:0;
}


#home,#web-design,#contact,#send-form {
  margin:70px 0 0 50px;
}

#portfolio {
    margin:0px 0 0 0;
}

#portfolio .items {
  display:block;
  position:relative;
  float:left;
  margin-bottom:-50px;
}

/* contact form */

form.contactform {
  width:450px;
  margin:22px 2px 2px 4px;
}

form.contactform label {
  line-height:1.2;
  padding-left:5px;
  margin-top:1px;
  clear:both;
  display:block;
  margin-bottom:5px;
  width:100px;
  float:left;
  color:black;
}

form.contactform input.text-input,form.contactform textarea {
  margin-bottom:5px;
  border:1px solid #B7CCC5;
  float:right;
  clear:right;
  display:block;
  width:300px;  
  background:white;  
}

form.contactform textarea {  
  overflow:hidden;
}

form.contactform input.text-input {
  height:20px;
}

/* submit button size */

.sb-submit {
  width:300px;
}

.sb-container,.sb-out-x {
  width:300px;
}

.sb-in-x {
  width:298px;
}

.sb-container,.sb-out-y,.sb-submit {
  height:25px;
}

.sb-in-y {
  height:23px;
}

/* submit button colors */

.sb-submit-normal {
  color:#B7CCC5;
}

.sb-out {
  background:#B7CCC5;
}

.sb-submit-normal,.sb-submit-action{
  border-color:#B7CCC5;  
}

.sb-submit-normal,.sb-in-normal {
  background:white;  
}

.sb-submit-action,.sb-submit:hover {
  color:white;
}

.sb-in-action,.sb-submit-action,.sb-submit:hover {
  background:#CEDBD6;
}

.sb-submit:focus {
  outline:1px solid #B7CCC5;
}

.sb-submit:focus:active {
  outline:none;
}

/* submit button */

.sb-container {
  position:relative;
  display:block;
  float:right;
  clear:both;
}

.sb-submit {
  position:absolute;
  top:0;
  left:-1px;
  font-weight:bold;
  font-size:16px;
  text-align:center;
  text-transform:uppercase;  
  outline:none;
}

.sb-submit-normal,.sb-submit-action{
  border:1px solid;  
}

.sb-submit-action,.sb-submit:hover {
  cursor:pointer;
}

.sb {
  position:absolute;
  display:block;
  font-size:0px;
}

.sb-out-x,.sb-in-x {
  height:1px;
}

.sb-out-y {
  width:1px;  
}

.sb-in-y {
  width:2px;  
}

.sb-out-top{
  top:0px;
  left:-1px;
}

.sb-out-bottom {
  bottom:0px;
  left:-1px;
}

* html .sb-out-bottom {
  bottom:-1px;
  left:-1px;
}

.sb-out-right {
  top:0;
  right:0;    
}

.sb-out-left {
  left:-2px;
  top:0;
}

.sb-in-top {
  top:1px;
  left:0;
}

.sb-in-bottom {
  bottom:1px;
  left:0;
}

* html .sb-in-bottom {
  bottom:0;
  left:0;
}

.sb-in-right{
  top:1px;
  right:1px;  
}

.sb-in-left {
  left:-1px;
  top:1px;  
}


h3.web-design {
  color:#BACFC8;
  font-weight:normal;
  position:relative;
  border-bottom:solid 20px #C4C4C4;
  clear:both;
  float:left;
  margin-left:-50px;
  padding:0 2px 5px 57px;
  letter-spacing:9px
}

* html h3.web-design {
  margin-left:-25px;
  padding-left:62px;
}
/*
.item-box-first {
  /*display:table;*/ /*
  display:none;
  overflow:hidden;
  float:left;
  position:relative;
  margin:5px;
  width:180px;
  text-align:center;
}*/
/*
.item-box-first .item-box-sub { 
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

.item-box-first .item-box-sub-sub {  
  text-align:center;
}
*/
.item-box {
  display:table;
  overflow:hidden;
  float:left;
  position:relative;
  margin:5px;
  padding:5px;
  text-align:left;
  line-height:1.2;
  width:75%;
}

.item-box .item-box-sub { 
  text-align:justify;
  font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
  color:#111;
}

.item-box-sub-sub p {
 padding-left:15px;
}

.item-box-sub-sub p {
  padding-bottom:7px;
}

.item-box-sub-sub ul {
  padding-left:50px;
}

.item-box-sub-sub li {
  list-style:url(/images/deco/birdie.png) square;
}



h4 {
  color:#83A08D;
  font-weight:bold;
  font-style:italic;
  font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
  padding-bottom:5px;
}

.cat-bloc {
  display:block;
  float:left;
  width:50%;
}

.item-box-sub-sub a {
  text-decoration:underline;
  color:#000;
}

span.abbr {
  cursor:help;
  border-bottom:1px dotted #111;
}

a span.abbr {
  cursor:pointer;
}

span.abbr span {
  display:none;
}

span.abbr:hover span,span.abbr-over span  {
  display:block;
  position:absolute;
  float:right;
  top:113px;
  right:0;
  background:white;
  width:250px;
  text-align:center;
  height:20px;
}

* html span.abbr-over span  {
  display:block;
  float:right;
  top:113px;
  right:0;
  background:white;
  width:250px;
  text-align:center;
  height:20px;
  position:static;
}

ul.valid-images {
  padding:20px 0 10px 15px;
}

ul.valid-images li {
  list-style:none;
  float:left;
  width:33%;
  text-align:center;
}

ul.valid-images a {
  position:relative;
}

ul.valid-images a .cover {
  width:88px;
  height:31px;
  display:block;
  position:absolute;
  top:-18px;
  left:0;
  z-index:2;
  background:#F3F3F3; 
}

* html ul.valid-images a .cover {
  width:88px;
  height:31px;
  display:block;
  position:absolute;
  top:0px;
  left:0;
  z-index:2;
  background:#F3F3F3;   
}

ul.valid-images a:hover .cover,* html ul.valid-images a.hover .cover {
  display:none; 
  cursor:pointer;  
}