/* 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;
		}