ACC SHELL

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin-ext);

/* Browser options */
::-moz-selection {
  background:                 #cc0000;
  color:                      #ffffff;
}
::selection {
  background:                 #cc0000;
  color:                      #ffffff;
}

#author::-moz-selection {
  background:                 #ffffff;
  color:                      #cc0000;
}
#author::selection {
  background:                 #ffffff;
  color:                      #cc0000;
}

/* Styling tags */
body {
  background:                 #f5f5f5;
  margin:                     0;
  padding:                    0;
  font-family:                "Open Sans Condensed", sans-serif;
}

a:link, a:visited, #services #spec li {
  -webkit-transition:         all 0.5s linear;
  -moz-transition:            all 0.5s linear;
  -o-transition:              all 0.5s linear;
  transition:                 all 0.5s linear;
}

a:hover, #services #spec li:hover {
  -webkit-transition:         all 0.5s linear;
  -moz-transition:            all 0.5s linear;
  -o-transition:              all 0.5s linear;
  transition:                 all 0.5s linear;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:                300;
  letter-spacing:             1px;
  text-transform:             uppercase;
}

h2 {
  padding:                    0;
  margin:                     0;
  font-size:                  14pt;
}

blockquote {
  padding:                    0;
  margin:                     5px 0 20px 20px;
}

input[type=text], input[type=email], input[type=tel], textarea {
  width:                      300px;
  border:                     #cccccc dotted 1px;
  background:                 #cc0000;
  color:                      #ffffff;
  font-size:                  10pt;
  letter-spacing:             1px;
  padding:                    10px;
  vertical-align:             top;
}

input:hover, textarea:hover, input:focus, textarea:focus {
  border:                     solid 1px;
  color:                      #ffffff;
}

textarea {
  resize:                     vertical;
  display:                    block;
  height:                     100%;
  font-size:                  10.5pt;
}

input[type=submit] {
  background:                 none;
  border:                     none;
  color:                      #cccccc;
  font-size:                  12pt;
  text-transform:             uppercase;
  letter-spacing:             1px;
  -webkit-transition:         all 0.5s linear;
  -moz-transition:            all 0.5s linear;
  -o-transition:              all 0.5s linear;
  transition:                 all 0.5s linear;
}

input[type=submit]:hover, input[type=submit]:focus {
  color:                      #ffffff;
  cursor:                     pointer;
  -webkit-transition:         all 0.5s linear;
  -moz-transition:            all 0.5s linear;
  -o-transition:              all 0.5s linear;
  transition:                 all 0.5s linear;
}

table {
  width:                      100%;
  border-collapse:            separate;
  border-spacing:             0 10px;
}

/* Styling elements */
#intro {
  width:                      1200px;
  margin:                     auto;
  background:                 #ffffff;
  text-align:                 center;
  -webkit-box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:            0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow:                 0px 0px 15px rgba(0, 0, 0, 0.1);
}

#menu {
  padding:                    25px 30px 10px 30px;
  letter-spacing:             3px;
}

#intro img {
  vertical-align:             middle;
  margin:                     -25px 10px 0 10px;
}

#intro a.item {
  display:                    inline-block;
  width:                      140px;
  padding:                    15px 0 15px 0;
  margin:                     0 15px 0 15px;
  color:                      #666666;
  text-decoration:            none;
  text-align:                 center;
  text-transform:             uppercase;
  font-size:                  12pt;
  border-top:                 #999999 dotted 1px;
  border-bottom:              #999999 dotted 1px;
}

#intro a.item:hover {
  color:                      #cc0000;
  border-color:               #cc0000;
  border-top-style:           solid;
  border-bottom-style:        solid;
}

#welcome {
  font-size:                  42pt;
  font-weight:                300;
  text-transform:             uppercase;
  letter-spacing:             3px;
  width:                      1000px;
  margin:                     auto;
  padding:                    30px 0 20px 0;
}

#about {
  padding:                    0 30px 10px 30px;
  text-align:                 justify;
}

#services {
  width:                      1200px;
  margin:                     auto;
  margin-top:                 30px;
  background:                 #ffffff;
  -webkit-box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:            0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow:                 0px 0px 15px rgba(0, 0, 0, 0.1);
}

#services #content {
  padding:                    10px 30px 10px 30px;
}

