



body{
	}



form    {
margin:auto;
position:relative;
width:100%;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
font-style: none;
line-height: 24px;
color: #004;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;   
border-radius: 10px;
padding:10px;
border: 1px solid #eee;
border: inset 1px solid #ddd;

}

input{
	width:80%;
	padding-right:5%;
	height:50px;
	}

button{
	width:90%;
	padding-right:5%;
	height:50px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-style: none;
	line-height: 24px;
	color: #404;
	}
	
textarea{
	width:90%;
	padding-right:5%;
	height:200px;
	}

.resource_link {    display: none;}
.halfLeft{width:50%; text-align:right;float:left;}
.halfRight{width:50%; text-align:left;float:right}

#-header-language
	{

	}

#-header-language a:link {color:#fff;}      /* unvisited link */
#-header-language a:visited {color:#fff;}  /* visited link */
#-header-language a:hover {color:#fff;}  /* mouse over link */
#-header-language a:active {color:#fff;}  /* selected link */ 

.white a:link {color:#fff;}      /* unvisited link */
.white a:visited {color:#fff;}  /* visited link */
.white a:hover {color:#fff;}  /* mouse over link */
.white a:active {color:#fff;}  /* selected link */ 

.navbar-collapse {max-height:800px;}

#-header-contact{
	padding-top:20px;
	float:right;
	width:60%;
	text-align:right;
	}
	
#-header-contact a:link {color:#fff;}      /* unvisited link */
#-header-contact a:visited {color:#fff;}  /* visited link */
#-header-contact a:hover {color:#fff;}  /* mouse over link */
#-header-contact a:active {color:#fff;}  /* selected link */ 

#-header-contact-phone { padding-right:15px; }
#-header-contact-email { padding-right:15px; }

.padded {padding-left:40px;padding-right:40px;}

.contact h2{font-size: 30px;
			border-right:3px green solid;
			}
			
.contact  h3{border-right:3px green solid;
		  	}

.client-box{
	float:left;
	width:18%;
	min-width:150px;
	}
	
#maincontact{background-color:#000;
				   padding:10px;
				   }
#whoheader {
	width:80%;
	margin-left:10%;
	}

#banner{
	clear:both;
	padding-top:100px;
	padding-bottom:50px;
	width:100%;
	text-align:center;
	background-image: url("images/banner.jpg");
	font-size:22px;
	color:#fff;
	}

#whofooter{
	width:80%;
	margin-left:15%;
	}


.widgettitle{
	text-align:center;
	font-size:18px;
	font-weight: 800;
	padding-bottom:10px;
	padding-left:10%;
	}

#whofooterlist li {
	display: inline;
	list-style-type: none;
	}
	
.tfperc{
	width:20%;
	padding-left:1%;
	padding-right:1%;    
	float:left;
	font-size:14px;
	font-weight: 800;
	}   

	
#banner h1 {color:#fff;
			font-size:36px;
			}
		

#ourFeaturedWork{background:#3333ff;
	background-image: url("images/bg_06.jpg");
	width:100%;
	text-align:center;
	color:#fff;
	padding:30px;
	font-size: 40px;
	}

#talktous-wrapper{
	background:#000;
	background-image: url("images/cube_blue_light.jpg");
	margin-top:10px;
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	float:left;
	width:100%;
	background-size:100%;
	}

#whyus-wrapper{
	background:#000;
	background-image: url("images/cube_blue.jpg");
	margin-top:10px;
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	float:left;
	width:100%;
	background-size:100%;
	}
	
.whyus-box{
	width:20%;   
	float:left;
	margin:25px;
	color:#fff;
	text-align:center;
	min-width:230px;
	}	

#bodyWrap
	{
	margin-top:0px;
	
	}

.large-icon{
	colour:#f00;
	font-size:50px;
	padding-top:14px;
	}

.gallerywhite
	{text-align:center;
	background-colour:black;  
	color:white;
	}
	
.page_title {
	color: #ffffff;
    font-size: 20px;
    font-weight: inherit;
    letter-spacing: 3px;
    line-height: 40px;
    margin-bottom: 20px;
    padding-bottom: 30px;
    margin-top: 40px !important;
    position: relative;
    word-wrap: break-word;
    width:80%;
    margin-left:10%;
    padding-top:30px;
}		
	
