/*----------------------------------------------------
                 Unique Packers - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font-family:Tahoma, Arial, Verdana;
font-size:12px;
margin:0 auto;
padding:0;
background-image:url(../images/bg-body.jpg);
/*background-image:url(../images/bg.jpg);*/
background-repeat:repeat;
color:#000;
height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr{
border:0;
color:#dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{margin-bottom:15px; font: 400 44px/56px "Raleway",Arial,Helvetica,"Nimbus Sans L",sans-serif; color:#000;}
h1{font-size:32px; line-height:30px;}
h2{font-size:22px; line-height:28px;}
h3{font-size:18px; line-height:20px;}
h4{font-size:16px; line-height:18px; font-weight:bold;}
h5{font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}
strong{margin-bottom:5px; font: 500 14px/16px "Raleway",Arial,Helvetica,"Nimbus Sans L",sans-serif; color:#000;}
/* links */
a{color:#57A2BC; text-decoration:none;}

a:hover{color:#C30;}
a.more::before {
    content: "";
    background: url("../images/arrow_tour.png") no-repeat scroll 0px 0px #CBCCC2;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0px 11px -5px 0px;
    position: relative;
    border-radius: 50%;
    transition: background-color 0.3s ease-in-out 0s;
}
a img{border:none}
.imgleft{float:left; padding:5px 12px 0px 0px;}
.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:12px;
line-height:18px;
margin-bottom:14px;
color:#000;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#000;
padding:2px 4px 2px 38px;
background-image:url(../images/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
border-left:none !important;
}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#page-container{width:100%; max-width:988px; margin:0 auto;  }
.page-container-inner{width:100%;  max-width:988px; background-image:url(../images/bg-container.png); float:left;}
.frame{width:100%;  max-width:920px; margin:0 auto;}


/* Header
------------------------------------------------------*/
#header{height:139px; width:100%; padding-left:0; padding-right:0; max-width:920px; background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 71%, #efefef 97%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(71%,#ffffff), color-stop(97%,#efefef), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 71%,#efefef 97%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 71%,#efefef 97%,#ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 71%,#efefef 97%,#ffffff 98%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 71%,#efefef 97%,#ffffff 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#top-header{height:108px; background-image:url(../images/strip-line.gif); background-position:top; background-repeat:repeat-x;}
#bottom-header{width:100%; max-width:920px; border-bottom:1px solid #969696; float:left;}
.logo{padding:38px 0px 0px 20px; float:left;}
.phone{font-size:18px; padding:50px 20px 0px 0px; float:right; text-align:right}
.phone-get{font-size:14px; color:#CC3300;}

/* Search styling */
.search-fieldset{border:none;}
#search-box{padding-bottom:6px; float:right; height:23px;}
#search{float:right; width:auto;}
#s{font:12px Tahoma, Arial, Verdana; font-size:11px; color:#c8c9be; padding:4px 30px 4px 3px; background-color:#fff; border:1px solid #d3d2d2; width:220px; }
#s:focus{border:1px solid #adacac; color:#adacac;}
#search .go{position:absolute; margin:3px 0 0 -26px;height: 17px; padding:0;width: 18px; float:left}

/* Top Navigation bar menu styling */
#nav-menu {float:left; margin:5px 0px 5px 0px; list-style-type:none; height:15px;padding-left:0px !important;}
#nav {margin:0px; padding:0px 0px 0px 0px; float:left;}
#nav ul{ 
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
}
#nav li{
list-style:none;
float:left;
text-align:center;
padding:0;
font:normal 11px Tahoma, Arial, Verdana;
line-height:26px;

}
#nav li a {
z-index: 10;
display: block;
float: left;
height: 15px;
position: relative;
overflow: hidden;
padding: 0 20px; 
color:#ffdbcd;
text-decoration:none;
}
#nav li a:hover {
z-index: 10;
display: block;
float: left;
height: 15px;
position: relative;
overflow: hidden;
padding: 0 20px; 
color: #535353;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow{
background-color:#202020;
width:100%;
max-width:920px;

margin:15px 0px 0px 0px;
float:left;
}
#slideshow-threed{
width:100%;
max-width:920px;
 
margin:15px 0px 0px 0px;
float:left;
}
#box-nav-slider{
background-image:url(../images/strip-line.gif);
background-position:bottom;
background-repeat:repeat-x;
width:100%;
max-width:920px;
height:17px;
float:left;
}
#slideshow-navigation a{
background: url(../images/slide.png) no-repeat scroll 50% 50%;
display:block;
float:left;
font-size:0px;
width:9px;
height:9px;
margin:2px;
outline-style:none;
outline-width:medium;
padding:2px;
}
#slideshow-navigation{float:right; padding-right:10px}
#slideshow-navigation .activeSlide {background: url(../images/slide.png) no-repeat scroll 0% 50%;}
.img-slide{width:100%;   float:left;}

