@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:9999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/loader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/*padding-left: 1.82%;
	padding-right: 1.82%;*/
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*background:rgba(249,249,249,0.2);*/
	background:url(../images/patternw.png);
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	/*width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;*/
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	  
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0 ;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

}


#circular{	
    margin:0 auto; 
    width:100px;
	height:100px;
	border-radius:100px;
	/*background:#1B3647;*/
	background: none repeat scroll 0% 0% rgba(0, 165, 255, 0.8);	
	cursor:pointer; 
	-webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
}

#circular i{
	 margin:0 auto;
	 float:left;
	 color:#FFF;
	 font-size:3em;
	 margin-top:.3em;
	 margin-left:.4em;
	 margin-right:.3em; 
	 text-shadow:0 0 10px #FFF;
}

#serv-content{
	 width:350px;
	 /*height:130px;*/
	 /*border:#CCC 3px solid;
	 border-left:#ff6666 3px solid;	*/ 	 	 
	 color:#FFF;
	 background: none repeat scroll 0% 0% rgba(0, 165, 255, 0.8);
	/* background: rgba(233, 147, 26,0.8);*/
	 padding:2px;
	 /*border-right:#1B3647 3px solid;*/
	 -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
}
#serv-content1{
	 width:350px;
	 /*height:130px;*/
	 /*border:#CCC 3px solid;
	 border-left:#ff6666 3px solid;	*/ 	 	 
	 color:#1B3647;
	 background: none repeat scroll 0% 0% rgba(0, 165, 255, 0.8);
	 padding:2px;
	 border-left:#1B3647 3px solid;
	 -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
}
#serv-content p,#serv-content1 p{
	padding:2px;
	font-size:11px;
	text-align:justify;
	font-weight:600;
	line-height:16px;
	
}
#serv-content h5,#serv-content1 h5{ 
 padding:3px 0 3px 3px;
}


.eight.columns {
    width: 460px;
}
.columns {
    float: left;
    display: inline;
    margin: 25px 10px 25px 10px;
}




#serv-content-ie{
	 width:460px;
	 min-height:130px;
	 /*height:130px;*/
	 /*border:#CCC 3px solid;
	 border-left:#ff6666 3px solid;	*/ 	 	 
	 color:#1B3647;
	 background: none repeat scroll 0% 0% rgba(0, 165, 255, 0.5);
	  
	 border:#1B3647 1px solid;
	 -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
}
#serv-content-ie p,#serv-content1-ie p{
	padding:2px;
	font-size:10px;
	text-align:justify;
	font-weight:400;
	line-height:16px;
	
}
#serv-content-ie h5,#serv-content1-ie h5{ 
 padding:3px 0 3px 3px;
}
#square{	 
    position:relative;    
    width:100px;
	height:130px;
	background:#1B3647;	 
	float:left;
	border:#1B3647 1px solid;
	padding:20px 0;
}
#squarecont{	     
    width:350px; 	  
	float:left;
	padding:3px;
}
#square1{	 
    position:relative;    
    width:100px;
	height:130px;
	background:#1B3647;	 
	float:right;
	border:#1B3647 1px solid;
	padding:20px 0;
}
#squarecont1{	     
    width:350px; 	  
	float:right;
	padding:3px;
}

#square i,#square1 i{
	 margin:0 auto;
	 float:left;
	 color:#FFF;
	 font-size:3em;
	 margin-top:.3em;
	 margin-left:.4em;
	 margin-right:.3em; 
	 text-shadow:0 0 10px #FFF;
}

#portfolio_div{
	 margin:0 auto;
	 width:660px;
	 float:left;
	 min-height:500px;
	 height:auto;
	 border:#000 thin none;
}

#portfolio_menu{
	position:relative;
	float:left;
	 width:100%;
	 height:50px;
	 padding-bottom:5px;
}

#pfoliomenu{
	position:relative;
	margin-left:10px;
}
#pfoliomenu a{
	 text-decoration:none;
	 color:inherit;
}

#pfoliomenu li{
	 list-style:none;
	 float:left;
	 color:#036;
	 margin:2px 10px 0 0;
	 text-align:center;
	 border:#000 thin none;
	 font-size:15px;
	 font-weight:600;
	 cursor:pointer;
	 text-shadow:0 0 2px #FFF;
	 padding:4px;
}

#pfoliomenu li:hover{
	 text-shadow:0 0 20px #FFF;
	 text-transform:uppercase;
}

.catcurrent{
	 background:#FFF;
}

 
#portfolio-gallery{
	position:relative;
	float:left;
	width:100%;
	min-height:500px;
	max-height:800px;
	overflow:auto;
	margin:auto auto auto 2px;
	border:#000 thin none;
}


.plist { list-style: none;    margin-top:10px;  overflow:hidden;}
.plist li { float: left; margin:20px; }


#pbox{
	width:160px;
	height:auto;
	background:#FFF;
	border:#CCC thin solid;
	box-shadow:0 0 10px #666; 
	 -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

