@charset "utf-8";
/* CSS Document */
html{
	height: 100%;
	position: static;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	min-height: 100%;
	background:url(../images/background2.jpg);
	background-attachment:fixed;
	
}
div.portfolio table tbody tr td table tbody tr td {
	border: 1px solid rgb(221, 221, 221);
}
div.portfolio table{
	border-radius: 8px 8px 8px 8px;
}
div.background {
  width: 1032px;
height: 465px;
background-position: center center;
margin: 0px auto -468px;
z-index: -1;
border-radius: 0.7em;

}

div.background4 {
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    background-repeat: repeat;
	background:url(../images/bgg.jpg);-webkit-box-shadow: 0px 3px 20px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 20px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 20px rgba(50, 50, 50, 0.75);
}

div.background3 {
   	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	min-height: 100%;
	background:url(../images/bg222.jpg);
	width: auto;
	height: 274px;
	margin: 10px auto -468px;
	z-index: -1;
	-webkit-box-shadow: 0px 3px 20px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 20px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 20px rgba(50, 50, 50, 0.75);
}
div.background2 {
   	width: auto;
	height: 240px;
	background:url(../images/background2.jpg);
	background-attachment:fixed;
	margin: -10px auto -245px;
	z-index: -1;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
}


body.bg2{
}

h1{
	color:#000;
	width: 500px;
	font-size:22px;
}

h2{
	font-size:20px;
	color:#000;
}

h3{
	font-size:14px;
	line-height:20px;
	color:#173D86;
}

hr{
	border:0px #999 solid;
}

a.link{
	background:#BC8161;
	padding:10px 15px;
	border-radius:5px;
	text-decoration:none;
	color:#FFF;
}

a{
	text-decoration:none;
}

img{
	border:none;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
div.TabbedPanelsTab TabbedPanelsTabSelected{
	background-color:#FDF3E9;
	border:1px #FFBFAA solid;
}
div.TabbedPanelsContentGroup{
	background-color:#FDF3E9;
	border:1px #FFBFAA solid;
	padding:20px;
	text-align:justify;
	
}
/*header*/
div.header{
	
	margin-top:0px;
	margin-bottom:20px;
	width:auto;
	height:130px;
}
div.header .wrap{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
div.logo {
    width: 320px;
    float: left;
    display: block;
    vertical-align: bottom;
    height: 83px;
    margin-bottom: 40px;
	margin-top:-10px;
}
div.contact {
   
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:auto;
	margin-top:10px;
}
div.next {
   text-decoration: none !important
}

#social{
	margin-top:10px;
	margin left:10px;
}
div.rightbar{
	margin-left:auto;
	margin-right:auto;
}

div.logo img{
	height:73px;
	padding:auto;
	margin-top:35px;
}
div.address{
	float:right;
	width:700px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top: -50px;
}

div.address a{
	color:#FFF;
	text-decoration:none;
}

#link{
	height:35px;
}
div.reserve{
	float: right;
	width:320px;
	height:83px;
	font-size: 12px;
	text-decoration: none;
	margin-top:10px;
	margin-bottom:-10px;
}
div#reserve{
	float:right;
	font-size:12px;
	text-decoration:none;
}
div.bookmark {
    width: 500px;
    float: right;
    margin-top:15px;
	text-decoration:none;
}
div.fb {
	margin-left:auto;
	margin-right:auto;
}
#bookmarks {
    height: 83px;
    width: 130px;
    float: right;
    margin-top: -10px;
	text-decoration:none;
}
#contactus {
    height: 83px;
    width: 120px;
    float: right;
    margin-top: 10px;
	text-decoration:none;
}
#line {
    height: 53px;
    width: 200px;
    float: right;
    margin-top: -40px;
}


#contact{
	height:60px;
	float:left;
	width:320px;
}


/*end header*/
/*banner*/
div.pics{
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	margin-bottom:-10px;
	width:960px;
}
div.wrapper{
	height: 370px;
}


div.wrapper2 {
    width: 958px;
    height: 163px;
    margin-bottom: 10px;
    margin-top: 5px;
    box-shadow: 0px 18px 20px -15px black;
	border-radius: 5px 10px 5px 10px;
}
div.clientlogo {
    width: 960px;
    height: 80px;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: rgb(247, 247, 247);
    padding: 10px;
}


div.backlogo {
    float: left;
    width: 100%;
    height: 185px;
    background-color: rgb(247, 247, 247);
    margin-top: 30px;
    margin-bottom: -25px;
}

div.clientlogo img{
	width:130px;
	float:left;
	margin-right:55px;
}
/*
div.wrapper img{
	width: 960px;
}*/

