@charset "UTF-8";


/*Blobal Content Formatting and Styles */



body{
color:#5757c7a;
margin-left:-90px;
padding:0;
line-height:1.5em;
font-family:Arial;
font-size:14;
overflow-x:hidden;
background:#7f8c8d;		
}

.page{
max-width:980px;
margin:0 auto;
position:relative;
background:#fff;
background-color:#696969;	
}


.top-image-showcase li{/* Section Top Image Starts*/
.section-top-image{padding:0;width:100%;}
.top-image-showcase{
list-style:none;
}

display:block;float:left;width:100%;	
}

.top-image-photo{
width:100%;overflow:hidden;
height:400px;
margin-left:100px;
background-color:black;
background-position: 100px 5px;

}

.top-image-photo img{opacity:0.7width:100%;
					height:auto;transform:scale(1.15);
					transition:transform 0.5s;
}
/* Section Top Image ends*/

.top-image-photo img:hover{opacity:1.0; transform:scale(1.03);
}



h1{
font-size:1.6em;
font-weight:normal;
color:White;
margin:0 1 .4em 2;	
}


h2{
font-size:1.7em;
margin: 0 0 1em 0;	
}


h3{
font-size:1.5em;
margin: 0 0 2em 0;	
}

p{margin: 0 0 1em 0;}

a{
color:White;	
}

a:hover{color:blue;}

a.cta{
text-transform:uppercase;
font-size:.9em;
font-weight:bold;
text-decoration:none;
margin: 1em 0 0 0;
padding:0px 12px 0px 0px;
background:url(itpage/images/cta_arrow.png) no-repeat right 0px;	
}


a.cta:hover{
background-position:right -50px;
}

.promo h3{
font-size:1.1em;
margin:0;
}


.promo p{
line-height:1.2em;
margin-left:.4em;
font-size:.9em;
margin-bottom:.5em;
}


.promo{
background-repeat:no-repeat;	
}


.promo.one{
background-image:url(itpage/images/cloud11.png);
hover	
}

img{
opacity:5.0;
width:100%;
height:auto;
transform:scale (1.0);
transition:transform 0.5s;	
}



.promo.two{
background-image:url(itpage/images/support1.jpg);
}


.promo.three{
background-image:url(itpage/images/Protection_60x60.jpg);
}

.promo.three img:hover{
opacity:.5;
transform:scale (1.03);	
cursor:pointer;
background:;
}
	


/* Nav Starts */
nav a{
color:black;text-transform:uppercase;
text-decoration:none;
display:inline-block;
font-weight:bold;
font-size:.9em;	
}

nav a:hover{color:white;}
/* Nav Ends */

.clear-fix{clear:both;line-height:1px;}
/* Section Feature Image Starts */
.section-feature{
padding:0;
width:100%;	
}

.feature-showcase{list-style:none;}

.feature-showcase li{
display:block;
float:left;
width:30%;
margin-left:15px;
}

.feature-photo{
width:100%;
margin:0;
overflow:hidden;	

}

.feature-photo img{
opacity:5.0;
width:120%;
height:auto;
transform:scale (1.0);
transition:transform 0.5s;	
}

.feature-photo img:hover{
opacity:.5;
transform:scale (1.03);	
cursor:pointer;
background:;
}

/* Section Feature Image Ends */
/* Contact Form Starts */
.contact-form{

width:80%;
margin-right:0px;
margin:0 auto;	
}
.contact-form input[type=text],
.contact-form input[type=email],
select,
textarea{
width:100%;
padding:7px;
border-radius:5px;
border:1px solid #ccc;
margin:0 auto 0px auto;
float:right;	
}

textarea{
height:100px;
margin-top:0px;
width:100%;		
}

input[type=checkbox]

{
margin:0;
padding:0;
}

.contact-form .sent-it-submit{
background:#White;
color:black;
width:100px;
height:50px;
marin-bottom:15px;
font-size:18px;
margin-left:300px;
}

.contact-form .sent-it-submit:hover{
background:#white;
color:Blue;
}
*:focus{outline:none;}
/* Contact Form Ends */


/* Footer starts */
footer{
font-size:.85em;
color:black;
background-color:#ff8418;
padding:0px 10px 10px 50px;
}

/* Search Box Starts */
#tfnewsearch{
float:right;
margin-right:10px;
margin-top:7px;	
}


.tftextinput{
margin:0;
padding: 5px 15px;
font-family:Arial, Helvetica, snas-serf;
font-size:14px;
border:1px solid #0076aca;
border-right:0px;
border-top-left-radius:5px 5px;
border-bottom-left-radius:5px 5px;	
}

.tfbutton{
margin:0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
outline:none;
cursor:pointer;
text-align:center;
text-decoration:none;
color:#ffffff;
border:solid 1px #0076a3;
border-right:0px;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom,
from(#00adee) , to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;	
}

.tfbutton:hover{
text-decoration:none;
background: #007ead;	
background: -webkit-gradient(linear, left top, left bottom,from(#0095cc), to(#00678e));
backgroun: -moz-linear-gradient(top, #0095cc, #00678e);	
}
/* Fixes submit button height problem in Firefox */
.tfbutton::-moz-focus-inner{border:0;}


/* Search Box Ends */