#pbox img{
	 width:100%;
	 height:90px;
}
#pboxcont{
	 width:100%;
	 height:40px;
}
#pbox:hover{ 
  box-shadow:0 0 15px #663366; 
  behavior: url(ie-css3.htc);  	 
}

#contactdiv{
	 width:450px;
	 border:#000 thin none;
	 padding:4px;
	 height:380px;
	 float:left;
}
#contactdiv1{
	 width:400px;
	 border:#000 thin none;
	 padding:4px;
	 height:380px;
	 float:left;
	 margin-left:20px;
}

#contactdiv h5,#contactdiv1 h5{
	 color:#FFF;
	 width:88%;
	 margin-left:10%;
}
#contactdiv hr,#contactdiv1 hr{
	 width:88%;
	 margin-left:10%;
}



	#contform input,#schedform input {   
        padding: 9px;  
		border:none;
        border-bottom: solid 1px #CCC;  
        outline: 0;  
        font: normal 13px/100% Verdana, Tahoma, sans-serif;  
        width: 300px;
		background:transparent;
		color:#FFF;
        /*background: #FFFFFF url('bg_form.png') left top repeat-x;  
        background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #CCC), to(#FFFFFF));  
        background: -moz-linear-gradient(top, #FFFFFF, #CCC 1px, #FFFFFF 25px);*/  
        /*box-shadow: rgba(0,0,0, 0.4) 0px 0px 4px;  
        -moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 4px;  
        -webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 4px;  */
		behavior: url(ie-css3.htc);
        }  
		
	 #contform textarea,#schedform textarea {   
        padding: 9px;  
		 color:#FFF;
        border:none;
        border-bottom: solid 1px #CCC;  
        outline: 0;  
        font: normal 13px/100% Verdana, Tahoma, sans-serif;  
        width: 300px;
		background:transparent;      
		behavior: url(ie-css3.htc);
        }  
      
	 
    	
	  
    #contform textarea ,#schedform textarea {   
        width: 300px;  
        max-width: 350px;  
        height: 120px;  
        line-height: 150%;
		resize:none;
		background:transparent;
        }  
      
    #contform input:hover, #contform textarea:hover,  
    #contform input:focus, #contform textarea:focus,
	#schedform input:hover, #schedform textarea:hover,  
    #schedform input:focus, #schedform textarea:focus {   
        border-color: #C9C9C9;   
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;  
        }  
      
    #contform label {   
        width:70px;   		
        color: #000;
		font-size:13px;   
		float: left;
		display: block;
		height: 35px;
		padding-left: 15px;
		/*background: none repeat scroll 0% 0% #242424;*/
		font: 100 14px/35px Helvetica,Arial,sans-serif;
		color: #EEE;
        }  
	#contform label.messagelbl {
		height:140px;
	}
      
    .submit input {  
        width: auto;  
        padding: 5px 10px;  
        background: #617798;  
        border: 0;  
        font-size: 14px;  
        color: #FFFFFF;  
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
		cursor:pointer;
		behavior: url(ie-css3.htc);
        } 
	 
	 
	 
#submbut,#resetbut{
 width:100px;
 height:25px;
 text-align:center;
 position:relative;
 float:left;
 margin-right:20px;
 line-height:25px;
 /*background:#036;*/
 cursor:pointer;
 behavior: url(ie-css3.htc);
 color:#FFF;
 padding:10px;
 font-size:13px;
 text-shadow:0 0 1px #FFF ;
}	

#submbut:hover,#resetbut:hover{
 /*background:transparent url(../images/patternb.png) repeat top left;*/
 color:#FFF;
 text-transform: uppercase;
}




.send {
    text-align: center;
    display: table;
    width: 56px;
    height: 56px;
    border: 2px solid #EEE;
    border-radius: 38px;
    margin: 0 auto ;
    cursor: pointer;
}

 .send h4{
    display: table-cell;
    vertical-align: middle;
    font-family: 'League Gothic',sans-serif;
    font-size: 1em;
    padding-top: 2px;
    font-weight: normal;
}

    
















#more{
 text-align:right;
 font-family: 'Tangerine', cursive;
 font-size:26px;
}

#mailsendloader{
 display:none;
 -webkit-transition: -webkit-transform 0.2s;
	transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}



#contformlist{
	list-style:none;
}

#contformlist li{
	 /*background:#CCC;*/
	 margin-bottom:10px;
}




#addressdiv{
  	 position:relative;
	 width:430px;
	 height:295px;
	 float:left;
	 border:#000 thin none;
	 margin:20px 0 0 20px;
}

#socialdiv{
   	 width:40%;
	 height:60px;
	 border:#000 thin none;
	 float:left;	
	 font-size:1em; 
	 line-height:70px;
	 margin:50px auto auto auto;
	 text-align:center;
}
  #socialdiv i{
	   /*color:#6D8BC9;*/
	   color:#FFF;
	   cursor:pointer;
	   -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
	
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
  }
  #socialdiv i:hover{
	  /* color:#036;*/
	  text-shadow:0 0 6px #FFF;
	   -webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg); 
	   -o-transform:rotate(360deg);
	   transform:rotate(360deg);
	 }


