/* general */


body { 
 font: 11px Arial, sans-serif!important;
 background-image:url(../images/background.gif);
 background-color:#393939;
 color:#c8c8c8;
 }
 
img {
 padding:5px;
 margin:0 10px 0px 0px;
 float:left; 
 } 

#wrapper {
 margin: 0 auto;
 background:transparent url(../images/light.png) no-repeat center top;
 height:300px;
 }
 
#wrapper-blank {
 margin: 0 auto;
 }
 
 #logo {
 margin: 0 auto;
 height: 211px;
 width:436px;
 padding-top:40px;
 }
 
 #menu {
 margin: 30px auto;
 background-image:url(../images/menu.jpg);
 width:950px;
 height:47px;
 }
 
 .menu {
 position: relative;
 height: 29px;
 width: 950px;
 padding: 7px 5px 5px 33px;
 margin: 10px 0;
 overflow: hidden;
 }
 .menu li {
 float: left;
 list-style: none;
 }
 .menu li.back {
 background: url(../images/menu-back.png) no-repeat right -30px;
 width: 12px; height: 30px;
 z-index: 8;
 position: absolute;
 }
 .menu li.back .left {
 background: url(../images/menu-back.png) no-repeat top left;
 height: 30px;
 margin-right: 9px; 
 }
 .menu li a {
 font: bold 14px arial;
 text-decoration: none;
 color: #4f4f4f;
 outline: none;
 text-align: center;
 top: 7px;
 text-transform: uppercase;
 letter-spacing: 0;
 z-index: 10;
 display: block;
 float: left;
 height: 30px;
 position: relative;
 overflow: hidden;
 margin: auto 40px; 
 }
 .menu li a:visited {
 border: none;
 }
 .menu li a:active, .menu li a:hover {
 border: none;
 color:#c8c8c8;
 }
 
 #header {
 background:url(../images/header.jpg) no-repeat;
 margin:-30px auto;
 height:110px;
 width:851px;
 } 
 
 #container {
 width:950px;
 margin:-20px auto;
 position:relative;
 }
 
 #container-top {
 background-image:url(../images/body-top.jpg);
 width:950px;
 height:30px;
 }
 
 #container-middle {
 background-image:url(../images/body-mdl.jpg);
 width:950px;
 height:50px;
 height:auto;
 overflow:hidden;
 }
 
 #container-middle p{
 padding:0 30px 0 40px;
 color:#c8c8c8;
 line-height:1.5em;
 font-size:1.2em;
 }
 
 #container-middle h1 {
 font-size:1.8em;
 margin-bottom:0.5em;
 padding-left: 55px; 
 }
 
 #container-middle h2 {
 font-size:1.6em;
 margin-bottom:0.5em;
 padding-left: 35px; 
 }
 
 #container-middle h3 {
 font-size:1.4em;
 margin-bottom:0.5em;
 padding-left: 15px; 
 }
 
 #container-middle h4 {
 font-size:1.2em!important;
 margin-bottom:0.5em;
 padding-left: 0px;
 padding-bottom:5px;
 border-bottom: 1px solid #333!important;
 width:80%; 
 }
 
 #container-middle ul {
 list-style-image:none;
 margin:10px 0 10px 40px;
 padding:0;
 }
 
 #container-middle li {
 list-style:square;
 list-style-position:outside;
 } 
 #container-middle a, #container-middle a:link, #container-middle a:visited {
 text-decoration:none;
 color:#666;
 }
 
 #container-middle a:hover {
 text-decoration:underline;
 color:#fff;
 } 
 
 #slider {
 width:890px;
 margin-left:30px!important;
 }
 
 img {
 border:none;
 }
 
 .man {
 background-image:url(../images/man.png);
 width:47px;
 height:50px;
 margin:200px auto;
 display:block;
 position:absolute;
 margin-left:410px;
 }

 
 #slider ul, #slider li,
 #slider2 ul, #slider2 li{
 padding:0!important;
 list-style:none;
 margin:0;
 }
 #slider2{margin-top:1em;}
 #slider li, #slider2 li{ 
 /* 
 define width and height of list item (slide)
 entire slider area will adjust according to the parameters provided here
 */ 
 width:890px;
 height:250px;
 overflow:hidden; 
 z-index:10;
 } 
 
 #prevBtn, #nextBtn,
 #slider1next, #slider1prev{ 
 display:block;
 width:65px;
 height:90px;
 position:absolute;
 left:-37px;
 top:71px;
 z-index:1000;
 } 
 #nextBtn, #slider1next{ 
 left:922px;
 } 
 #prevBtn a, #nextBtn a,
 #slider1next a, #slider1prev a{ 
 display:block;
 position:relative;
 width:65px;
 height:90px;
 background:url(../images/btn_prev.jpg) no-repeat 0 0; 
 } 
 #nextBtn a, #slider1next a{ 
 background:url(../images/btn_next.jpg) no-repeat 0 0; 
 } 
 
 /* image replacement */
 .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
 margin:0;
 padding:0;
 display:block;
 overflow:hidden;
 text-indent:-8000px;
 }
 /* // image replacement */
 
 #container-bottom {
 background-image:url(../images/body-btm.jpg);
 width:950px;
 height:30px;
 }
 
 #bottom {
 margin:40px auto;
 width:900px;
 overflow:hidden;
 }
 
 #bottom ul {
 border-bottom:1px solid #282828;
 border-top:1px solid #000;
 }
 
 .bottom-col1, .bottom-col2, .bottom-col3 {
 width:275px;
 float:left;
 margin-left:20px;
 }
 
 .bottom-col1 p, .bottom-col2 p, .bottom-col3 p {
 line-height:1.3em; 
 margin-bottom:1em;
 color:#666666; 
 }
 
 .describe {
 margin-bottom:0!important;
 }
 
 .describe-italic {
 margin-bottom:4px!important;
 font-style: italic;
 }
 
 .bottom-col1 li, .bottom-col2 li, .bottom-col3 li {
 border-bottom:1px solid #000;
 border-top:1px solid #282828;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 padding:10px 0 10px 24px;
 }
 
 .bottom-col1 li a:link, .bottom-col1 li a:hover, .bottom-col1 li a:visited, 
 .bottom-col2 li a:link, .bottom-col2 li a:hover, .bottom-col2 li a:visited,
 .bottom-col3 li a:link, .bottom-col3 li a:hover, .bottom-col3 li a:visited
 {color:#c8c8c8; text-decoration:none;} 
 
 #bottom h1 {
 font-size:1.8em;
 margin-bottom:0.5em;
 padding-left: 75px; 
 margin-bottom:-20px!important;
 }
 
 .bottom-col1 h1 {
 background:url(../images/checklist.jpg) no-repeat left top;
 height:66px;
 padding-top:15px;
 }
 
 .bottom-col2 h1 {
 background:url(../images/bubble.jpg) no-repeat left top;
 height:66px;
 padding-top:15px;
 }
 
 .bottom-col3 h1 {
 background:url(../images/testimonials.jpg) no-repeat left top;
 height:66px;
 padding-top:15px;
 }
 
 #footer {
 background:url(../images/footer.jpg) no-repeat;
 width:647px;
 height:82px;
 color:#666; 
 font-size:90%;
 margin:25px auto;
 padding-top:15px;
 overflow:hidden;
 }
 
 .copyright {
 width:380px;
 margin:3px auto;
 } 
 
 .company {
 float:left;
 padding-left:20px;
 width:230px;
 }
 
 .validator {
 float:right;
 width:100px;
 text-align:right;
 padding-right:20px;
 }
 
 .validator a:link, .validator a:visited {color:#fff; text-decoration:none;} 
 .validator a:hover {color:#666; text-decoration:underline;}
 

/* about us */

 .col1 {
 width:600px;
 float:left;
 overflow:hidden;
 } 
 
 .col2 {
 width:310px;
 float:right;
 overflow:hidden;
 margin-right:25px;
 } 
 
 .col1 img, .col2 img {
 border: 1px solid #21211f;
 }
 
 .sidebar-top {
 background:url(../images/sidebar-top.jpg) no-repeat;
 width:304px;
 height:27px;
 }

 .sidebar-content {
 background:url(../images/background.gif);
 height:auto;
 width:301px;
 overflow:hidden;
 }
 
 .sidebar-content p{
 padding:0 10px 0 10px;
 }
 
 .sidebar-content ul {
 padding:0 25px 0 25px;
 margin:0 25px 0 25px!important;
 }
 
 .sidebar-content li {
 list-style-type:none!important;
 } 

 .sidebar-content a:link, .sidebar-content a:visited { 
 color:#c8c8c8; 
 text-decoration:none;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 padding:10px 0 10px 24px;
 background-color:#0f0f0f;
 margin-bottom:5px;
 border-bottom:1px solid #333;
 border-top:1px solid #000;
 font-size:1.5em;
 display:block;
 } 
 
 .sidebar-content a:hover { 
 color:#191919!important; 
 text-decoration:none!important;
 background-color:#DADADA;
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 padding:10px 0 10px 24px;
 margin-bottom:5px;
 font-size:1.5em;
 display:block;
 } 
 
 .sidebar-bottom {
 background:url(../images/sidebar-bottom.jpg) no-repeat;
 width:304px;
 height:27px;
 }

/* price list */
 
 .col1b {
 width:600px;
 float:right;
 overflow:hidden;
 } 
 
 .col2b {
 width:310px;
 float:left;
 overflow:hidden;
 margin-left:35px;
 }
 
 .col1b img, .col2b img {
 border: 1px solid #21211f;
 }
 
 #table {
 margin:25px auto;
 width:900px;
 overflow:hidden;
 } 
 
 #prices {
 font-size: 14px;
 width: 900px;
 text-align: left;
 border-collapse: collapse;
 }
 
 #prices thead th.table-right {
 background: #000 url(../images/left.png) left -1px no-repeat;
 font-weight:bold;
 }
 
 #prices thead th.table-left {
 background: #000 url(../images/right.png) right -1px no-repeat;
 font-weight:bold;
 }
 
 #prices th {
 padding: 8px 8px 8px 50px;
 font-weight: bold;
 font-size: 13px;
 color: #c8c8c8;
 background: #000;
 }
 
 #prices td {
 padding: 8px 8px 8px 50px;
 background: #191919;
 border-top: 1px solid #333;
 border-bottom: 1px solid #000;
 color: #666;
 }
 
 #prices tfoot td.table-foot-left {
 background: #070707 url(../images/botleft.png) left bottom no-repeat;
 border:none;
 font-size:x-small;
 }
 
 #prices tfoot td.table-foot-right {
 background: #070707 url(../images/botright.png) right bottom no-repeat;
 border:none;
 }
 
 #prices tbody tr:hover td {
 background: #DADADA;
 color:#000;
 }
 
 .table-hd {
 font-weight: bold;
 } 

