/*  
Theme Name: inZero
Theme URI: http://www.isoftdimension.com.sg/
Version: 1.0
Description: Designed by <a href="http://www.isoftdimension.com.sg">iSOFT DIMENSION Pte Ltd</a>.
Modified: Dian Afrial
Tags: inzero
*/

@import url("fonts/stylesheet.css");

/* ---------- Default Tags and Classes ---------- */
body{
	
	background: #fff url("images/header40.jpg") 0 0 repeat-x;font-family:"UbuntuRegular",arial;
}
h1, h2, h3, h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #444545; }

h1, h2, h3 { color: #444545; margin-bottom: 5px; }
h1, h2 { font-size: 16px; line-height: 24px; }
h2 {
	line-height: 22px;
	padding-bottom: 14px;
	margin-bottom: 32px;
	border-bottom: #e1e1e1 1px solid;
}
h3 {
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 13px;
	margin-bottom: 17px;
	border-bottom: #e1e1e1 1px solid;
}
h4 { font-size: 13px; line-height: 22px; }
h5 { font-size: 11px; }

p { margin-bottom: 15px; }

blockquote {
	border-left: #00a2ff 9px solid;
	padding-left: 11px;
	overflow: hidden;
}
blockquote div { margin: -3px 0; }


/* Floating & Alignment  */

.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}

.fl-space		{float:left;display:inline;position:relative;margin-right:5px;}
.fl-space8		{float:left;display:inline;position:relative;margin-right:8px;}
.fl-space10		{float:left;display:inline;position:relative;margin-right:10px;}
.fl-space15		{float:left;display:inline;position:relative;margin-right:15px;}
.fl-space20		{float:left;display:inline;position:relative;margin-right:20px;}
.fl-space25		{float:left;display:inline;position:relative;margin-right:25px;}
.fl-space30		{float:left;display:inline;position:relative;margin-right:30px;}
.fl-space35		{float:left;display:inline;position:relative;margin-right:35px;}

.fr-space		{float:right;display:inline;position:relative;margin-left:5px;}
.fr-space8		{float:right;display:inline;position:relative;margin-left:8px;}
.fr-space10		{float:right;display:inline;position:relative;margin-left:10px;}
.fr-space15		{float:right;display:inline;position:relative;margin-left:15px;}
.fr-space20		{float:right;display:inline;position:relative;margin-left:20px;}
.fr-space25		{float:right;display:inline;position:relative;margin-left:25px;}
.fr-space30		{float:right;display:inline;position:relative;margin-left:30px;}
.fr-space35		{float:right;display:inline;position:relative;margin-left:35px;}

/* Font Class  */

.font_8			{font-size:8px!important;}
.font_9			{font-size:9px!important;}
.font_10		{font-size:10px!important;}
.font_11		{font-size:11px!important;}
.font_12		{font-size:12px!important;}
.font_13		{font-size:13px!important;}
.font_14		{font-size:14px!important;}
.font_15		{font-size:15px!important;}
.font_16		{font-size:16px!important;}
.font_17		{font-size:17px!important;}
.font_18		{font-size:18px!important;}
.font_19		{font-size:19px!important;}
.font_20		{font-size:20px!important;}
.font_21		{font-size:21px!important;}
.font_22		{font-size:22px!important;}
.font_23		{font-size:23px!important;}
.font_24		{font-size:24px!important;}
.font_25		{font-size:23px!important;}
.bold			{font-weight:bold!important;}
.normal			{font-weight:normal!important;}
.italic			{font-style:italic!important;}
.oblique		{font-style:oblique!important;}
.small-caps		{font-variant:small-caps!important;}
.uppercase		{text-transform:uppercase!important;}
.lowercase		{text-transform:lowercase!important;}
.underline		{text-decoration:underline!important;}
.strikethrough	{text-decoration:strikethrough!important;}

/* Clear Floats  */

div.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {clear: both;}
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}

#content ul, #slider-animated ul {}
#slider-animated li, #skills li {
	list-style-type: none;
	background: url("images/tick.png") 0 5px no-repeat
}

#content .flexslider ul { margin: 0; }
.flexslider li, #content .flexslider li, #portfolio-filter ul li {
	padding: 0;
	list-style-type: none;
	background: none;
}
#portfolio-filter ul.pull-left { float: left; }

