/* CSS Document */
body{
	padding: 0px;
	margin: 0px;
	background: #232323;
	color: #FFFFFF;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
div, p, ul, h2, h3, h4, img{
	padding: 0px;
	margin: 0px;
	color: #DDDDDD;
}
ul{
	list-style-type:none;
	color: #9BBB59;
}

.clear {clear: both; margin: 0px}

p a{
	color: #9BBB59;
	font-weight: normal;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
p a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
p.bluetxt{font:10px/12px Tahoma, sans-serif; color:#608d93; font-weight:bold; margin-bottom:15px;}
p.yellowtxt{font:10px/12px Tahoma, sans-serif; color:#f6ed0c; font-weight:bold; text-align:right}
p.yellowtxt span{font-weight:normal;}

#topContainer{margin:0 auto; background:url(../images/b_top.jpg) top left repeat-x #232323;}
#bottomContainer{
	margin: 0 auto;
	background-color: #232323;
	background-repeat: repeat-x;
	background-position: left top;
	
}

/* HEADER */

#header{
	height: 61px;
	width: 800px;
	position: relative;
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#logo{
	width: 258px;
	height: 55px;
	position: relative;
	top: 7px;
	left: 0;
	float: left
}

#header ul {
	margin: 0 auto;
	position:absolute;
	top:22px;
	left:277px;
	width: 341px;
}
#header ul li{float:left; margin-right: 11px;}

#header ul li.home a{width:38px; height:20px; display:block; background:url(../images/btn_home.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.home a:hover{width:38px; height:20px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#header ul li.about a{width:38px; height:20px; display:block; background:url(../images/btn_about.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.about a:hover{width:38px; height:20px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#header ul li.services a{width:56px; height:20px; display:block; background:url(../images/btn_services.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.services a:hover{width:56px; height:20px; background:url(../images/btn_services_over.gif) 0 0 no-repeat;}

#header ul li.prices a{width:43px; height:20px; display:block; background:url(../images/btn_prices.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.prices a:hover{width:43px; height:20px; background:url(../images/btn_prices_over.gif) 0 0 no-repeat;}

#header ul li.support a{width:49px; height:20px; display:block; background:url(../images/btn_support.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.support a:hover{width:49px; height:20px; background:url(../images/btn_support_over.gif) 0 0 no-repeat;}

#header ul li.contacts a{width:57px; height:20px; display:block; background:url(../images/btn_contacts.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.contacts a:hover{width:57px; height:20px; background:url(../images/btn_contacts_over.gif) 0 0 no-repeat;}

#header ul li.bullet{width:4px; height:20px; background:url(../images/bullet.gif) 0 11px no-repeat;}

/* MAINIMG */

#mainimg{
	height: 299px;
	width: 800px;
	background: url(../images/main_img.jpg) 0 0 no-repeat;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#presentation{width:238px; height:15px; position:absolute; top:27px; left:62px;}

#call{width:213px; height:70px; position:absolute; top:94px; left:120px;}

/* CONTENT */

#content{
	width: 800px;
	background: url(../images/b_content.gif) 0 0 repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#contentp{
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #1D1D1D;
}


#leftPan{
	width: 216px;
	float: left;
	margin-top: 26px;
}

#news{width:197px; padding-left:19px}
#news h2{width:99px; height:20px; background:url(../images/h_news.gif) 0 0 no-repeat; padding-bottom:12px;}
#news ul {width:193px; border-bottom:#353535 1px solid; padding-left:4px }
#news ul li {width:172px; padding-left: 21px; background:url(../images/bullet2.gif) 1px 4px no-repeat; padding-bottom:18px }
#news ul li p span{color:#0fbec1}

#testimonials{
	width: 196px;
	padding-left: 20px;
}
#testimonials h2{
	width: 99px;
	height: 20px;
	background: url(../images/h_testimonials.gif) 0 0 no-repeat;
	margin-top: 21px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 11px;
	padding-left: 0;
}
#testimonials h3{width:112px; height:159px; background:url(../images/img_testimonials.gif) 0 0 no-repeat; float:left; margin:0}
#testimonials p.bluetxt{margin-top: 20px}
#testimonials p.yellowtxt{margin: 10px 5px 0 0}

#rightPan{
	width: 530px;
	float: left;
	margin-left: 45px;
	margin-top: 26px;
}