/* portfolio */

 #portfolio_container {
 margin:0 auto;
 width:890px;
 overflow:hidden;
 padding:25px 0 0 5px;
 }
 
 #portfolio_container h3 {
 padding:5px 0 5px 15px;
 font-size:1.2em;
 display:block;
 background-color:#171717;
 text-transform:uppercase;
 border-top:1px solid #070707;
 border-bottom:1px solid #1f1f1f;
 }
 
 #portfolio_container p {
 padding:5px 0 5px 15px;
 font-size:1.2em;
 font-weight:normal;
 color:#666;
 }

 #portfolio_container a, #portfolio_container a:link, #portfolio_container a:visited {
 color:#fff;
 text-decoration:none;
 }
 #portfolio_container a:hover {
 text-decoration:underline;
 } 
 
 .boxgrid { 
 width: 255px; 
 height: 200px; 
 margin: 0px 0px 28px 28px;
 float:left; 
 border: 1px solid #21211f;
 overflow: hidden; 
 position: relative; 
 }
 .boxgrid img { 
 position: absolute; 
 border: none; 
 padding:10px;
 margin:0;
 }
 
 .boxgrid p { 
 padding: 0 10px; 
 color:#afafaf; 
 font-weight:bold; 
 }
 
 .boxcaption{ 
 float: left; 
 position: absolute; 
 background: #000; 
 height: 100px; 
 width: 100%; 
 }
 
 .captionfull .boxcaption {
 top: 150px;
 left: 0;
 }
 .caption .boxcaption {
 top: 290px;
 left: 0;
 }
 