.more, .more-large {

	background: #A0C02A;
	background: -moz-linear-gradient(top, #BCD369 0%, #A0C02A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCD369), color-stop(100%,#A0C02A));
	background: -webkit-linear-gradient(top, #BCD369 0%,#A0C02A 100%);
	background: -o-linear-gradient(top, #BCD369 0%,#A0C02A 100%);
	background: -ms-linear-gradient(top, #BCD369 0%,#A0C02A 100%);
	background: linear-gradient(to bottom, #BCD369 0%,#A0C02A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCD369', endColorstr='#A0C02A',GradientType=0 ); /* IE6-9 */
	 border: 1px solid #8fad22;
	  padding: 4px 12px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  color: #fff;
	  display: inline-block;
	  font-size: 13px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	  cursor: pointer;
	  margin-bottom: 18px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: sans-serif;
	  
	 -moz-box-shadow: 0 0 0 1px #cae665 inset, 0 2px 2px -1px #7981ac;
	-webkit-box-shadow: 0 0 0 1px #cae665 inset, 0 2px 2px -1px #7981ac;
	box-shadow: 0 0 0 1px #cae665 inset, 0 2px 2px -1px #7981ac;
	text-shadow: #9ebc30 0 1px 0;
}
.more:hover, .more-large:hover, #slider-parallax .more-large, .hero-unit .more-large, #search-form .more:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: #9ebc30 0 1px 0;
	border-color: #8fad22;

	-moz-box-shadow: 0 0 0 1px #cae665 inset, 0 2px 2px -1px #7981ac;
	-webkit-box-shadow: 0 0 0 1px #cae665 inset, 0 2px 2px -1px #7981ac;
	box-shadow: 0 0 0 1px #cae665 inset, 0 2px 2px -1px #7981ac;
	
	background: #A0C02A;
	background: -moz-linear-gradient(top, #BCD369 0%, #A0C02A 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCD369), color-stop(100%,#A0C02A));
	background: -webkit-linear-gradient(top, #BCD369 0%,#A0C02A 100%);
	background: -o-linear-gradient(top, #BCD369 0%,#A0C02A 100%);
	background: -ms-linear-gradient(top, #BCD369 0%,#A0C02A 100%);
	background: linear-gradient(to bottom, #BCD369 0%,#A0C02A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCD369', endColorstr='#A0C02A',GradientType=0 ); /* IE6-9 */
	
}
.more-large { padding: 9px 29px; font-size: 14px !important; }
#slider-parallax .more-large, .hero-unit .more-large { box-shadow: 0 0 0 1px #66c7ff inset; padding: 8px 12px; }

.thumbnail {
	padding: 0;
	border: none;
	box-shadow: none;
	position: relative;
	border-radius: 0;
}
.thumbnail > img, iframe.thumbnail { width: 100%; }
.thumbnail:hover { box-shadow: none !important; }
.thumbnail .overlay {
	position: absolute;
	background: #00a2ff;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in;  
	-moz-transition: all 0.4s ease-in;  
	-o-transition: all 0.4s ease-in;  
	transition: all 0.4s ease-in;
}
.thumbnail:hover .overlay { opacity: 0.7; visibility: visible; }

.thumbnail .overlay img  {
    position: absolute;
    left: 50%;
    top: 50%;
	margin: -13px 0 0 -13px;
	opacity: 0;
}
.thumbnail:hover .overlay img  {
    -moz-transition: all 0.6s ease-in-out 0s;
    -moz-transform: rotate(180deg);
    -webkit-transition: all 0.6s ease-in-out 0s;
    -webkit-transform: rotate(180deg);
    transition: all 0.6s ease-in-out 0s;
    transform: rotate(180deg);	
    opacity: 1;
}

input, textarea { font-size: 12px !important; }

.pull-right { float: right; }
.pull-left { float: left; }

ul.nav-tabs { margin: 0 !important; border: none; }
.nav-tabs > li > a {
	border-color: #d1d0d0;
	background: #fbfafa;
	border-radius: 0;
	margin-right: 9px;
	font-size: 13px;
	color: #444545;
	padding: 6px 14px 5px;
	outline: none;
}
.nav-tabs > li.active > a {
	font-weight: bold;
	background: #fbfafa;
	border-color: #d1d0d0;
	border-bottom-color: #fbfafa;
	-moz-box-shadow: -1px -1px 1px #f1f1f1;
	-webkit-box-shadow: -1px -1px 1px #f1f1f1;
	box-shadow: -1px -1px 1px #f1f1f1;
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover { background: #fbfafa; border-color: #d1d0d0; }
.nav-tabs > li.active > a:hover { border-bottom-color: #fbfafa; }
.tab-content {
	background: #fbfafa;
	border: #d1d0d0 1px solid;
	padding: 16px 15px 2px;
	-moz-box-shadow: 0 1px 1px #e1e1e1;
	-webkit-box-shadow: 0 1px 1px #e1e1e1;
	box-shadow: 0 1px 1px #e1e1e1;
}

.display_style{
	background-color: #ECF3F7;
    background-image: -webkit-gradient(linear, left bottom, left bottom, from(#ECF3F7), to(#e5eef4)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ECF3F7, #e5eef4); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #ECF3F7, #e5eef4); /* FF3.6+ */
    background-image:      -o-linear-gradient(top, #ECF3F7, #e5eef4); /* Opera 11.10+ */
    background-image:         linear-gradient(to bottom, #ECF3F7, #e5eef4);
    border: 1px solid #a4bbc8;
	-moz-box-shadow:0px 0px 1px #ffffff inset;
	-webkit-box-shadow:0px 0px 1px #ffffff inset;
	-o-box-shadow:0px 0px 1px #ffffff inset;
	box-shadow:0px 0px 1px #ffffff inset;
}


/* ---------- Header ---------- */

.header-bg{
	background: #315e7b; /* Old browsers */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjAxIiBzdG9wLWNvbG9yPSIjNzNjOWZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzE1ZTdiIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMzMTVlN2IiIC8+PHJlY3QgeD0iLTIwLjcxMDclIiB5PSItMjAuNzEwNyUiIHdpZHRoPSIxNDEuNDIxNCUiIGhlaWdodD0iMTQxLjQyMTQlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73c9ff), color-stop(100%,#315e7b)); 
	background: -moz-radial-gradient(center, ellipse cover,  #73c9ff 0%, #315e7b 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#73c9ff), color-stop(100%,#315e7b)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #73c9ff 0%,#315e7b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #73c9ff 0%,#315e7b 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #73c9ff 0%,#315e7b 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #73c9ff 0%,#315e7b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315e7b', endColorstr='#73c9ff',GradientType=0 ); /* IE6-8 fallback on horizontal gradient */
	height: 504px;
    position: absolute;
    width: 100%;

}
#attention, #copyright {
	border-bottom: #383837 5px solid;
	color: #fff;
	font-size: 12px;
}
#attention .container, #copyright .container { padding: 8px 0 4px; min-height: 20px; }
#attention a, #copyright a { color: #fff; }
#attention div { position: relative; }
#attention button {
	width: 12px;
	height: 20px;
	float: right;
	background: url("images/close.png") 1px 5px no-repeat;
	margin-left: 10px;
	border: none;
	text-indent: -999px;
	overflow: hidden;
}
#header {
	padding-top: 10px; position:relative;
	background: url("images/header-repeat-x.png") 0px 0px repeat-x;
}
#header  .header-inner{margin-right:-20px;}
#header  .main-header{margin:0 -20px}
#header .container{padding:0 20px;}
#logo { padding-bottom: 20px;margin-left:0px; }
#logo ul { padding: 3px 0 1px 0; margin: 0; }
#logo li {
	float: left;
	list-style-type: none;
	padding: 0 0 2px 24px;
	margin-left: 30px;
	background: url("images/account-icons.png") 0 -21px no-repeat;
}
#logo li:first-child { background-position: 0 3px; }
#logo a { color: #444; }
#logo .site-title, #logo .site-description  { font-family:Georgia, serif; color: #000; display:none;  }

#copyright p{margin-bottom:0px;color:#aaa;}
#phone{
	border-radius: 5px 5px 5px 5px;
    font-size: 12px;
	color:#0D61A1;
    padding: 8px;
	font-weight:bold;
	display:block;
}
#fb_like{
	display:block;
	margin-bottom:4px;
}
/* ---------- Navigation ---------- */

#navigation { padding-bottom: 0px;margin-bottom:-26px;margin-left:0px;margin-right:-20px; }
#homepage #navigation { padding-bottom: 0px; }
#navigation nav {
	background: #3a3b3b url("images/nav-bg.png") 0 -1px;
	border: #3e3f3f 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-top:1px;
	
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#navigation nav > ul {
	height: 46px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	position: relative;
	z-index: 1000;
}
#navigation ul { margin: 0; }
#navigation a {
	color: #ccc;
	font-size: 13px;
	font-weight: bold;
	text-shadow: #000 0 1px 1px;
}
#navigation a:hover { text-decoration: none; }
#navigation nav > ul > li {
	list-style-type: none;
	float: left;
	position: relative;
	border-right: #494d4f 1px solid;
	border-bottom-width: 3px;
	border-bottom-color: transparent;
	border-bottom-style: solid;
}
#navigation nav > ul > li > a {
	display: block;
	height: 45px;
	line-height: 44px;
	border-right: 1px solid #2d3032;
	padding: 0 28px;
	text-transform:uppercase;
	font-size: 12px;
	color: #aaa;
}
#navigation nav > ul > li:hover > a {
	background: #3a3b3b url("images/nav-act.png") 0 0 repeat-x;
	position: relative;
	color: #fff;
}
#navigation nav > ul > li.current-menu-item > a{background: #3a3b3b url("images/nav-act.png") 0 0 repeat-x;}
#navigation nav > ul > li:first-child:hover > a {
	margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-bottom-left-radius: 2px;
}
#navigation nav > ul > li:last-child a{border-right:none;}
#navigation nav > ul > li:last-child{border-right:none;}
/* second level */
#navigation li:hover > ul { display: block; }
#navigation ul ul {
	display: none;
	position: absolute;
	top: 40px;
	left: -2px;
	padding: 15px 10px 0 0;
}
#navigation ul ul li {
	list-style-type: none;
	border: #2f3030 2px solid;
	border-top: none;
	position: relative;
}
#navigation ul ul li:first-child {
	border-top: #2f3030 2px solid;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}
#navigation ul ul li:last-child {
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}
#navigation ul ul a {
	background: #3a3b3b url("images/nav-dd.png") 0 0 repeat-x;
	height: 28px;
	font-size: 12px;
	line-height: 27px;
	padding: 0 17px 0 11px;
	white-space: nowrap;
	min-width: 120px;
	display: block;	
}
#navigation ul ul li:hover > a { background: url("images/nav-act.png") 0 center repeat-x; }
#navigation ul ul li:last-child a {	padding-bottom: 4px; }

/* third level */
#navigation ul ul ul {
	left: 100%;
	padding: 0 0 0 9px;
	top: -2px;
}
/* mobile menu */
.select-menu {
	display: none;
	font-size: 12px;
	width: 100%;
}
#portfolio #content .select-menu { margin-bottom: 25px; }