.circle_back
	{
	top:0px;
	left:0px;
	position:absolute;
	margin-left:40%;
	border:2px solid #fff;
	border-radius: 50%;
	width: 100px;
	height: 100px; 
	text-align:center;
	color: #ffffff;
	z-index:3;
	background-color: #ffffff;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	}	
.circle_fore
	{
	top:0px;
	left:0px;
	position:absolute;
	margin-left:40%;
	border-radius: 50%;
	width: 100px;
	height: 100px; 
	text-align:center;
	color: #ffffff;
	z-index:5;
	}		

.circle_spacer
	{
	width: 100px;
	height: 100px; 
	text-align:center;
	color: #ffffff;
	}		
	

.page_title h1{
	color: #ffffff;
    font-size: 40px;
    font-weight: inherit;
    letter-spacing: 3px;
    line-height: 40px;
    margin-bottom: 20px;
    padding-bottom: 30px;
    text-transform: uppercase;
    margin-top: 40px !important;
    position: relative;
    word-wrap: break-word;
}	
	
	
.page_title
		{
		text-align:center;
		color:white;
		}


.whyus-logo
	{	
		font-size: 60px;
		background: url(images/blue_circle.png);
		background-size:     cover;    
    	background-repeat:   no-repeat;
    	background-position: center center;
    	height:230px;
    	padding-top:75px;
    	max-width:230px;
	}

.whyus-text
	{
	font-size: 18px;
	font-weight: 700;
	}

#talkToUs{background:#ddd;
	width:100%;
	text-align:center;
	color:#000;
	padding:10px;
	clear:both;
	}

#footer{
	width:100%;
	padding-top:25px;
	clear:both;
	background:#000;
	float:left;
	color:white;
	}
#footerCol1 h2,#footerCol2 h2,#footerCol3 h2
	{
	color:#fff;
	font-size: 18px;
	font-weight: 600;
	text-align:center;
	}


#footer li
	{
	text-align:center;
	}
   
.welcome .welcomeText {
			color: #000;
			font-size: 60px;
			font-weight: 600;
			text-transform: uppercase;
			left: 700px;
			margin-top: -50px;
		}
		.welcome .welcomeText2 {
			position: absolute;
			color: #fff;
			font-size: 30px;
			font-weight: 300;
			text-transform: lowercase;
			line-height: 130%;
			left: 10%;
			width: 80%;
			margin-top: 10%;
			text-shadow: 1px 1px #000;
		}
		
		.welcome .welcomeTextTitle {
			position: absolute;
			color: #fff;
			font-size: 50px;
			font-weight: 500;
			text-transform: uppercase;
			line-height: 130%;
			left: 10%;
			top: 10%;
			width: 80%;
			margin-top: 10%;
			text-shadow: 1px 1px #000;
		}


.phonehide {display:block;
		}
		
.mallorca-web-design{display:none;}	


#navigation {
			background-color:#000;
			opacity: 0.6;
    		filter: alpha(opacity=60); /* For IE8 and earlier */
			}

.nav > li {
		opacity: 1;
    	filter: alpha(opacity=100); /* For IE8 and earlier */
		}	
		
	
			
#brandLogo { }		

.greylink a:link {color:#000;}      /* unvisited link */
.greylink a:visited {color:#333;}  /* visited link */
.greylink a:hover {color:#111;}  /* mouse over link */
.greylink a:active {color:#333;}  /* selected link */ 

.greylinkadmin a:link {color:#000;border:1px dashed #f00; }      /* unvisited link */
.greylinkadmin a:visited {color:#333;}  /* visited link */
.greylinkadmin a:hover {color:#111;background-color:#000;}  /* mouse over link */
.greylinkadmin a:active {color:#333;}  /* selected link */ 

.o h3{color:#f00;}

.barHeader{
	border-left: 6px solid rgba(244, 0, 0, 1);
	font-size: 10px;
	}

#mobileBlock{width:100%;
	display:none;}
	
#brandLogo {width:150px;height:100px;}

.mobileHide {display:block;}

.form-row{clear:both;height:30px;padding-bottom:50px;margin-bottom:15px;position:relative;}

.form-half{width:40%;}   
.form-third{width:33%;}


.who-block{
	width:40%;
	margin-top:25px;
	margin-left:5%;
	float:left;
	text-align:center;
	height:auto;
	min-width:300px;
}

.clear{clear:both;}

@media only screen and (max-width : 993px) {
    
}	

@media only screen and (max-width : 514px) {
 
}

@media only screen and (max-width : 760px) {
.welcome .welcomeTextTitle {
			left: 10%;
			top: 0%;
			width: 80%;
			margin-top: -200px;
			}
}

@media only screen and (max-width : 422px) {
    .mobileHide {display:none;}
    
}
	
@media only screen and (max-width : 480px) {
 #indexSlideshow {display:block;}
 .phonehide {display:none;
		}

.phone-top-padding{padding-top:10px;}
		

		
 h1 {
    border-left: 3px solid #f3ca16;
    font-family: "Helvetica Neue","Arial","sans-serif";
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.4em;
    padding-left: 10px;
	}
 
 h2 {
    border-left: 2px solid #f3ca16;
    font-family: "Helvetica Neue","Arial","sans-serif";
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.4em;
    padding-left: 10px;
	}
	
}


@media only screen and (max-width : 320px) {
	
	#-header-contact-email { padding-top:15px; }
	}

@media only screen and (max-width : 768px) {	
#brandLogo { display:none;}
.whyus-box{
	width:50%;   
}
.clieng-box{
	width:50%;
	}	

}