/* services */

 blockquote {
 margin:5px 0 10px 25px!important;
 border-left:1px solid #666;
 font-style:italic;
 line-height:inherit;margin:0 0 1.5em 0;
 padding:0 0 0 15px;
 } 
 
 .col1-egal {
 float:left;
 margin-left:35px!important;
 }
 
 .col2-egal {
 float:right;
 margin-right:15px;
 } 
 
 .col1-egal, .col2-egal {
 width:440px;
 }
 
 .col1-egal img, .col2-egal img {
 border: 1px solid #21211f;
 }
 
 .col1-egal p, .col2-egal p {
 padding:10px 10px 10px 0px!important;
 }

/* contact */

 #google {
 border: 2px solid #333;
 width:425px;
 }

 #contactForm {
 width:420px;
 background-color:#070707; 
 border: 2px solid #191919;
 overflow:hidden;
 height:auto;
 }

 #contactForm img {
 border: 1px solid #21211f;
 }
 
 #contactForm form {
 padding:20px;
 border:none;
 } 
 
 #contactForm label {
 display:block;
 color:#c8c8c8;
 } 
 
 #contactForm input[type=text] {
 display:block;
 border:solid 1px #fff;
 width:100%;
 margin-bottom:10px;
 height:24px;
 } 
 
 #contactForm textarea {
 display:block;
 border:solid 1px #000;
 width:100%;
 margin-bottom:10px;
 } 
 
 #contactForm input[type=submit] {
 background-color:#171717;
 border:solid 1px #000;
 color:#c8c8c8;
 padding:5px;
 } 
 
 #messageSent {
 color:#fff;
 display:none;
 }
 
 .error {
 font-family: Tahoma;
 font-size: 8pt;
 color: red;
 margin-left: 50px;
 display:none;
 }
 
 .sent {
 text-align:center;
 margin:0!important;
 }
 
 .sent h1 {
 margin:0!important;
 padding:0!important;
 }
 