/* ---------- Sliders ---------- */

#slider-animated { height: 446px; }
#slider-animated img {
	width: auto;
	position: absolute;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

#slider-animated .slides > li { height: 446px; padding: 0; }
#slider-image { padding-bottom: 35px; }

.carousel { overflow: hidden; margin-left: -28px; }



/* 
----------------------------------
FEATURED SLIDER
----------------------------------
*/

#featured-slider{position:relative;margin:0px;width:100%;height:358px;display:block;border-right:none;margin-left:-20px;margin-right:-20px;}
#featured-slider .slides_control{min-height:446px;}
.slide{width:932px;height:446px;}
.slide .entry p				{color:#000!important;font-size:14px;text-shadow:0 0px 0 #fff;}
.slide .slide-img{width:507px;}
.slide .slide-img-inner{margin:0px 20px;width:442px;border:1px solid #d7d7d7;background:#f8f8f8;padding:10px;position:relative;}
.slide .img-bottom-shadow{display:block;height:21px;margin-top:-11px;background:transparent url(images/img-bottom-shadow.png) 0px 1px no-repeat;}

#featured-slider .slide .inner {
	width: 348px;
	font-size: 12px;
	padding: 37px 0 0 26px;
}
#featured-slider .slide .inner h3{
	font-size: 38px;
	line-height: 38px;
	font-weight: normal;
	margin-bottom: 12px;
	color: #666;
}
#featured-slider .slide .inner ul{margin:0;margin-top:20px;list-style:none;}
#featured-slider .slide .inner ul li{padding-left:30px;background: transparent url(images/tick-blue-small.png) no-repeat 0px 0px;margin:8px 0px;font-size:15px;font-weight:bold;}
#featured-slider .paging{text-align: left;position:absolute;bottom:8px;left:10px;z-index:1000; }
#featured-slider .paging li { position:relative;display: inline-block;padding-left:2px; }
#featured-slider .paging li a {border:none;padding:0px 2px;outline:none; background: transparent url(images/slider-item-control.png) no-repeat left top; display: block; width: 15px; height: 15px; text-indent: -9999px; }
#featured-slider .paging li.current a,
#featured-slider .paging li a:hover{ background-position: 0 -15px; }
#layerslider{
	width: 100%;
	height: 100%;
}


.ls-inner {
	position: relative;
}

.ls-inner,
.ls-layer {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-layer > * {
	position: absolute;
	top: 0px;
}

.ls-layer .ls-bg {
	left: 50%;
	top: 50%;
}

.ls-bottom-nav-wrapper {
	z-index: 2;
	height: 0px;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0px;
	top : 0px;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}


/* ---------- Page Title & Social Profiles ---------- */

.brake-line {
	background: url("images/header-repeat-x.png") 0px 0px repeat-x;
	font-size: 14px;
	margin-left:0px;margin-right:-20px;margin-top:-89px;padding:0px 20px;
	box-shadow:0px -3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0px -3px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px -3px 5px rgba(0,0,0,0.2);
	color:#3c3c3c;
	height:90px;
	font-family:"UbuntuRegular",arial;
}


.brake-line.contactus{padding:0px;}
.brake-line .inner { padding-top: 15px; padding-bottom: 15px; }
.brake-line h1{font-size:24px;margin-bottom:10px;color:#3c3c3c;}

.page .brake-line,
.archive .brake-line{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	position:relative;
	margin-top:0px;
	background:none;
	background:rgba(255,255,255,0.2);
	border-bottom:2px solid #61AAD3;
	text-align:center;
}
.page .brake-line h1,
.archive .brake-line h1{color:#fff;font-size:30px;}
.page .brake-line p,
.archive .brake-line p{color:#fff;font-size:18px;}
#homepage #page-head > .inner { padding-bottom: 27px; }
#page-head h1 {
	line-height: 22px;
	padding: 2px 0;
	font-size: 14px;
	margin: 0;
}
#page-head.page-heading h1{font-size: 24px;margin-bottom:6px;}
#page-head hgroup { padding-left: 2px; }
#page-head .more-large { margin: 3px 2px 3px 0; }



/* ---------- Content ---------- */
#breadcrumbs { padding-top:10px;background: url("images/header-shadow.png") center -2px no-repeat;color:#aaa;font-size:11px; }
#content{margin-bottom:10px;position:relative;}
#content .container{
	padding: 0px 20px 0px;
}
.home #content .container{
	background:#ffffff url("images/featured-bottom-shadow.png") top center no-repeat;
	
	
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.entry-content{
	background:#ffffff;margin-right:-20px;
	
	-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2),inset 0px 0px 10px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2),inset 0px 0px 10px rgba(0,0,0,0.09);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2),inset 0px 0px 10px rgba(0,0,0,0.09);
}
.entry-content.full .entry{padding-right:10px;}
#page { padding: 31px 0 39px; }
#homepage #content { background: none; }
#default #content { padding-top: 40px; }
#contact #content, #blog #content { padding-top: 54px; }


#homepage-widget-area-2 { padding-bottom: 5px; overflow: hidden; }
#homepage-widget-area-1 {
	padding-top:1px;margin-right:-20px;
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.09);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.09);
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.09);
}
#homepage-widget-area-1 .widget_teaser{
	margin:0px;
	padding-left:20px;
	padding-bottom:30px;
	padding-top:30px;
	padding-right:20px;
	border-right:1px solid #eee;
	width:278px;
	text-align:center;
}
#homepage-widget-area-1 .widget_teaser.last{border-right:none;}
#homepage-welcome{}
#homepage-welcome .inner{border-top:1px solid #ddd;padding-top:12px;}
#homepage-welcome h1{border-bottom:none;padding-bottom:10px;}
.main-content{}
	.home .main-content{
		
		
	}
.personal-contact {
	font-style: italic;
	color: #999;
	border-top: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	margin-top: 20px;
	clear: both;
}
.staff2 .personal-contact { margin-top: 5px; }
.staff3 .personal-contact { margin-top: -6px; }

.shadow { margin: 0 auto; width: 100%; display: block; }

.progressbar { margin: -8px 0 32px;	color: #444545; }
.staff-info .progressbar:first-child { margin-top: -8px; }
.progressbar .pull-left, .progressbar .pull-right { padding-bottom: 4px; }
.bar-container {
	clear: both;
	background: #f4f3f3;
	border: #e0e0e0 1px solid;
	padding: 3px 4px;
	-moz-box-shadow: 1px 0 1px #d3d3d3;
	-webkit-box-shadow: 1px 0 1px #d3d3d3;
	box-shadow: 0 2px 2px -1px #d9d9d9;
}
.bar-container span {
	display: block;
	height: 13px;
	background: url("images/progress-bar.png");
}
.opacity-4 { opacity: 1; }
.opacity-3 { opacity: 0.75; }
.opacity-2 { opacity: 0.5; }
.opacity-1 { opacity: 0.25; }

#not-found #content img { display: block; margin: 54px auto 33px; }
#not-found #content {
	text-align: center;
	font-size: 25px;
	line-height: 35px;
	color: #444;
	padding-bottom: 75px;
}
#not-found #content strong { color: #00a2ff }

#map { margin-bottom: 21px; }

.pricing-table { padding-top: 20px; }
.col-standard, .col-featured { margin-bottom: 35px; float: left; margin-left: -1px; }
.col-standard { margin-top: 18px; }
.col-standard .plan-head, .col-featured .plan-head {
	font-size: 18px;
	font-weight: bold;
	padding: 13px 0;
	text-align: center;
	margin: 0;
	border: #e4e4e4 1px solid;
	border-bottom: #e4e4e4 1px solid;
}
.col-featured .plan-head {
	color: #00a2ff;
	font-size: 23px;
	padding: 22px 0 21px;
	border-bottom: #efefed 2px solid;
}
.col-featured {
	background: url("images/header-bg.png") center;
	-moz-box-shadow: 0 2px 2px -1px #646464;
	-webkit-box-shadow: 0 2px 2px -1px #646464;
	box-shadow: 0 0 30px #e2e2e2;
	position: relative;
}
.price {
	background: #f8f8f8;
	padding: 21px 0 23px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: #e4e4e4 1px solid;
	border-top: none;
	border-bottom: #f1f1f1 1px solid;
}
.col-featured .price { background: rgba(238, 238, 237, 0.6); }
.price small { top: -14px; position: relative; font-size: 22px; right: -5px; }
.price strong {
	font-size: 56px;
	color: #00a2ff;
	letter-spacing: -3px;
}
.price span {
	font-size: 17px;
	color: #00a2ff;
	font-weight: bold;
	position: relative;
	top: -21px;
	padding-left: 6px;
}
.price em { position: relative; left: -24px; top: -7px; font-size: 11px; }

.col-standard ul, .col-featured ul {
	border: #e4e4e4 1px solid;
	border-top: none;
	border-bottom: none;
	margin: 0 !important;
	padding: 3px 0 32px;
}
.col-standard li, .col-featured li {
	border-bottom: #f2f2f1 1px solid;
	color: #999;
	font-size: 14px;
	list-style-type: none;
	text-align: center;
	padding: 8px 0;
}
.col-featured li { border-bottom-width: 2px; padding-top: 7px; }

.col-standard .sign-up, .col-featured .sign-up {
	padding: 21px 0 23px;
	text-align: center;
	border: #e4e4e4 1px solid;
	border-top: #efefed 1px solid;
  	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f3f3f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f3f3f2));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f3f3f2 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f3f3f2 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f3f3f2 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#f3f3f2 100%);
}
.col-featured .sign-up { background: rgba(247, 246, 244, 0.5); padding: 34px; border-top-color: #e5e5e5; }


/* ---------- Blog ---------- */

.post { margin-bottom: 28px; }
.entry { margin-bottom: 55px; }

.title, .body, .type-gallery, .type-image, .type-quote, .type-post, .type-audio, .type-video, .type-link { border-bottom: #e1e1e1 1px solid; }

.title { padding-bottom: 12px; }

.visual { margin-bottom: 31px; }

#blog .meta {
	position: relative;
	top: -2px;
	margin-bottom: 14px;
	height: 1px;
	border-bottom: #e1e1e1 1px solid;
	color: #999;
}
#blog .meta a { color: #999; }
.read-more a:hover { text-decoration: underline !important; }
#blog .meta ul { position: absolute; bottom: 20px; margin: 0; }
#blog .meta li {
	float: left;
	list-style-type: none;
	padding: 0 14px 0 0;
}

.body { padding-bottom: 29px; }
.entry .body  { padding-bottom: 3px; }
.body li { list-style-position: inside; }

.read-more { padding: 10px 0 7px; }
.read-more a { text-decoration: none !important; }

.type-gallery, .type-image, .type-quote, .type-post, .type-audio, .type-video, .type-link { height: 38px; margin-top: -39px; }
.type-gallery a, .type-image a, .type-quote a, .type-post a, .type-audio a, .type-video a, .type-link a {
	display: block;
	width: 39px;
	height: 38px;
	text-indent: -999px;
	overflow: hidden;
	background: #e1e1e1 url("images/post-formats.png") 0 0 no-repeat;
}
.type-gallery a:hover, .type-image a:hover, .type-quote a:hover, .type-post a:hover, .type-audio a:hover, .type-video a:hover, .type-link a:hover {
	background-color: #00a2ff;
}

.type-image a { background-position: 0 -76px; }
.type-quote a { background-position: 0 -38px; }
.type-video a { background-position: 0 -190px; }
.type-audio a { background-position: 0 -114px; }
.type-link a { background-position: 0 -152px; }

.player { margin: 5px 0 8px; }

.entry .link { margin: 22px 0 5px; }
.link { font-size: 14px; color: #666; }

.author-photo { text-align: right; }

.entry blockquote { margin: 4px 0 30px; }



/* ---------- Portfolio ---------- */

.pager {
	width: 36px;
	height: 42px;
	margin: 0 !important;
	background: url("images/pager.png") 0 1px no-repeat;
}
.pager li { float: left; list-style-type: none; }
.pager li a {
	display: block;
	height: 42px;
	width: 18px;
	text-indent: -999px;
	overflow: hidden;
}



/* ---------- Widgets ---------- */

.widget { margin-bottom: 10px; }

#footer .widget { margin-bottom: 27px; }
#footer .widget-title {
	border-bottom: #fff 1px solid;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 0;
	line-height: 40px;
	margin: 13px 0 12px;
}

#widgetarea-contact .widget-title {
	border: none;
	background: url("images/widget-title.png") 0 100% no-repeat;
	padding-bottom: 9px;
}
.widget_teaser img, .sc-services img { display: block; margin: 0 auto 19px; }
.widget_teaser img{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px;
}
.text-center { text-align: center; }

.widget_contact { line-height: 14px; }
#widgetarea-contact .widget_contact { margin-bottom: 37px; }
#widgetarea-contact .widget_contact .widget-title { margin-bottom: 17px; }
.widget_contact p { margin-bottom: 10px; }

.tweet_list { margin: 0 !important; }
.tweet_list li {
	list-style-type: none !important;
	background: url("images/title-separator.png") 0 0 no-repeat !important;
	padding: 12px 0 11px !important;
}
#footer .tweet_list li { background-image: url("images/tweet-separator.png") !important; }
.tweet_list li:first-child, #footer .tweet_list li:first-child { padding-top: 0 !important; background: none !important; }


.blog_posts .item-title {
	margin: 15px 0 2px;
	background: none;
	padding-bottom: 0;
}
.blog_posts footer ul {
	overflow: hidden;
	border-bottom: #e1e1e1 1px solid;
	padding-bottom: 6px;
	margin-bottom: 8px !important;
}
.blog_posts footer li {
	float: left;
	background: url("images/slash-small.png") 0 5px no-repeat;
	padding-left: 10px !important;
	margin-left: 5px;
	color: #999;
}
.blog_posts footer li:first-child { margin: 0; padding: 0 !important; background: none; }
.blog_posts footer li a { color: #999; }

.not-widget { margin-bottom: 15px !important; }
.not-widget dl { margin-bottom: 32px !important; }

.widget_teaser .widget-title, .sc-services .widget-title {
	font-weight: bold;
	border: none;
	padding-bottom: 6px;
	margin-bottom: 0;
}
.widget_teaser p{font-size:13px;color:#666}
.widget_archives li {
	list-style-type: none;
	border-bottom: #e1e1e1 1px solid;
	padding: 8px 0 7px;
}
.widget_archives a { color: #999; font-size: 12px; text-decoration: none !important; }
.widget_archives a:hover { color: #00A2FF; }

#homepage-widget-area-2 .widget-title, #homepage-widget-area-3 .widget-title, #homepage-widget-area-4 .widget-title, #portfolio-single-widget-area .widget-title {
	font-size: 16px;
	margin-bottom: 26px;
	color: #444545;
	border-bottom: #e1e1e1 1px solid;
	padding-bottom: 9px;
}
#portfolio-single-widget-area .widget-title { padding-bottom: 9px; }

/* 3.1 Typographic Elements */
.entry { clear: both;padding-top:25px;padding-right:30px;padding-left:10px;}
.entry, .entry p  {font-size:13px;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.3em; line-height:1.5em; }
.entry h3{font-size:24px;padding-bottom:8px;}
.entry p  { margin-bottom: 1.2em; }

.entry blockquote  { padding: 10px 20px 10px 20px; color: #666;background:#f2f7f9   }
.entry blockquote p, blockquote p, blockquote { font: italic 20px Georgia, Times, serif; }
.entry blockquote p {margin-bottom:0px;}
.entry ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }
.entry ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
.entry img, img.thumbnail { background:#fff;  }
.alignleft  { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright  { float: right; height: auto; margin: 0px 0 10px 20px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #ddd; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
/* 3.5 Entry Tables */
.entry table  { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; }
.entry table tr.alt-table-row  { background: #f9f9f9; }
	.page-id-629 .entry table tr.alt-table-row{background: #ffffff;}
.entry table th  { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; }
.entry table td  { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; }
/*.s_services { margin-bottom: 54px; }*/


/* ---------- Forms ---------- */

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { color: #969696; padding: 4px 4px 4px; }


/* ---------- Footer ---------- */

#footer { background: #FAFAFA;border-top:1px solid #E1E1E1;padding:0 20px;margin-right:-20px; }
#footer .inner { padding:30px 0px }
#footer #logoFooter{margin-left:220px;width:260px;}
#copyright { font-size: 11px; text-align: right; border: none; }
#copyright .container { padding: 8px 0; }
#copyright > div > div > div:first-child { text-align: left; }
#copyright span { padding: 0 6px; }



/* 
Footer
*/

#addressFooter{color:#666;text-shadow:0px 1px 1px #fff;}
.comp-footer{font-weight:bold;font-size:13px;}
.flogo{margin-top:18px;}

/* 
----------------------------------
-- Contact Form
----------------------------------
*/
/*
form.wpcf7-form input[type='text'],
form.wpcf7-form input[type='password'],
form.wpcf7-form input[type='email'],
form.wpcf7-form textarea{width:320px;}
form.wpcf7-form select{width:330px;}
*/
.with-enquiry,
	.no-enquiry{margin-left:0px;padding-left:20px;}
.with-sidebar{
	
	padding-left:0px;
	background:#ecf3f7;
	margin-left:0px;
	margin-right:-20px;
	margin-top:0px;
	margin-bottom:20px;
	border:1px solid #d9e2e7;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	width:240px;
	box-shadow:inset 0px 0px 2px #fff;
	-moz-box-shadow:inset 0px 0px 2px #fff;
	-webkit-box-shadow:inset 0px 0px 1px #fff;
}
.contact-us .with-sidebar{margin-right:0px;border-right:1px solid #ddd;width:398px;}

.with-sidebar h2{margin-bottom:10px;}
.with-sidebar h2{border-left:none;border-right:none;padding-top:10px;}
.with-sidebar h2{border-left:none;border-right:none;padding-top:10px;}
.with-sidebar .widget_teaser{border-bottom:1px solid #d9e2e7;text-align:center;}
.with-sidebar .widget_teaser.last{border-bottom:none;}
.with-sidebar .widget_teaser h2,
.with-sidebar .widget_teaser h3, 
.with-sidebar .widget_teaser p{padding-left:20px;padding-right:20px;}

form.wpcf7-form label{display:inline-block;width:240px;font-weight:bold;font-size:12px;}
form.wpcf7-form .wrapper-submit{margin-left:240px;}
form.wpcf7-form #img_fm_captcha{margin-bottom:10px;}
form.wpcf7-form .fm_textarea{height:100px;}
form.wpcf7-form span.wpcf7-form-control-wrap{display:inline-block;}
form .row-field{position:relative;margin:6px 0px;}
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form textarea{width:310px;}
/* error message */
form .wpcf7-response-output {
    bottom: -8px;
    left: 0;
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    z-index: 5;
}
form div.wpcf7-mail-sent-ok{background: none repeat scroll 0 0 #E5F3BC;border: 1px solid #398F14;}
span.wpcf7-list-item-label{font-size:11px;}
span.wpcf7-not-valid-tip{
	position:relative;
	background:#f6e6b3;
	border:none;
	left:0%;
	top:0%;
	color:#333;
	display:block;
	width:238px;
	margin-top:5px;
}
div.wpcf7-validation-errors{background:#f6e6b3;color:#333;border:none;}

.project-gallery{}
.project-gallery ul{
	margin:0px;
	list-style:none;
	padding:0px;
	margin-bottom:20px;
}
.project-gallery ul li{
	list-style:none;
	padding:0px;
	float:left;
	display:block;
	margin-right:51px;
	margin-bottom:30px;
	position:relative;
}
	.project-gallery.customers ul li{margin-right:25px;}
.project-gallery ul li.last{
	margin-right:0px;
}
.project-gallery ul li > a{
	display:block;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	padding:10px;
	background:#fff;
	border:1px solid #ddd;
}
.project-gallery.customers ul li > a{height:80px;}
.project-gallery ul li img{}
.project-gallery ul li h4{font-size:16px;margin-bottom:10px;}
	.project-gallery.customers ul li h4{font-size:11px;font-weight:normal;}
.project-gallery ul li h4 a{color:#33;}
.project-gallery ul li .target{
	display:none;
	position:absolute;
	top:40%;
	left:45%;	
	background:url(images/link-target.png) center center no-repeat;
	width:40px;
	height:40px;
	cursor:pointer;
}
.project-gallery.customers ul li .target{
	left:36%;	
}

/* category list */
.cat-list{
	width:100%;
}
.cat-list ul{
	font-family:"UbuntuRegular",arial;
	margin:0px;
	list-style:none;
	background:url(images/featured-bottom-shadow.png) 0 35px no-repeat;
	height:35px;
	padding-bottom:30px;
	padding-left:35%;
}
.cat-list ul li{
	float:left;
	display:block;
	margin-right:0px;
}
.cat-list ul li a{
	display:block;
	padding:9px 30px;
	padding-bottom:8px;
	color:#666;
	font-size:16px;
	border-left:1px solid #ddd;
}
.cat-list ul li.last a{
	border-right:1px solid #ddd;
}
.cat-list ul li.active a{
	background:url(images/sort_current_bg.png) 0 0px repeat-x;
	color:#5EA21D;
	font-weight:bold;
}
/* ---------- List Options ---------- */

.list-options{margin:0;margin-bottom:20px;margin-top:10px;}
.list-options li{display:list-item;}
.list-options.service-list{padding-left:0px;}
.list-options.service-list li{margin-bottom:40px;display:block;}
.list-options.term-1 li{
	list-style-image:url(images/icon-star.png);
}
.list-options.term-2 li{
	list-style-image:url(images/icon-tick.png);
}
.list-options .img-wrapper{float:left;display:block;margin-right:15px;width:80px;}
.list-options .meta-wrapper{margin-left:95px;}
.list-options .title{font-size:22px;font-weight:bold;margin-bottom:10px;border-bottom:none;padding-bottom:4px;}
.list-options .title a{color:#444;}
.list-options .sub-title{margin-bottom:5px;font-family:"Georgia",arial,sans-serif;font-size:15px;font-style:italic;color:#555;margin-bottom:6px;}
.list-options .desc{color:#999;}

/* */
.contactus .entry table,
.page-id-629 .entry table{border:none;}
.contactus .entry table td,
.page-id-629 .entry table td{border:none;}
.contactus .entry form{margin-top:20px;}
.pagination-wrapper{
	display:block;
	text-align:center;
}
/* ---------- Responsive ---------- */