div.wrapper2 img{
	width:100%;
	float:left;
	border-radius: 0.7em 0.7em 0.7em 0.7em;
}
/*end banner
/*big button*/
div.homecenter{
	margin-left:auto;
	margin-right:auto;
}
div.homef {
    margin: -340px auto 60px -10px;
    width: 1055px;
    height: 165px;
    padding: 5px 0px -20px;
	

}

div.homef img {
    width: 300px;
    padding-left: -10px;
	margin-top: 350px;
	 border-radius: 0.7em 0.7em 0.7em 0.7em;
}

div.centerlogo{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:auto;
}


div.content{
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:auto;
	margin-top:10px;
}

div.big{
	width:142px;
	height:110px;
	margin-right:8.5px;
	margin-left:8.5px;
	float:left;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

div.big img{
	width:100%;
	height: 96px;
	border: 2px solid #FFF;
}

div.big2{
	width:161px;
	height:150px;
	overflow:hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
	text-align:center;
}
div.big2 ul{
	padding-left:0px;
	display:block;
}
div.big2 li{
	list-style:none;
	display: list-item;
	margin-bottom:40px !important;
}
div.big2 img{
	border:1px #A46B4D solid !important;
	background:#FFF;
	padding: 5px;
	width:141px;
	height: 100px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	margin:-6px 0px -6px 0px !important;
}

div.big2 img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.tit{
	line-height:35px;
}
/*big end*/
/*main*/
div.portfolio4 {
	width:600px;
    margin-bottom:200px;
    float: left;
    margin-top: -10px;
    margin-left: -100px;
	text-decoration:none;
	line-height:24px;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
div.portfolio {
	width:600px;
    margin-bottom: 10px;
    float: left;
    margin-top: 20px;
    margin-left: -100px;
	text-decoration:none;
	line-height:24px;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
div.portfolio3 {
	width:930px;
    margin-bottom: 10px;
    float: left;
    text-align: justify;
    margin-top: 20px;
    margin-left: -100px;
	text-decoration:none;
	line-height:24px;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
div.portfolio ul.enlarge li:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
cursor:pointer; /*changes the cursor to a hand*/
}
/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
div.portfolio ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/***To make it look neater we used :nth-child to set a different left distance for each image***/ 
div.portfolio ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
div.portfolio ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
div.portfolio2 table img{
	margin-right:10px;
	padding: 5px;
	margin:0px;
	margin-right:15px;
	margin-top: -20px;
	background-color:#FFF;
	border-radius: 0.7em 0.7em 0.7em 0.7em;
}
div.portfolio2 {
	width:620px;
    margin-bottom: 10px;
    float: left;
    text-align: justify;
    margin-top: 20px;
    margin-left: -100px;
	text-decoration:none;
	padding:17px;
}

div.news {
    width: 265px;
    margin-bottom: 30px;
    float: right;
    text-align: justify;
    margin-right: -80px;
    margin-top: 40px;
	padding:10px;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	line-height:22px;
	background-color:#F5F5F5;
	border: #CCC solid 1px;
	z-index:2;
}

a.specialeffects:hover {
}
hr {
	color: #4A7EBB;
	background-color: #4A7EBB;
	height: 3px;
	width:auto;

}

div.bgHeader{
	width:100%;
	height:5px;
	background-color:#bb8c00;
	margin-top:-20px;
	-webkit-box-shadow: 0px 4px 5px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 4px 5px rgba(50, 50, 50, 1);
box-shadow:         0px 4px 5px rgba(50, 50, 50, 1);
}
div.portfolio img{
	margin: 5px;
}


div.portfolio iframe{
	padding: 5px;
	float:left;
	margin-right:5px;
}

/*portfolio 2*/
body.bg2 div.portfolio{
	width:600px;
	margin-bottom:30px;
	padding: -10px 20px 10px 0px;
	float:left;
	text-align:justify;
}
body.bg2 div.portfolio3{
	width:925px;
	margin-bottom:10px;
	padding: -10px 20px 10px 0px;
	float:left;
	text-align:justify;
}

body.bg2 div.portfolio h1{
	color:#000;
}

body.bg2 div.portfolio h2{
	line-height:0px;
}
div.portfolio table img{
	margin-right:10px;
	padding: 5px;
	margin:0px;
	margin-right:15px;
	margin-top: -20px;
	border-radius: 0.7em 0.7em 0.7em 0.7em;
}


body.bg2 div.portfolio table p{
	line-height:24px;
	margin-top:-8px;
}

body.bg2 div.portfolio table a{
	line-height:45px;
	padding:8px 20px;
	text-decoration:none;
	color: #FFF !important;
	font-weight:bold;
	background:#68C3EF;
	border-radius:7px;
}
/*portfolio 2*/

div.side{
	text-decoration:none;
	
}
div.sidebar .pic{
	width:175px;
	float:right;
	margin-left:25px;
	margin-bottom: 20px;
}

div.sidebar img{
	
	width:145px;
	padding: 5px;
}

div.sidebar span{
	line-height:28px;
}

div.plugin {
    width: 275px;
    padding: 10px;
    margin-bottom: 20px;
    margin-right: -100px;
	text-decoration:none;
	margin-top: 40px;
	padding:10px;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	line-height:22px;
	background-color:#F5F5F5;
	border: #CCC solid 1px;
	
}


div.plugin img{
	width:100%;
}

div.plugin h2{
	color:#000;
	margin-left:0px;
}

div.plugin li{
	padding-bottom:5px;
}
.side{
	position: inherit;
	height: auto;
	padding-left:15px;
	
}
.side a{
	color:#000000;
	position: inherit;
	text-decoration:none;
}

.side ul{
	list-style:none;
	padding:0px;
}

.side li{
	border:none;
	position: relative;

}

.side li div{
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 10px 10px 17px;
	color:#006600;
	margin-bottom:5px;
}

.side li div h3{
	line-height:13px;
	color: #006600;
}

.side li div hr{
	line-height:3px;
}

.side li div span{
	font-size:11px;
	color:#000;
	font-style:italic;
}

/*------------news ticker end*/
/*footer*/

div.copyright3{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

div.footer .wrap{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	text-shadow:#CCC;
	font-size:13px;
	margin-top: -25px;
	padding-top:10px;
}

div.footer .wrap a{
	text-decoration:none;
	font-weight:bold;
}

div.footer .wrap a:hover{
	color: #999;
}

div.copyright{
	width:560px;
	float:left;
	font-size:11px;
}
div.copyright2 a{
	text-decoration:none;
	
}
div.copyright2 {
    width: auto;
    color: rgb(255, 255, 255);
    float:right;
    text-align: justify;
	font-size:11px;
}


div.wrapclear{
	width:400px;
	display:inline-block;
}


/* gallery -------------------------------- */
.stylo{
	width:140px;
	height:120px;
	border:3px #999999 solid;
	background:#FFF;
	overflow:hidden;
	margin-right: 10px;
	float:left;
}

.stylo img{
	width:190px;
	height: 170px;
	overflow:hidden;
	margin-right: 10px;
	float:left;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

.stylo img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.title{
	width:470px;
	height:120px;
	overflow:hidden;
}

.classname {
  	border-bottom-right-radius: 0.5em;
 	border-bottom-left-radius: 0.5em;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
	
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.classname:active {
	position:relative;
	top:1px;
}
div.footer{
	float:left;
    width: 100%;
	height:85px;
	bottom: 0px;
}

.classname2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#000; 
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.classname2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.classname2:active {
	position:relative;
	top:1px;
}

/*RIBBON*/
.ribbon {
   width: 300px;
   position: absolute;
   text-align: center;
   font-size: 20px!important;
   background: #edc682;
   background: -webkit-gradient(linear, left top, left bottom, from(#edc682), to(#f2a25c));
   background: -webkit-linear-gradient(top, #edc682, #f2a25c);
   background: -moz-linear-gradient(top, #edc682, #f2a25c);
   background: -ms-linear-gradient(top, #edc682, #f2a25c);
   background: -o-linear-gradient(top, #edc682, #f2a25c);
   background-image: -ms-linear-gradient(top, #edc682 0%, #f2a25c 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   }
.ribbon h1 {
   font-size: 25px!important;
   color: #381705;
   text-shadow: #ff874f 0 1px 0;
   margin:0px;
   padding: 15px 10px;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #eb973d;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #f0853e transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }
   
   /*END RIBBON*/
   .myButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #000;
        -webkit-box-shadow:inset 0px 1px 0px 0px #000;
        box-shadow:inset 0px 1px 0px 0px #000;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
        background:-moz-linear-gradient(top, #000 5%, #000 100%);
        background:-webkit-linear-gradient(top, #000 5%, #000 100%);
        background:-o-linear-gradient(top, #000 5%, #000 100%);
        background:-ms-linear-gradient(top, #000 5%, #000 100%);
        background:linear-gradient(to bottom, #000 5%, #000 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#f24437',GradientType=0);
        
        background-color:#000;
        
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        
        border:1px solid #000;
        
        display:inline-block;
        color:#ffffff;
        font-family:Trebuchet MS;
        font-size:17px;
        font-weight:bold;
        padding:6px 11px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #000;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
        background:-moz-linear-gradient(top, #000 5%, #000 100%);
        background:-webkit-linear-gradient(top, #f24437 5%, #000 100%);
        background:-o-linear-gradient(top, #000 5%, #000 100%);
        background:-ms-linear-gradient(top, #000 5%, #000 100%);
        background:linear-gradient(to bottom, #000 5%, #000 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=0);
        
        background-color:#000;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }