/* -- Reset -- */
html,body,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1.02em;
	vertical-align:baseline;
	background:transparent;
	color: #444;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img {
	border: none;
}

a img {
	border:none;
	cursor: pointer;
}

hr {
	background:none;
	border:none;
	text-align:center;
	margin:0 auto;
}
	
/* -- Document -- */

html, body {
	height:100%;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.5em;
	font-size:100%;
	border-top:5px solid #656565;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family: "Helvetica Neue" ,arial, sans-serif;
	line-height:1.25em;
	color:#222;
	margin:0 0 .25em;
}

h1 {
	font-size:2.4em;
	text-align: center;
	margin:0;
	padding:0 0 .5em;
}

h2 {
	font-size:1em;
}

h3 {
	font-size:1em;
}

h4 {
	font-size:1em;
}

h5,h6 {
	font-size:1em;
}

p {
	margin:0 0 .25em;
	padding:0 0 .5em;
}

input,textarea {
	font:100% Helvetica, Arial, sans-serif;
}

header,nav,article,section,figure,aside,footer {
	display:block;
}

::selection {
	-background: #ffdc00;
}

::-moz-selection {
	background: #ffdc00;
}

a {
	color:#006bad;
	text-decoration:none;
}

a:hover {
	color:#006bad;
}

.active {
	background:#fff;
	color:#000;
}

.active:hover {
	color:#000;
	cursor: pointer;
}

h1,h2,h3,h4 {
	font-weight:bold;
	margin:0 0 .5em;
}

.container {
	max-width:1140px;
	display:block;
	border:40px solid transparent;
	border-width:0 40px;
	position:relative;
	margin:0 auto;
	padding:0;
}

.container:after {
	height:0;
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
}

/* -- Header -- */

.top {
	height: 5px;
	background-color: #656565;
	margin-bottom: 30px;
}

.logo {
	width:340px;
	height:60px;
	float:left;
	display:block;
	overflow:hidden;
	background:url(../img/logo.png) no-repeat 0 0;
	margin: 0 25px 25px 0;
}

.logo:hover,.logo:focus {
	opacity:.9;
}

.container {
	border:40px solid transparent;
	border-width:20px 40px;
}

ul.phone-top {
	float:right;
	margin-top:-30px;
	font-size:20px;
}

ul.phone-top li, ul.phone-top li a {
	float:	left; 
}
/*---
ul.nav{
	float:right;
	overflow:hidden;
	font-size: 105%;
	margin-top: 5px;
}

ul.nav li{
	text-align: left;
	font-weight: 300;
	display:inline;
	margin:0 0 0 40px;
}

ul.nav li a {
	color:#222;
}

ul.nav li.first{
	margin-left: 0;
}

.current {
	border-bottom: 4px solid #777;
}

.nav ul li a:hover,.nav ul li a:focus {
	opacity:.6;
}

---*/

/* -- Content -- */
#content {
	overflow:hidden;
	margin:10px 0 0 0;
}

#content .runner {
	background:#ffdc00;
	background:rgba(255,220,0,.8);
	overflow:hidden;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	margin:0;
	margin-bottom: 50px;
	padding: 35px 0 0 0;
}

#content .runner:hover {
	background:#ffdc00;
	background:rgba(255,220,0,.7);
}

#content.runner h1 {
	display:block;
	text-align: center;
	text-shadow: 0 0 1px #fff;
	margin:20px 0 0 0;
}

#content .runner h3 {
	display:block;
	font-size: 150%;
	font-weight: 300;
	text-align: center;
	text-shadow: 0 0 1px #fff;
	margin:-15px 0 25px 0;
}

#your_name {
	clear: both;
	border:1px solid #ddd;
	float:left;
	padding:10px;
	margin: 5px 0 0 0;
	width: 90%;
}

#rockit {
	clear: both;
	margin: 25px 0 0 0;
	float: left;
}

.service, .home {
	border:40px solid transparent;
	border-width:0px 40px;
	max-width: 1140px;
	margin: 0 auto;
}

.service h2, .home h2 {
	font-size: 20px;
	font-weight: 600;
	padding: 0 0 30px 0;
}

.service ul, .home ul {
	clear:both;
	width:100%;
	max-width:1140px;
	overflow:hidden;
	margin:0 auto;
}

.service ul li, .home ul li {
	display:inline;
	background-color: #fff;	
	background-color: rgba(255, 255,255, 0.6);
	width:29.5%;
	border: 1px solid #ddd;
	position:relative;
	cursor: pointer;
	float: left;
	margin: 0 5.65% 4.65% 0;
}

.home ul li.uno, .service ul li.uno, .service ul li.fourth, .service ul li.seventh, .service ul li.tenth  {
	clear: both;
	float: left;
}

.home ul li.second, .service ul li.second, .service ul li.fifth, .service ul li.eigth, .service ul li.eleventh  {
	padding: 0;
	margin: 0 4.65% 4.65% 0;
}

.home ul li.third, .service ul li.third, .service ul li.sixth, .service ul li.ninth, .service ul li.twelfth {
	float: right;
	margin: 0%;
	padding: 0;
}

.service ul li img, .home ul li img {
	width:60%;
	display: block;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

.service ul li:hover img,
.service ul li:focus img
.home ul li:hover img,
.home ul li:focus img
 {
	opacity:.9;
}

.info, info-show {
	line-height:1.5em;
	text-align: center;
	width:92%;
	margin: 0 auto;
}

.info h3, .info-show h3 {
	font-size:1.5em;
	font-weight:600;
	letter-spacing:0;
	text-shadow: 0 0 1px solid #fff;
	margin-bottom: 0;
}

.info h4, .info-show h4, .info-show p {
	font-weight: 300;
	font-size: 92%;
	text-align:center;
	color:#555;
	margin-top: .25em;
	margin-bottom: .5em;
	padding:0;
	word-wrap:break-word;
}

.info-show {
	text-align: left;
	min-height:334px;
}

.info-show h3{
	text-align: left;
	padding: 15px;
}

.info-show h4, .info-show p{
	text-align: left;
	padding: 0px 15px;
}

.info h4,.description .name {

}
	
/* -- Blog -- */
	
#blog-body {
	width:100%;
}
	
.blog-post {
	width:60%;
	float: left;
	border: 1px solid #eee;
	overflow: hidden;
	background-color: #fff;
	padding:2.19298245%;
}

.blog-sidebar {
	width:26.5%;
	padding:2.19298245%;
	background-color: #fff;
	border: 1px solid #eee;
	float: right;
	margin-right: 0;
	overflow: hidden;
}

.widget_categories {
	margin-bottom: 1em;
}

#archives-2 {
	margin-top: 0;
}

ul.xoxo {
	width:26.5%;
	padding: 2.19298245%;
	background-color: #fff;
	border: 1px solid #eee;
	float: right;
	margin: 4.3859649% 0 0 0;
	overflow: hidden;
}

ul.xoxo li a{
	color: #fff;
	padding:7px 8px;
	background-color: #555;
	background-color: rgba(0,0,0,0.7)
}

h2.entry-title a {
	font-size: 175%;
	font-weight: bold;
	color: #444;
	line-height: 1.7em;
	margin: 0;
}

.entry-title a:link,
.entry-title a:visited {
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
}

.entry-meta {
	color: #888;
	font-size: 100%;
	margin: 0 0 20px 0;
}

.entry-utility {
	clear: both;
	color: #888;
	line-height: 25px;
	margin-bottom: 25px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
}

.widget-title {
	font-size: 125%;
	font-weight: bold;
	color: #444;
	line-height: 1.7em;
}

li.cat-item a	 {
	color: #fff;
	padding:7px 8px;
	background-color: #555;
	background-color: rgba(0,0,0,0.7);
}

li.cat-item {
	margin: 15px 0 0 0;
}

li.cat-item a:hover,
li.cat-item a:focus,
ul.xoxo li a:hover,
.nav-previous a:hover, 
.nav-next a:hover {
	color: #fff;
	background-color: #555;
	background-color: rgba(0,0,0,0.5)
}

.widget-container {
}

.entry-content {
	font-size: 100%;
	line-height: 1.6em;
	margin-bottom: 25px;
}

#nav-above {
	display: none;
}

.nav-previous a, .nav-next a {
	float: left;
	margin: 7px 25px 0 0;
	color: #fff;
	padding:6px 12px;
	background-color: #555;
	background-color: rgba(0,0,0,0.7);
}

.meta-nav {
	color: #fff;
}

/* -- Contact Page -- */

#contact fieldset.first {
	margin:0 5% 0 0;
	float:left;
	width:47.5%;
}

#contact fieldset.second {
	margin:0;
	float:left;
	width:47.5%;
}

#contact fieldset.message {
	margin:0 5% 0 0;
	float:left;
	width:47.5%;
}

#contact label {
	display:block;
	font-weight:600;
	line-height:1.7;
	text-shadow:0 1px 1px #fff;
}

#contact input[type=text], #contact input[type=email], #contact input[type=tel] {
	border:1px solid #ddd;
	float:left;
	width:97%;
	padding:12px 1.5%;
	margin:4px 0 15px 0;
}

#contact textarea#message{
	margin:4px 0 20px 0;
	padding:7px 1.5%;
	border:1px solid #ddd;
	clear:both;
	height:125px;
	width:97%;
	float:left;
}

#contact input[type=text]:focus,  #contact input[type=email]:focus, #contact input[type=tel]:focus, #contact textarea[type=text]#message:focus {
	-webkit-box-shadow:0 0 12px rgba(51,204,255,0.5);
	-moz-box-shadow:0 0 12px rgba(51,204,255,0.5);
	box-shadow:0 0 12px rgba(51,204,255,0.5);
}

#contact fieldset.submit {
	clear: both;
	float:left;
	width: 47.49126%;
}

#contact input[type=submit], input[type=submit] {
	clear: both;
	border:none;
	padding:8px 15px;
	font-family:Helvetica, Arial, sans-serif;
	background:#ccc;
	background:rgba(255,220,0,.9);
	text-align:center;
	margin:0;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	cursor:pointer;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
	box-shadow:0 1px 2px rgba(0,0,0,0.4);
}

#contact input[type=submit]:hover {
	background:#ccc;
	background:rgba(255,220,0,.7);
}

.location{
	width:47.5%;
	margin:50px 2% 0 0;
	float:left;
	clear: both;
}

.location h3{
	font-size: 20px;
	font-weight: 600;
}

.location h4, .location h5{
	font-weight: 400;
}

.house {
	width:96.4%;
	margin-bottom: 20px;
	padding:1.8%;
	border: 1px solid #ddd;
}

.gmap {
	width:45.5%;
	height:300px;
	float:right;
	margin:50px 0 0 0;
	padding:1%;
	border:1px solid #ddd;
}

.gmap #mapbox {
	width:100%;
	height:100%;
}

.wrap {
	position:absolute;
	bottom:0;
}

.mapwrap {
	overflow:hidden;
	width:100%;
	float:left;
	display:inline;
}

.mapwrap .mapmain {
	background:url(img/bl1_mid.png) repeat-y;
	width:100%;
	color:#fff;
	font-weight:500;
	padding:0 15px;
	overflow:hidden;
}

.mapwrap .mapmain h3 {
	font-size:150%;
	text-shadow:0 1px 1px #333;
	letter-spacing:.08em;
	font-weight:500;
	margin:15px 0 0;
	color:#ffcb05;
	color:rgba(255,203,5,0.8);
}

.mapwrap .mapmain .maptxt .mapnr {
	font-size:100%;
	font-weight:500;
	padding:10px 0;
	text-shadow:0 1px 1px #333;
	letter-spacing:.06em;
}

.mapwrap .mapbot {
}

.success h3 {
	text-align:left;
	font-size:2.4em;
}

#fbplugins {
	margin-bottom:30px;
	text-align:center;
}

#fbp {
	width:1140px;
	height:400px !important;
}

/* -- Footer -- */

.push {
}

#footer {
	width: 100%;
	font-size: 105%;
	margin:0 auto;
	margin-top: 0px;
	padding-bottom: 15px;
}

.footer-nav {
	border:40px solid transparent;
	border-width:0 40px;
	max-width:1140px;
	clear:both;
	margin:0 auto;
	overflow:hidden;
}

.footer-nav hr {
	border-top:1px solid #ddd;
	width: 100%;
	margin: 15px 0 0 0;
	float: left;
}	

#footer ul.social {
	width:30.5%;
}

#footer ul.social li {
	float:left;
	display:inline;
	margin:18px 4.16326530612% 0 0;
	position:relative;
}

#footer ul.phone {
	float: right;
	margin-right: 0;
	width: 30%;
	position:relative;
	top:0px;
}

#footer ul.phone li.number {	
	color:#999;
	text-align: right;
	font-weight: 300;
}

#footer ul.phone li img {
	cursor: default;
	position: relative;
	top:10px;
}

#footer ul.copy {
	float: right;
}

#footer ul.copy li {
	color:#999;
	font-weight: 300;
	width:100%;
	margin-top: 20px;
}

#footer ul.nav {
	clear: both;
	float: left;
	width:60%;
	margin-top: 20px;
}

#footer ul.nav li {
	float: left;
}

#footer ul.nav li.first {
	margin-left: 0;
}

#footer ul li img {
	margin-top: 5px;
	margin-right: 10px;
	max-width:70%;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	opacity:.7;
	cursor: pointer;
}

#footer ul li:hover img,
#footer ul li:focus img {
	opacity:.5;
}

div#apps {
	position:relative;
	width:560px;
	margin:0 auto;
}

div#apps_l, div#apps_r {
	width:260px;
	margin-bottom:30px;
}

div#apps_r {
	position:absolute;
	top:0;
	left:0;
	float:left;
	margin-left:300px;
}

div.appsdesc {
	font-weight:bold;
	color:#000;
	font-size:12px;
	line-height:normal;
	margin-top:5px;
}

#appsthumb {
	border:1px solid #ccc;
}

#badge {
	margin-top:5px;
}

/* -- Two Ccolumn -- */

@media screen and (max-width:767px) {
	
body {
	font-size: 100%;
}

.container {
	border:40px solid transparent;
	border-width:20px 40px; 
}

ul.phone-top {
	display: none;
}	

ul.nav{
	clear: both;
	float:left;
	overflow:hidden;
	margin-top: 5px;
	font-size: 100%;
	width: 100%;
}

ul.nav li{
	text-align: left;
	display: inline;
}

ul.nav li.first{
	margin-left: 0;
}

/* -- Services -- */

.service, .home {
	border:40px solid transparent;
	border-width:0px 40px;
}

.service ul, .home ul {
	clear:both;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.service li, .home li {
	background-color: #fff;	
	background-color: rgba(255, 255,255, 0.6);
	width:47.5%;
	margin: 0;
	margin-bottom: 4.75%;
	border: 1px solid #ddd;
	position:relative;
}

.home ul li.uno, .home ul li.third, .service ul li.uno, .service ul li.third, .service ul li.fifth, .service ul li.seventh, .service ul li.ninth, .service ul li.eleventh  {
	float:left;
	clear: both;
	background-color: #fff;	
	background-color: rgba(255, 255,255, 0.6);
	width:47.5%;
	margin: 0;
	margin-bottom: 4.75%;
	border: 1px solid #ddd;
	position:relative;
}

.home ul li.second, .service ul li.second, .service ul li.fourth, .service ul li.sixth, .service ul li.eigth, .service ul li.tenth, .service ul li.twelfth  {
	clear: none;
	float:right;
	background-color: #fff;	
	background-color: rgba(255, 255,255, 0.6);
	width:47.5%;
	margin: 0;
	margin-bottom: 4.75%;
	border: 1px solid #ddd;
	position:relative;
}

/*  -- Blog -- */

#blog-body {
	width:100%;
}
	
.blog-post {
	width:60%;
	float: left;
	border: 1px solid #eee;
	overflow: hidden;
	background-color: #fff;
	padding:2.19298245%;
}

.blog-sidebar {
	width:26%;
	padding:2.19298245%;
	background-color: #fff;
	border: 1px solid #eee;
	float: right;
	margin-right: 0;
}

ul.xoxo {
	width:26%;
	padding:2.19298245%;
	background-color: #fff;
	border: 1px solid #eee;
	float: right;
	margin-right: 0;
}

ul.xoxo li a{
	color: #fff;
	padding:6px;
	background-color: #555;
	background-color: rgba(0,0,0,0.7);
}

#contact fieldset#message {
	margin:0 5% 0 0;
	float:left;
	width:100%;
}

#contact label {
	display:block;
	font-weight:600;
	line-height:1.7;
	text-shadow:0 1px 1px #fff;
}

#contact input[type=text], #contact input[type=text], #contact input[type=email], #contact input[type=tel] {
	border:1px solid #ddd;
	float:left;
	width:97%;
	padding:12px 1.5%;
	margin:4px 0 15px 0;
}

#contact textarea#message{
	border:1px solid ddd;
	clear:both;
	height:125px;
	width:97%;
}

.gmap {
	margin:50px 0 50px 0;
}


/* -- Footer -- */

#footer {
	width: 100%;
	font-size: 105%;
	background-color: #eee;
	margin:0 auto;
}

.footer-nav {
	border:40px solid transparent;
	border-width:0 40px;
	max-width:1140px;
	clear:both;
	padding: 0 0 15px 0;
	margin:0 auto;
	overflow:hidden;
}

.footer-nav hr {
	clear: both;
	border-top:1px solid #ddd;
	width: 100%;
	margin: 15px 0 15px 0;
	float: left;
}	

#footer ul.social {
	width:45%;
}

#footer ul.social li {
	float:left;
	display:inline;
	margin:18px 4.16326530612% 0 0;
	position:relative;
}

#footer ul.phone {
	float: right;
	position:relative;
	width:45%;
	margin-top: -20px;
	margin-right: 0;
}

#footer ul.phone li.number {	
	margin-top: 25px;
	letter-spacing: 0.14em;
	color: #444;
	text-align: right;
	font-weight: 300;
}

#footer ul.phone li img {
	position: relative;
	top:11px;
}

#footer ul.copy {
	clear: both;
	float: left;
}

#footer ul.copy li {
	text-align: left;
}

#footer ul.nav {
	clear: both;
	float: left;
	width:100%;
	margin-top: 0px;
}

#footer ul.nav li {
	float: left;
}

/* Added by Vijay 21-01-2012 */

.portfolio {
	border:0px solid transparent !important;
	border-width:0px 20px !important;
	width: 100%;
	margin: 0 auto;
}

.portfolio h2 {
	font-size: 18px;
	font-weight: 600;
	padding: 0px 0px 3px 0px;
	color:#847410;
	border-bottom:1px solid #bdbdbd;
	margin-bottom:22px !important;
}
.portfolio h3 {
	font-size: 12px;
	font-weight: 600;
	padding-bottom: 1px;
	color:#000;
	border-bottom:1px solid #bdbdbd;
	margin-bottom:5px !important;
}
.portfolio ul {
	clear:both;
	width:100%;
	overflow:hidden;
	margin:0 auto !important;
}
.portfolio ul li{
/*	display:block !important;*/
	display: inline-block; 
	width:213px !important;
	margin:0px 14px 25px 0px !important;
/*	float:left;*/
	display: -moz-inline-stack;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	position:relative;
	z-index:1;
}

.portfolio ul li .common-block{ width:100%; border:1px solid #dadada; margin-bottom:8px !important;}
.portfolio ul li .common-block-mobile{ display:none;}
.portfolio ul li .clearboth{ clear:both !important;}

}

/* -- Single Column -- */

@media screen and (max-width:500px) {
	
body {
}	


ul.phone-top {
	display: none;
}

ul.nav{
	float: left;
	font-size: 100%;
}

ul.nav li{
	text-align: left;
}

ul.nav li.first{
	margin-left: 0;
}

/* Services */

.service ul, .home ul {
	clear:both;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.home ul li, .home ul li.uno, .home ul li.second, .home ul li.third, .service ul li, .service ul li.uno, .service ul li.second, .service ul li.third,
.service ul li.fourth,.service ul li.fifth,.service ul li.sixth,.service ul li.seventh,
.service ul li.eigth,.service ul li.ninth, .service ul li.tenth, .service ul li.eleventh, .service ul li.twelfth {
	float:left;
	clear: both;
	width:99.5%;
	margin: 0;
	margin-bottom: 4.75%;
	border: 1px solid #ddd;
	position:relative;
}

/* -- Blog -- */

#blog-body {
	width:100%;
}
	
.blog-post {
	width:90%;
	float: right;
	border: 1px solid #eee;
	background-color: #fff;
	padding:5%;
	margin: 0;
}

.blog-sidebar {
	clear: both;
	width:90%;
	margin: 25px 0;
	padding:5%;
	background-color: #fff;
	border: 1px solid #eee;
}

ul.xoxo {
	clear: both;
	width:90%;
	padding:5%;
	background-color: #fff;
	border: 1px solid #eee;
	margin: 0 0 25px 0;
	overflow: hidden;
}

ul.xoxo li a{
	color: #fff;
	padding:7px 8px;
	background-color: #555;
	background-color: rgba(0,0,0,0.7)
}

/* -- Contact Page -- */

#contact fieldset.first, #contact fieldset.second, #contact fieldset.message {
	margin:0;
	float:left;
	clear: both;
	width:100%;
}

#contact label {
	display:block;
	font-weight:600;
	line-height:1.7;
	text-shadow:0 1px 1px #fff;
}

#contact input[type=text], #contact input[type=text], #contact input[type=email], #contact input[type=tel] {
	border:1px solid #ddd;
	float:left;
	width:97%;
	padding:12px 1.5%;
	margin:4px 0 15px 0;
}

#contact textarea#message{
	margin:4px 0 20px 0;
	padding:7px 1.5%;
	border:1px solid #ddd;
	clear:both;
	height:125px;
	width:97%;
	float:left;
}

#contact input[type=text]:focus,#contact textarea[type=text]#message:focus {
	-webkit-box-shadow:0 0 12px rgba(51,204,255,0.5);
	-moz-box-shadow:0 0 12px rgba(51,204,255,0.5);
	box-shadow:0 0 12px rgba(51,204,255,0.5);
}

#contact fieldset#submit {
	clear: both;
	float:left;
	width: 47.49126%;
}

#contact input[type=submit] {
	clear: both;
	color:#444;
	line-height:1.5;
	border:none;
	padding:8px 15px;
 	font-family:Helvetica, Arial, sans-serif;
	background:#ccc;
	background:rgba(255,220,0,.9);
	text-align:center;
	margin:0;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	cursor:pointer;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
	box-shadow:0 1px 2px rgba(0,0,0,0.4);
}

#contact input[type=submit]:hover {
	background:#e5e5e5;
	background:rgba(0,0,0,.13);
}

.location{
	width:97.6%;
	margin:30px 2% 0 0;
	float:left;
	clear: both;
}

.location h3{
	font-size: 20px;
	font-weight: 600;
}

.location h4, .location h5{
	font-weight: 400;
}

.house {
	width:100%;
	height:200px;
	margin-bottom: 20px;
	padding:1%;
	border: 1px solid #ddd;
}

.gmap {
	width:97%;
	height:300px;
	float:right;
	margin:30px 0 20px 0;
	padding:1%;
	border:1px solid #ddd;
}

.gmap #mapbox {
	width:100%;
	height:100%;
}


/* --  Footer -- */

#footer {
	width: 100%;
	font-size: 105%;
	background-color: #eee;
	margin:0 auto;
}

.footer-nav {
	border:40px solid transparent;
	border-width:0 40px;
	max-width:1140px;
	clear:both;
	padding: 0 0 15px 0;
	margin:0 auto;
	overflow:hidden;
}

.footer-nav hr {
	border-top:1px solid #ddd;
	width: 100%;
	margin: 15px 0 15px 0;
	float: left;
}	

#footer ul.social {
	width:40%;
}

#footer ul.social li {
	float:left;
	display:inline;
	margin:15px 4.16326530612% 0 0;
	position:relative;
}

#footer ul.phone {
	float: right;
	position:relative;
	width:50%;
	margin-top: -20px;
}

#footer ul.phone li.number {	
	letter-spacing: 0.14em;
	color: #444;
	text-align: right;
	font-weight: 300;
}

#footer ul.phone li img {
	position: relative;
	top:11px;
}

#footer ul.copy {
	float: left;
}

#footer ul.copy li {
	text-align: left;
}

#footer ul.nav {
	clear: both;
	float: left;
	width:100%;
	margin-top: 0px;
}

#footer ul.nav li {
	float: left;
}

#footer ul.nav li.first {
	margin-left: 0;
}

}

/* Mobile */

@media only screen and (min-device-width :320px) and (max-device-width :480px) {
	
body {

}

.container, .service, .home, .footer-nav {
	border:20px solid transparent;
	border-width:0 20px;	
}

.top {
	height: 3px;
	margin-bottom: 20px;
	background-color: #656565;
}

.logo {
	width:270px;
	height:48px;
	padding:0;
	margin:0;
	margin-right: 0;
	background:url(../img/logo-mobile.png) no-repeat 0 0;
	margin-bottom: 20px;
}

ul.phone-top {
	display: none;
}	

ul.nav{
	float:left;
	margin-top: 0;
	font-size: 90%;
	width: 100%;
}

ul.nav li{
	text-align: left;
	float: left;
	margin:0 0 0 15px;
}	

ul.nav li.first{
	margin-left: 0;
}

.current {
	border-bottom: 2px solid #777;
}


#content .runner {
	margin: 10px 0 20px 0;
	padding:10px 0;
}


#content .runner h1 {
	margin:0;
	padding: 0;
}

h1.hi {
	line-height: 40px;
}

h3.hi {
	padding: 25px 0 0 0;
	margin: 0;
}

.home ul li, .home ul li.uno, .home ul li.second, .home ul li.third, .service ul li, .service ul li.uno, .service ul li.second, .service ul li.third, .service ul li.fourth, .service ul li.fifth, .service ul li.sixth, .service ul li.seventh, .service ul li.eigth, .service ul li.ninth, .service ul li.tenth, .service ul li.eleventh, .service ul li.twelfth {
	margin-bottom: 8%;
}

.success h3 {
	text-align:left;
	font-size:1.4em;
}

/* --  Footer -- */

#footer {
	width: 100%;
	font-size: 100%;
	background-color: #eee;
	margin:0 auto;
	margin-top: 0;
	padding-bottom: 0;
}

.footer-nav hr {
	margin: 15px 0;
}	

#footer ul.social {
	width:60%;
}

#footer ul.social li {
	float:left;
	display:inline;
	margin:15px 4.16326530612% 0 0;
	position:relative;
}

#footer ul.phone {
	float: right;
	position:relative;
	width:40%;
	margin-top: -1px;
}

#footer ul.phone li.number {	
	letter-spacing: 0;
	text-align: right;
	font-size: 100%;
}

#footer ul.phone li img {
	display: none;
}

#footer ul.copy {
	float: left;
}

#footer ul.copy li {
	text-align: left;
}

.gmap {
	margin:20px 0 25px 0;
}

/* -- Blog -- */

#blog-body {
	width:100%;
}
	
.blog-post {
	width:90%;
	float: right;
	border: 1px solid #eee;
	background-color: #fff;
	padding:5%;
	margin: 0;
}

.blog-sidebar {
	clear: both;
	width:90%;
	margin: 25px 0;
	padding:5%;
	background-color: #fff;
	border: 1px solid #eee;
}

ul.xoxo {
	clear: both;
	width:90%;
	padding:5%;
	background-color: #fff;
	border: 1px solid #eee;
	margin: 0 0 25px 0;
	overflow: hidden;
}

ul.xoxo li a{
	color: #fff;
	padding:7px 8px;
	background-color: #555;
	background-color: rgba(0,0,0,0.7)
}

/*Added by Vijay 20-01-2012*/

.portfolio {
	border:0px solid transparent !important;
	border-width:0px 20px !important;
	width: 90%;
	margin: 0 auto;
}

.portfolio h2 {
	font-size: 18px;
	font-weight: 600;
	padding: 0px 0px 3px 0px;
	color:#847410;
	border-bottom:1px solid #bdbdbd;
	margin-bottom:22px !important;
}
.portfolio h3 {
	font-size: 12px;
	font-weight: 600;
	padding-bottom: 1px;
	color:#000;
	border-bottom:1px solid #bdbdbd;
	margin-bottom:5px !important;
}
.portfolio ul {
	clear:both;
	width:100%;
	overflow:hidden;
	margin:0 auto !important;
}
.portfolio ul li{
	display:block !important;
	width:213px !important;
	margin:0px auto 9% 10% !important;
	float:left;
	
}

.portfolio ul li .common-block{ width:100%; border:1px solid #dadada; margin-bottom:8px !important; display:none !important; }
.portfolio ul li .common-block-mobile{ width:100%; border:1px solid #dadada; margin-bottom:8px !important; display:block !important; height:120px !important;}
.portfolio a.facebook{font-size:13px !important; color:#808080 !important; text-decoration:none; display:block; width:90%; background:url(..../img/facebook-icon.png) no-repeat left top; padding-left:30px; margin-bottom:5px;}
.portfolio a.twitter{font-size:13px !important; color:#808080 !important; text-decoration:none; display:block; width:90%; background:url(..../img/twitter01.png) no-repeat left top; padding-left:30px; margin-bottom:5px;}
.portfolio a.youtube{font-size:13px !important; color:#808080 !important; text-decoration:none; display:block; width:90%; background:url(..../img/youtube.png) no-repeat left top; padding-left:30px;}

.portfolio_nav { float:left; display:block; margin-bottom:50px; border-bottom:1px solid #CCC; padding-bottom:10px;}
.portfolio_nav a {color:#000 !important; margin-right:1px !important; display:block; float:left; background:url(..../img/portfolio-nav-pipe.gif) no-repeat right 6px; padding-right:2px; font-size:13px;}
.portfolio_nav a:hover{color:#675807 !important;}
.portfolio_nav a.last{ background:none;}

}	

/* ---------- Mr. Fancy Box ---------- */ 

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}
#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }



/*Created by Vijay - 20-01-2012*/
.portfolio {
	border:40px solid transparent;
	border-width:0px 40px;
	max-width: 1000px;
	margin: 0 auto;
	position:relative;
	z-index:1px;
}
.portfolio h2 {
	font-size: 22px;
	font-weight: 600;
	padding: 0px 0px 3px 0px;
	color:#847410;
	border-bottom:1px solid #bdbdbd;
	margin-bottom:32px;
}
.portfolio h3 {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 1px;
	color:#000;
	border-bottom:1px solid #bdbdbd;
	margin-bottom:15px;
}
.portfolio ul {
	clear:both;
	width:100%;
	max-width:1140px;
	overflow:hidden;
	margin:0 auto 36px auto;
}
.portfolio ul li{
	width:21.3%;
/*	float: left;*/
	margin: 0 3.3% 1.9% 0;
	z-index:1px;
	display: -moz-inline-stack;
	display: inline-block; 
	vertical-align: top;
	zoom: 1;
	*display: inline;
	position:relative;
}

/*.portfolio ul li { display: -moz-inline-stack; display: inline-block; width:21.3%; margin: 0px 3.6% 1.9% 0px; vertical-align: top; zoom: 1;*display: inline; position:relative;}*/

.portfolio ul li .common-block{ width:100%; border:1px solid #dadada; margin-bottom:18px; height:120px;}
.portfolio ul li .common-block-mobile{ display:none;}
.portfolio ul li a {color:#675807; text-decoration:none; margin:0px; padding:0px; display:block; font-size:13px; line-height:19px; position:relative; z-index:1px;}
.portfolio ul li a:hover{ color:#333;}
.portfolio ul li.last { margin-right:0px !important;}
.portfolio ul li.clearboth{ clear:none;}

.portfolio a.facebook{font-size:13px !important; color:#808080 !important; text-decoration:none; display:block; width:90%; background:url(..../img/facebook-icon.png) no-repeat left top; padding-left:30px; margin-bottom:5px;}
.portfolio a.twitter{font-size:13px !important; color:#808080 !important; text-decoration:none; display:block; width:90%; background:url(..../img/twitter01.png) no-repeat left top; padding-left:30px; margin-bottom:5px;}
.portfolio a.youtube{font-size:13px !important; color:#808080 !important; text-decoration:none; display:block; width:90%; background:url(..../img/youtube.png) no-repeat left top; padding-left:30px;}
.portfolio a.facebook:hover, .portfolio a.twitter:hover, .portfolio a.youtube:hover{color:#000 !important;}

.portfolio_nav { float:left; display:block; margin-bottom:50px;}
.portfolio_nav a {color:#000 !important; margin-right:10px !important; display:block; float:left; background:url(..../img/portfolio-nav-pipe.gif) no-repeat right 6px; padding-right:11px;}
.portfolio_nav a:hover{color:#675807 !important;}
.portfolio_nav a.last{ background:none;}
.clearboth{ clear:both;}
.go_top{
float:right;
border: 1px solid #998507;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #eccf1f;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eccf1f), to(#E2AB1F));
background: -webkit-linear-gradient(#eccf1f, #E2AB1F);
background: -moz-linear-gradient(#eccf1f, #E2AB1F);
background: -ms-linear-gradient(#eccf1f, #E2AB1F);
background: -o-linear-gradient(#eccf1f, #E2AB1F);
background: linear-gradient(#eccf1f, #E2AB1F);
-pie-background: linear-gradient(#eccf1f, #E2AB1F);
behavior: url(js/pie.htc);
margin-bottom:40px;
}
.go_top a {font-size:11px; color:#FFFFFF; display:block; background:url(..../img/toparrow.png) no-repeat 25px 8px; margin:0px; padding-right:15px; padding:2px 15px 4px 4px; text-decoration:none; line-height:normal;}
.go_top a:hover {color:#f2ead5;}


/*	for captcha on contact page : start	*/

input#captchaField {
	margin-left:135px;
}

a.captcha-reload {
	margin-left:135px;
	cursor:pointer;
}

/*	for captcha on contact page : start	*/

/*	image	*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


h1 {
	line-height:80px;
}

div#paypal1 {
	float:left;
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
	width:280px;
	background:#fff;
}

div#paypal2 {
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
	width:280px;
	margin-left:320px;
	background:#fff;
}

div#fbplugin {
	display:none;
	background:#fff;
	padding:10px;
	max-width:1140px;
	max-height:500px;
	margin:0 auto;
	overflow:auto;
}


/* =Custom CSS
-------------------------------------------------------------- */

.clr {clear:both;}

div#top {
	position:relative;
	margin: 0 auto;
	width: 1134px;	
	min-height:150px;
}

div#phone {
	position:absolute;
	top:0;
	right:0;
	float:right;
	font-size:20px;
	color:#444444;
	margin-top:25px;	
}

div#logo {padding-top:51px;}

#logo-img {
	width:337px;
	height:59px;	
}

div#nav {
	position:absolute;
	top:0;
	right:0;
	float:right;
	margin-top:58px;	
}

ul.nav li{
	text-align: center;
	display:inline-block;
	margin:0 0 0 40px;
}

ul.nav li a {
	color:#222;
	font-size:18px;
}

ul.nav li.first{margin-left: 0;}

/* =Responsive
-------------------------------------------------------------- */

@media screen and (max-width: 1133px) {
body {-webkit-text-size-adjust: none;}
div#top {width:auto;padding:0 10px;}
div#phone, div#nav {margin-right:10px;}
}

@media screen and (max-width: 1024px) {	
#fbplugins {
	margin: 0 20px 30px 20px;
	text-align:center;
}
#fbp {
	width:96% !important;
}
.portfolio ul li{
	width:213px;
	margin: 0 13px 1.9% 0;
}
}

@media screen and (max-width: 900px) {
div#nav {
	position:relative;
	float:none;
	margin-top:30px;
	text-align: center;
}
}

@media screen and (max-width: 640px) {
div#paypal1 {
	float:none;
	width:auto;
}

div#paypal2 {
	width:auto;
	margin-left:0;
	margin-top:20px;
}
}

@media screen and (max-width:600px) {
div#phone {display:none;}
div#top {min-height:none;}
div#nav {margin-right:0;margin-top:10px;margin-bottom:10px;}
ul.nav li{margin:0 0 0 10px;}
ul.nav li a {font-size:13px;}
#logo-img {
	width:300px;
	height:53px;	
}
#logo {text-align:center;}
div#logo {padding-top:30px;}
}

@media screen and (max-width: 568px) {	
#fbp {
	width:528px !important;
}
}

@media screen and (max-width: 560px) {

div#apps {
	width:auto;
}

div#apps_r {
	position:relative;
	float:none;
	margin-left:0;
}
}

@media screen and (max-width: 480px) {	
#fbp {
	width:440px !important;
}
div#apps {
	width:300px;
}
}

@media screen and (max-width: 320px) {	
#fbp {
	width:280px !important;
}
}