/* social */

.panel {
 position: fixed;
 top: 83px;
 left: 0;
 display: none;
 background: #000000;
 border:1px solid #111111;
 width: 275px;
 height: auto;
 padding: 30px 30px 30px 100px;
 z-index:1001;
 }

 .panel p{
 margin: 0 0 15px 0;
 padding: 0;
 color: #666;
 font: 11px Arial, sans-serif!important;
 line-height:1.3em;
 z-index:1003;
 }

 .panel a, .panel a:visited{
 margin: 0;
 padding: 0;
 color: #fff;
 text-decoration: none;
 border-bottom: 1px solid #666;
 }

 .panel a:hover, .panel a:visited:hover{
 margin: 0;
 padding: 0;
 color: #666;
 text-decoration: none;
 border-bottom: 1px solid #ffffff;
 }

.trigger {z-index:1002;}

 a.trigger{
 position: fixed;
 text-decoration: none;
 top: 80px; left: 0;
 font-size: 16px;
 letter-spacing:-1px;
 font-family: verdana, helvetica, arial, sans-serif;
 color:#fff;
 padding: 0;
 font-weight: 700;
 background:url(../images/social-plus.png) no-repeat;
 width:75px;
 height:70px;
 display: block;
 }
 
 a.trigger:hover{
 position: fixed;
 text-decoration: none;
 top: 80px; left: 0;
 font-size: 16px;
 letter-spacing:-1px;
 font-family: verdana, helvetica, arial, sans-serif;
 color:#fff;
 padding:0;
 font-weight: 700;
 background:url(../images/social-hover.png) no-repeat;
 width:75px;
 height:70px;
 display: block;
 }
 
 a.active.trigger {
 background:url(../images/social-minus.png) no-repeat;
 width:75px;
 height:70px;
 }

 .columns{
 clear: both;
 width: 330px;
 padding: 0 0 20px 0;
 line-height: 22px;
 }
 
 .colleft{
 float: left;
 width: 130px;
 line-height: 22px;
 }
 
 .colright{
 float: right;
 width: 130px;
 line-height: 22px;
 }