#services #spec {
  height:                     140px;
  text-align:                 center;
}

#services #spec li {
  font-size:                  10pt;
  float:                      left;
  font-style:                 italic;
  width:                      200px;
  margin:                     5px 10px 5px 10px;
}

#services #spec li:hover {
  color:                      #cc0000;
}

#realisations {
  width:                      1200px;
  margin:                     auto;
  margin-top:                 30px;
  overflow:                   hidden;
}

#realisations div.project {
  -webkit-box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:            0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow:                 0px 0px 15px rgba(0, 0, 0, 0.1);
  width:                      560px;
  background:                 #cc0000;
  color:                      #ffffff;
  padding:                    15px;
  display:                    inline-block;
  float:                      left;
}

#realisations div.project:nth-child(even) {
  margin:                     0 0 15px 10px;
}

#realisations div.project:nth-child(odd) {
  margin:                     0 10px 15px 0;
}

#realisations div.project h2 {
  border-bottom:              1px dotted #ffffff;
  padding:                    0 0 10px 0;
}

#realisations div.project p {
  font-size:                  10.5pt;
  text-align:                 justify;
}

#realisations div.project .slides_container {
  margin:                     15px 0 0 -15px;
  width:                      590px;

}

#realisations div.project .slides_container div {
  width:                      590px;
  min-height:                 332px;
  display:                    block;
}

#pricelist {
  width:                      1200px;
  margin:                     auto;
  margin-top:                 30px;
  background:                 #ffffff;
  -webkit-box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:            0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow:                 0px 0px 15px rgba(0, 0, 0, 0.1);
}

#pricelist a:link, #pricelist a:visited {
  color:                      #cc0000;
  text-decoration:            underline;
}

#pricelist a:hover {
  color:                      #000000;
  text-decoration:            underline;
}

#pricelist  #content2 {
  padding:                    10px 30px 10px 30px;
}

#pricelist table {
  width:                      500px;
  margin:                     auto;
  text-align:                 center;
  border-spacing:             0;
}

#pricelist table tr {
  padding:                    5px 0 5px 0;
}

#pricelist table tr.thead {
  background:                 #ffffff !important;
  color:                      #000000 !important;
}

#pricelist table tr:nth-child(2n+2) {
  background:                 #cccccc;
}

#pricelist table tr:hover {
  background:                 #cc0000;
  color:                      #ffffff;
}

#pricelist div.right {
  font-size:                  11pt;
  font-style:                 italic;
}

#contact {
  width:                      1200px;
  margin:                     auto;
  margin-top:                 30px;
  background:                 #cc0000;
  color:                      #ffffff;
  letter-spacing:             3px;
  -webkit-box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:            0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow:                 0px 0px 15px rgba(0, 0, 0, 0.1);
}

#contact #leftCol {
  width:                      740px;
  float:                      left;
  padding:                    10px 15px 5px 30px;
}

#contact #rightCol {
  width:                      369px;
  float:                      right;
  padding:                    10px 15px 5px 30px;
  border-left:                #ffffff dotted 1px;
}

#contact a:link, #contact a:visited {
  color:                      #cccccc;
  text-decoration:            none;
}

#contact a:hover {
  color:                      #ffffff;
  text-decoration:            underline;
}

#contact #author {
  padding:                    10px 10px 5px 10px;
  letter-spacing:             1px;
  font-size:                  10pt;
}

#contact #author p {
  margin:                     0;
  padding:                    0;
}

#scrollup {
  width:                      35px;
  height:                     35px;
  position:                   fixed;
  bottom:                     2px;
  right:                      2px;
  background:                 #cc0000;
  font-weight:                bold;
  font-size:                  24pt;
  color:                      #ffffff;
  text-align:                 center;
  text-decoration:            none;
  -webkit-box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:            0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow:                 0px 0px 15px rgba(0, 0, 0, 0.1);
}

/* Styling classes */
.grey {
  color:                      #999999;
}

.red {
  color:                      #cc0000;
}

.green {
  color:                      #006600;
}

.left {
  text-align:                 left;
}

.right {
  text-align:                 right;
}

.center {
  text-align:                 center;
}

.justify {
  text-align:                 justify;
}

.clear {
  clear:                      both;
}