#socialdiv1{
   	 width:320px;
	 height:295px;
	 border:#000 thin none;
	 float:left;
	 margin-left:20px;
}

#sdv_1{
	 width:100%;
	 height:140px;
	 float:left;
	 background: rgb(255, 102,102);
	 color:#EEE;
}

#sdv_2{
	 width:80%;
	 height:100px;
	 float:left;
	 background:#FFF;
	 color:#333;
	 margin:-160px 0 0 10%;
	 box-shadow:0px 1px 1px #333;
}

#sdv_3{
	 width:100%;
	 height:100px;
	 float:left;
	 margin-top:30px;
	 background: rgb(255, 102,102);
	 color:#EEE;
}


#addlist{
	 list-style:none;
	 color:#FFF;
	 font-size:15px;
	 font-weight:500;
}
#addlist li{
	 padding-left:20px;
}

#addlist1{
	 list-style:none;
	 color:#EEE;
	 font-size:15px;
	 font-weight:500;
}
#addlist1 li{
	 padding-left:20px;
}


#gototop{	 
  position:fixed;
  bottom:15px;
  /*right:10px;*/
  right:0px;
  background: #000;
  width:80px;
  height:30px;
  border-radius:5px 0 0 5px;
  color:#FFF;
  z-index:99999;   
  opacity:0.8;
  font-size:2em;   
  -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	cursor:pointer;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  behavior: url(ie-css3.htc);
 }
  
 #gototop i{
  margin:0 0 0 10px;
 }
 
 #gototop span{
	 position:absolute;
	 font-size:14px;
	 color:#FFF;
	 margin-left:2px;
 }
 
 #fbico1{
	 color:#FFF;
	 font-size:1em;
 }
 
 
 
 .nine.columns1 {
    width: 280px;
	min-height:400px;
	/*background:#F3F3F3;*/
	margin-right:10px;
}
.columns1 {
    float: left;
    display: inline;
    margin: 20px 0 0 20px;
}
.columns1 h5{
	color:#333;
	border-bottom:#333 thin solid;
	text-align:center;
	
}
.columns1 h5 span{
	font-size:16px;
	margin:0 auto;
	top:10px;
	padding:3px;
	 
	/*background:#F3F3F3;*/
}
.columns1 p{
	color:#666;
	padding:4px;
	text-align:justify;
	font-size:12px;
	font-weight:600;
	    margin: 0px 0px 1.5em;
    line-height: 1.5em;
	 
}
.s1-icon{
	margin:0 auto; 
    width:100px;
	height:100px;
	cursor:pointer; 
	-webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    -ms-transition: all 800ms linear;
    transition: all 800ms linear;
	 background:url(../images/body-bgr.png) ;
}

.s1-icon i{
	 margin:0 auto;
	 float:left;
	 color:#FC0;
	 font-size:3em;
	 margin-top:.3em;
	 margin-left:.4em;
	 margin-right:.3em; 
	 text-shadow:0 0 10px #ECC;
}


@import url(http://fonts.googleapis.com/css?family=Roboto:400,300italic);

 .nine2.columns2 {
    width: 280px;
	min-height:400px;
	/*background:#F3F3F3;*/
	margin-right:10px;
	background:#E0E0E0;
}
.columns2 {
    float: left;
    display: inline;
    margin: 20px 0 0 20px;
}
.columns2 h3{
    font-family: 'Roboto', sans-serif;
	color:#333;
	font-size:28px;
	text-align:center;
	font-weight:400;
	padding:10px 0;
}
.columns2 h3 span{
	font-size:16px;
	margin:0 auto;
	top:10px;
	
}
.columns2 p{
	color:#666;
	padding:4px;
	text-align:justify;
	font-size:12px;
	font-weight:600;
	    margin: 0px 0px 1.5em;
    line-height: 1.5em;
	 
}
.columns2 #ratespan{
	width:100%;
	text-align:center;
	font-size:18px;
	color:#818181;
}


@font-face {
  font-family: "bluekode";
  src: url("fonts/Acens.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}



#logo-n1{
					position:relative;
					float:left;
					color:#930;
					left:50px;
					top:-50px;
					font-size:34px;
					font-weight:600;
					letter-spacing:5px;
					font-family:"bluekode";
					text-shadow:0 0 20px #FFF;
					text-transform:uppercase;
					behavior: url(pie/PIE.htc);
				}

#logo-n2{
					position:relative;
					float:left;
					color:#930;
					left:170px;
					left:165px\9;
					top:-63px;
					top:-56px\9;
					line-height:18px;
					font-size:12px;
					letter-spacing:6px;
					letter-spacing:4px\9;
					font-weight:600;
					font-family:Arial, Helvetica, sans-serif;
					text-shadow:0 0 20px #FFF;
					text-transform:uppercase;
					behavior: url(pie/PIE.htc);
				}