/* @override http://dev.worldwithoutwalls.net/assets/css/style.css */

/* @override http://dev.worldwithoutwalls.net/assets/css/style.css */

/* @override 
	http://dev.worldwithoutwalls.net/assets/css/style.css */

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family: "museo-sans-rounded", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 100;
	font-size:100%; 
	color:#000;
	min-width:999px;
	background:#fff;
}

p, h1, h2, h3, h4, h5, h6, a {
	font-family: "museo-sans-rounded", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 100;
}

.bg {width:100%; background: url(../images/bg-head.png) repeat-x 0 0 #ffffff;}

.bg-body {width: 100%; position: relative; background: url(../images/bg-body.jpg) repeat-x scroll 0px 159px;}

.bg-1 {width:100%; background: url(../images/bg-1.gif) repeat-x 0 bottom;}
.bg-2 {width:100%; background: url(../images/bg-2.jpg) 0 bottom repeat-x;}



.main {
	width:999px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.5384em;
	position:relative;
}

a {color:#9f9f9d; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
.extra-box {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:17px;}
.p0 {margin-bottom:5px;}
.p00 {margin-bottom:6px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:52px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:17px;}
.title1 {margin-bottom:17px;}
*+html .title1 {margin-bottom:2px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.l-h {line-height:1.0em;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#868686;}
.color-4 {color:#f26e2a;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:32px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}
.spacing-bot1 {margin-bottom:25px;}
*+html .spacing-bot1 {margin-bottom:12px;} 

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:0 25px 0px 0;}
.img-indent2 {float:left; margin:0 15px 0px 0;}
.img-indent3 {float:left; margin:0 10px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}

.text-indent{float:left; font-size: 14px; color:#000; margin: 0 15px 0px 0;}
.text-indent1{float:left; font-size: 14px; color:#000; margin: 0 21px 0px 0;}


.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.sf-menu li a,
.list-1 li a,
.list-2 li a,
.link-1,
.button,
.button-1,
a.box,
a.box-1,
#form a,
.date-2,
h6 a,
.titl,
.nivo-caption p a,
.logo {text-decoration:none;}	

/*********************************header*************************************/

header {height:220px; width:100%; background:none; position:relative; z-index:9999;}

.row-1 {width:100%; height: 474px; position:relative;  z-index:1;}


h1 {padding:40px 0 0 3px; position:relative;}
.logo {display:inline-block; height:55px; width: 800px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}

header #form-top {position:absolute; top:91px; right:-1px;}
header .form-top {height:33px; overflow:hidden; background:none;}
header .form-top span{float:left;}
header #form-top input {width:193px; height:15px; font-size:13px; line-height:15px; font-family:Arial, Helvetica, sans-serif; color:#9f9f99; background:url(../images/bg-form-top.png) 0 0 repeat-x; padding:9px 15px; margin-right:2px; border:0 none;}
header #form-top a {float:left; width:37px; height:33px; background:url(../images/marker-top.png) 0 0 no-repeat;}
header #form-top a:hover {background:url(../images/marker-top-h.png) 0 0 no-repeat;}

.sf-menu {height: 105px;
	position:absolute; top:117px; left: 0px; padding:0px 0px 0 0; background:#fff; z-index:99999;}
.sf-menu li {float:left; margin-right:1px; }
.sf-menu li.last {float:left; margin-right: 0px;}
.sf-menu li a {display:block; color:#fff; font-size:24px; line-height:1.2em; height: 49px; width:161px; padding: 55px 20px 0 18px; text-align:left; background:url(../images/bg-menu.gif) 0 0 repeat-x; }
.sf-menu li a.current, .sf-menu li.active a, .sf-menu li a.active, .sf-menu li a:hover {background:url(../images/bg-menu-h.gif) 0 0 repeat-x;}
/*********************************content*************************************/
#content-home {width:100%; padding:0px 0px 0px 0px; background:#fff; z-index:1; position:relative;}

#content-page {
	width: 940px; margin-left: 30px;
}


.spacer-1 {width:100%; background:url(../images/pic-1.gif) 19px 0 repeat-y;}
.col-padding {padding: 0 0 5px 60px;}


aside {width:100%; position:relative; clear:both;
	background: url(../images/footer-bg.jpg) repeat-x 0px 30px;
}
aside .padding  {padding:3px 0 20px 10px;}
aside .padding1 {padding:30px 0 40px 10px;}

aside .padding .wrapper {
	margin-top: 50px;
	color: #858b8b;
}

aside .padding .inner-wrapper {
	margin-top: 10px;
	color: #858b8b;
}

aside h3 {
	color: #ffffff;
}

aside .works-list { margin:0;}
aside .works-list li {font-size:13px; line-height:15px; margin:0px 0px 17px 0; text-transform:uppercase;}
aside .works-list li a {display:inline; color:#8b8b8b; text-decoration:none; padding-left:4px;}
aside .works-list li a:hover {text-decoration:underline;}

.padding {padding: 32px 0px 35px 10px;}
.padding1 {padding: 39px 0px 60px 10px;}
.padding2 {padding: 39px 0px 60px 10px;}
*+html .padding2 {padding: 39px 0px 60px 10px;}

h2 {font-size:40px; line-height:1.2em; margin:0px 0 15px; color:#2f2f2f;}
h3 {font-size:30px; line-height:1.2em; margin:0px 0 26px; color:#4d4d4d;}
h4{font-size:27px; line-height:1.2em; margin:0 0 5px 0; color:#878787;}
h6 {font-size:13px; line-height:17px; margin:0px; color:#ff9037; font-weight:normal;}
h6 a{color:#ff9037;}
h6 a:hover {text-decoration:underline;}

.date {font-size:13px; line-height:18px; color:#ff9037;}
.date:hover {text-decoration:none;}

.date-1 {font-size:13px; line-height:18px; color:#ff9037; padding-left:16px; background:url(../images/marker-2.jpg) 0 3px no-repeat;}
.date-1:hover {text-decoration:none;}

.date-2 {font-size:13px; line-height:18px; color:#ff9037;}
.date-2:hover {text-decoration:underline;}

time {display:block; width: 64px; text-align:center; font-size:28px; line-height:1.2em; color:#ff8131; padding: 0px 0;}
time strong {display:block; margin-top:10px;}

.list-1 li {font-size:13px; line-height:32px; text-transform:uppercase;}
.list-1 li a {color:#8b8b8b; background:url(../images/marker-1.gif) 0 7px no-repeat; padding-left:12px;}
.list-1 li a:hover {color:#ff9037;}

.list-2 {padding-right:10px;}
.list-2 li {font-size:13px; line-height:31px; padding-left:0px; text-transform:uppercase; border-bottom: 1px solid #d9d9d9;}
.list-2 li.last {border-bottom:none;}
.list-2 li a {color:#8b8b8b; display:inline-block;}
.list-2 li a:hover {color:#ff9037;}

.list-3 {padding-right:1px;}
.list-3 li {font-size:12px; line-height:17px; background:url(../images/bg-list-3.gif) 0 0 repeat-x #231f1a; color:#9e9e9e; display:block; margin-bottom:9px; padding: 16px 15px 16px 17px;}

/*********faded************/
#faded {position:relative; background:url(../images/bg-calendar.jpg) 0 0 no-repeat; height:222px;}
.faded-box {height:222px;}
.faded-box .paddin {padding:21px 39px 24px 42px;}
#faded .control {position:absolute; top:21px; left:41px; z-index:1;}
#faded .prev {display:block; height:26px; width:27px; text-indent:-5000px; background:url(../images/prev.png) 0 0 no-repeat; position:absolute; top:0px; left:0px;}
#faded .next {display:block; height:26px; width:27px; text-indent:-5000px; background:url(../images/next.png) 0 0 no-repeat; position:absolute; top:0px; left:174px;}

.faded-box h5{ font-size:13px; line-height:18px; font-weight:bold; color:#404040; padding:4px 0 4px 0; text-align:center; background:#df7e31; margin-bottom:10px;}

.faded-box table{border-bottom:1px solid #c1c1c1; border-right:1px solid #c1c1c1;}
.faded-box td{ width:27px; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; font-size:13px; line-height:27px; text-align:center; background:none;}
.faded-box td a{ display:block; text-decoration:none; color:#525251;}
.faded-box .active a{color:#df7e31; font-weight:bold;}
.faded-box .selected a, .faded-box td a:hover{ background:#df7e31; color:#525251;}


.link {color:#ff8131;}
.link:hover {text-decoration:none;}

.link-1 {color:#f26e2a; font-size:12px; line-height:17px;}
.link-1:hover {text-decoration:underline;}

.map iframe {width:260px; height: 325px; overflow:hidden;}

.contact {font-size:13px; line-height:17px;}
.contact dt {margin-bottom:18px;}
.contact dd span {float:left; width:74px;}

input, textarea { margin:0; font-size:1em; color:#000; font-family:Arial, Helvetica, sans-serif;}

/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	width:100%;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 20px 0px;
			}
			#contact-form input[type=text] {
				float:left;
				width:241px;
				height:20px;
				padding:7px 18px; margin:1px 0 0 1px;
				background:none;
				border:1px solid #b2b2b2;
				line-height:1.2em;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {}
			#contact-form .area .error { float:right;}
			#contact-form textarea {
				width:421px;
				height:256px;
				background:none;
				border:1px solid #bababa;
				padding:14px 18px; margin:1px 0 0 1px;
				overflow:auto;
				display:block;
				line-height:1.2em; 
				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label {
				padding:0 0 0px 5px;
				display:inline-block;
				color:#F00;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					color:red;
					width:240px;
					font-size:10px;
					line-height:31px;
					display:none;
				}
		.buttons-wrapper { float:right; margin-top:20px;
			}
		.buttons-wrapper a { margin-left:16px;}

.button {cursor:pointer; display:inline-block; font-size:16px; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#6d6d6d; background:url(../images/button-1.gif) 0 0 repeat-x #f2f1ec; border:1px solid #d9d9d9; padding:6px 16px 5px 18px;}
.button:hover {background:#ff9037; border:1px solid #ff9037; color:#fff;}

.text-1 {font-size:27px; line-height:1.2em; color:#878787;} 
.text-2 {font-size:13px; line-height:17px; color:#ff9037;}
.text-3 {font-size:12px; line-height:16px; color:#626262; margin-top:5px;}
.text-4 {font-size:13px; line-height:16px; color:#000;} 

.button-1 {display:inline-block; font-size:16px; line-height:1.2em; font-weight:bold; color:#9f9f9c; background:url(../images/button-1.gif) 0 0 repeat-x #f2f1ec; border:1px solid #d9d9d9; padding:6px 16px 6px 17px;}
.button-1:hover {background:#ff9037; border:1px solid #ff9037; color:#fff;}


/****************************footer************************/
footer {width:999px; margin: 0 auto; padding:12px 0px 15px 0px; text-align:left;  position:relative;}
footer.footer {width:999px; margin: 0 auto; padding:12px 0px 15px 0px; text-align:left; border-top:none; position:relative; clear:both;}

.text-bot {font-size: 12px; line-height:24px; font-weight:bold; color:#9f9f9d; text-transform:uppercase; padding-left:30px;}
.text-bot span.line{margin: 0 2px 0 2px;}
.text-bot a {color:#9f9f9d;}
.text-bot a:hover {text-decoration:none;}


/* Shared styles */
        
.drop-shadow {
            position:relative;
			z-index:999;
            float:left;
            width:100%;    
            padding:0; 
            margin:0 0 0px 0; 
            background:#fff;
-webkit-box-shadow:0 0px 6px rgba(169, 170, 160, 0.11), 0 0 40px rgba(169, 170, 160, 0.11) inset;
   -moz-box-shadow:0 0px 6px rgba(169, 170, 160, 0.11), 0 0 40px rgba(169, 170, 160, 0.11) inset;
        box-shadow:0 0px 6px rgba(169, 170, 160, 0.11), 0 0 1px rgba(169, 170, 160, 0.11) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-1;

        }
        
       
        /* Lifted corners */

        .lifted {

        }
        
		

        .lifted:before,
        .lifted:after { 
            bottom:11px;
            left:21px;
            width:50%;
            height:20%;
            max-width:356px;
            -webkit-box-shadow:0 15px 11px rgba(0, 0, 0, 0.25);   
               -moz-box-shadow:0 15px 11px rgba(0, 0, 0, 0.25);
                    box-shadow:0 15px 11px rgba(0, 0, 0, 0.25);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
		
        .lifted:after {
            right:21px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }  
		
		
		/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
.lightbox-image img {
	position:relative;
	z-index:2;
	}

.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
	}