#welcome{border-bottom:#353535 1px solid;}
#welcome h2{
	width:191px;
	height:20px;
	background:url(../images/h_welcome.gif) 0 0 no-repeat;
}
#welcome img{width:168px; height:126px; border: #252525 3px solid; float:left; margin: 15px 10px 0 6px}
#welcome p.bluetxt{margin-top: 0px; margin-bottom:10px;}
#welcome p {margin-bottom: 30px;}

#services h2{width:96px; height:20px; background:url(../images/h_services.gif) 0 0 no-repeat; padding: 0 0 15px 0; margin:21px 0 0 0}

#services ul {width:210px; margin-left:3px; float:left; }
#services ul li{height:20px; width:200px}
#services ul li a{font:10px/20px Tahoma, sans-serif; color:#939393; font-weight:normal; text-decoration:none; background:url(../images/arrow.gif) 0 6px no-repeat; padding: 0 0 0 16px; display:block;}
#services ul li a:hover{text-decoration:underline; color:#fff;}

/* FOOTER */

#footer{
	height: 40px;
	width: 800px;
	background: url(../images/b_blue.jpg) bottom repeat-x;
	position: relative;
	background-color: #232323;
	background-image: url(../images/b_blue2.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer p{
	font-weight:normal;
	text-align:right;
	color:#999999;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#999; text-decoration:none; padding: 0 2px }
#footer p a:hover{color:#ccc;}



#topContainer #content #rightPan #welcome {
	font-size: 12px;
}
#topContainer #content #rightPan #welcome ul li h3 {
	font-size: 12px;
}
#topContainer #content #rightPan #welcome ul li h3 {
	font-size: 12px;
}
#topContainer #content #rightPan #welcome {
	font-size: 12px;
}
#topContainer #content #rightPan #welcome ul li h3 {
	font-size: 11pt;
	line-height: 18px;
}
#topContainer #content #leftPan #news ul li p {
	color: #FFF;
}
#topContainer #content #rightPan #welcome ul li h3 {
	color: #9BBB59;
}

.entry {
	position: relative;
	float: left;
	margin: 5px;
	cursor: pointer;
	width: 188px;
	height: 125px;
	padding: 0;
	border: 1px solid #ccc;
	
}
 
.portfolio1-entry {
	width:450px;
    height:280px;
}
.portfolio2-entry {
	width:440px;
    height:274px;
}
.portfolio3-entry {
	width:296px;
    height:185px;
}
.portfolio4-entry {
	width:213px;
    height:133px;
}

.portfolio1-entry,
 .portfolio2-entry,
 .portfolio3-entry,
  .portfolio4-entry{
    position:relative;
    float:left;
    margin:0;
    cursor:pointer;
    padding:0;
}

 .home-entry {
    position:relative;
    float:left;
    margin:5px 0;
    cursor:pointer;
    width:216px;
    height:135px;
    padding:0;
}

.portfolio { margin:0; }
 
.magnifier {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 10px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: rgba(63,303,101,.3);
	background-image: url(../images/assets/magnifier.png);
	background-repeat: no-repeat;
	background-position: center;
}
.video-hover {
    background:rgba(63,163,201,.7) url(images/assets/video.png) no-repeat center;
    position:absolute;
    top:10px;
    left:10px;
    bottom:10px;
    right:10px;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
 .portfolio1-entry:hover .video-hover,
 .portfolio1-entry:hover .magnifier,
 .portfolio3-entry:hover .video-hover,
 .portfolio3-entry:hover .magnifier,
  .portfolio4-entry:hover .video-hover,
 .portfolio4-entry:hover .magnifier,
 .portfolio2-entry:hover .video-hover,
 .portfolio2-entry:hover .magnifier,
 .home-entry:hover .video-hover,
  .home-entry:hover .magnifier,
.entry:hover .video-hover,
.entry:hover .magnifier { opacity:1; }
 
img {
    max-width:100%;
}
a.readmore {float:right !important;}
.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
}
 
.isotope {
-webkit-transition-property: height, width;
   -moz-transition-property: height, width;
        transition-property: height, width;
}
 
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
        transition-property:         transform, opacity;
}


.scrollup { background: url(images/assets/up-arrow.png) no-repeat scroll center center #ededed; border-radius: 5px 5px 5px 5px;bottom: 15px;height: 45px;overflow: hidden;position: fixed;right: 15px;width: 45px;z-index: 100;}
.scrollup:hover {background-color: #444444;}

	


 
nav.primary ul li a {
	display: inline;
	font-size: 14px;
	color: #9CBD5A;
	text-decoration: none;
	line-height: 22px;
	height: 22px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
 
nav.primary li a.selected {
    border-bottom: 2px solid #ccc;
}