.slidehalf { margin-top:0px; margin-right:20px; float:left;} /* Editable Slider Image Position */
.slidehalf2 { margin-top:0px; margin-right:0px; float:left;} /* Editable Slider Image Position */
.slide-text h1{color:#FFF; padding:50px 20px 0px 0px}
.slide-text p{font-size:12px; color:#b5b5b5; line-height:22px;}
.slide-text a.read_more{color:#CC3300; font-size:12px;}
.flash-img {text-align:center; display:block; margin:100px auto 0 auto;}


/* Content
------------------------------------------------------*/
#content{width:100%; max-width:920px; padding:20px 0px 20px 0px; float:left;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
.imgleft-box{float:left; border:solid 1px #cfd4c3; padding:6px; margin-right:15px; background-color:#f9fbf4;}
.imgright-box{float:right; border:solid 1px #cfd4c3; padding:6px; margin-left:15px; background-color:#f9fbf4;}

.orange{color:#CC3300;}

ul.content-list {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li {padding:0px 0px 12px 5px; line-height:18px;}
ul.content-list li a {text-decoration:none;}
ul.content-list li a:hover {text-decoration:underline;}

/* Featured Project */
#featured{margin-top:3px; height:255px;}
.bg-featured{background-image:url(../images/strip-line.gif); background-repeat:repeat; width:275px; height:157px; padding:5px 5px;}
.featured-text{padding-top:5px;}

/* Bottom Box */
.imgleft-bottom{width:88px; height:90px; float:left; margin-right:15px;}
#bottom-box{width:100%; max-width:908px; margin-top:5px; padding:5px; border:1px solid #e5e6e2; float:left;}
#bottom-box-inner{background-image:url(../images/strip-line.gif); background-repeat:repeat; width:100%; max-width:908px; line-height:16px; float:left;}
#bottom-box-inner h4{padding-top:8px; margin-bottom:8px; color:#CC3300;}
.box1{font-size:11px; padding:10px 0px 10px 10px; float:left;}
.box2{ font-size:11px; padding:10px 0px; float:left;}


/* Footer
------------------------------------------------------*/
#footer{width:100%; max-width:920px; min-height:100px; font-size:11px; margin:0px auto; color:#686868; line-height:18px; float:left; margin-bottom:20px; border-top:1px solid #ccc; background-image: url("../images/strip-line.gif"); background-position: center bottom; background-repeat: repeat-x; padding-bottom:20px; border-bottom:1px solid #ccc;}
#footer a, #footer a:visited{color:#686868; text-decoration:none;}
#footer p{font-size:11px; color:#686868;}
.footer1{ padding-top:15px;}
.footer2{padding-top:21px;}
.footer2 ul{margin:0px; padding:0px; font-size:11px; list-style-type:none;}
.footer2 ul li{list-style:none;	border-bottom:solid 1px #686868; line-height:24px; text-align:right;}
.footer3{padding-top:15px;}
.footer3 h3{color:#686868;}
.twitter{padding-right:5px; float:left;}
#social span{background:url(../images/social-icon.jpg); float:left; width:16px; height:16px; margin:4px 5px 0 0;}
#fb-icon span{background-position:0px 0;}
#fb-icon a:hover span{background-position: 0px -16px;}
#twit-icon span{background-position:-16px 0;}
#twit-icon a:hover span{background-position: -16px -16px;}
#flic-icon span{background-position:-32px 0;}
#flic-icon a:hover span{background-position: -32px -16px;}
#rss-icon span{background-position:-48px 0;}
#rss-icon a:hover span{background-position: -48px -16px;}

.top-bar{
	height: inherit;
margin-bottom: 3px;
}
.top-bar,.top-bar-section ul li,.top-bar-section ul li a {
	background:none !important;
	color:#000;
	font: 300 13px/14px "Raleway",Arial,Helvetica,"Nimbus Sans L",sans-serif;
	line-height:16px !important;

}

#search-box fieldset{
	margin:0px; padding:0px;
	height:25px;
}
.top-bar input{
	top:0;
	height:2.2em;
	float:left;
}

/***************** Template Camera Slider *****************/

#slider {
	margin-top:15px;
}
.slider-wrapper {
	position: relative;
	z-index: 0;
	top: 0;
	overflow: hidden;
}
#stripe-line {
	border-bottom: 9px
}
#stripe-line {
	-webkit-border-image: url(../images/stripe-line.jpg) 0 0 10 0 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/stripe-line.jpg) 0 0 10 0 round; /* Opera 11-12.1 */
	border-image: url(../images/stripe-line.jpg) 0 0 10 0 round;
	margin-top: -5px;
}
.camera_caption {
	display: block;
	position: absolute;
	width: 100%;
	top: 30%;
	left: 7%;
	max-width: 550px;
}
.camera_caption > div {
	background:transparent!important;
}
.camera_caption h1 {
color: rgb(15, 26, 36);
text-shadow: 0px 1px 1px rgb(229, 155, 87);
}
.camera_wrap a.btn-outline {
	background-color: #fac11c;
	border:3px solid #fac11c;
	border-radius: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 16px;
	padding: 5px 10px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #1f2d3a;
}
.camera_wrap a.btn-outline:hover {
	background-color: #fff;
	border:3px solid #fff;
	color: #1f2d3a;
}
.camera_pag{
	background-image: url("../images/strip-line.gif");
background-position: center bottom;
background-repeat: repeat-x;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: url("../images/slide.png") no-repeat scroll 50% 50% transparent;
	border-radius:0px;

width: 12px;
height: 12px;
margin: 2px;
outline-style: none;
outline-width: medium;
padding: 2px;
}
.camera_wrap .camera_pag .camera_pag_ul li span{
	display:none;}

/***************** Template Camera Slider *****************/

.sf-menu li a:hover{
	color:#cc3300 !important;
}
.sf-menu li a{
border-right: 1px solid #999;
}
.sf-menu li.last a{
border-right: none;
}
.sf-menu li.current a{
color:#cc3300 !important;
font-weight:500;
}
.mydivider{
	border-bottom: 1px dotted #ccc; clear:both; margin-top:10px; margin-bottom:10px;
}

#content3 p{
	clear:both
}

@media screen and (max-width:980px) {
	.page-container-inner{
background-image: none;
background:#fff;
	}
	
	#side-box.contacts {
		text-align:center !important;
	}

}
.phone, .phone-get{
	font-family:"Roboto Condensed",sans-serif;
}