@charset "utf-8";
/* CSS Document */



/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
font-family:arial; 	
color : #000; 
background:url(../images/background0.jpg) no-repeat 0px -180px   fixed ;
background-size:100%;
}


button, 
input, 
select, 
textarea { 
font-family:arial;
color : #fff; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family:arial;
font-weight : normal;

}

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 0.9em; 

font-size : 1em; /* 16 / 16 = 1 */ }

li ul, 
li ol { 
margin : 0;
list-style:none;
}

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

/* LINKS =============================================================================  */

a { 
color : #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
color : #000;
}

footer a { 
 color:#868686;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited { 
color : #868686; }

footer a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

footer a:hover, 
footer a:active { 
outline : 0;
color : #fff;
}
/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img a {
	border:none;
	margin:0px;
	padding:0px;
}

marquee {
	margin:0px;
	padding:0px;
}

/* TABLES ============================================================================= */







table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; 
color:#fff;
font-weight:bold;
}

th, td, caption { 
padding : .25em 10px .25em 5px;border:3px #fff solid!important;  }

td,tr{
	border:1px #fff solid!important;
	font-size:14px!important;
}
table:hover{
	color:#fff!important;
}


tfoot { 
font-style : italic; }


caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle;
}

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
/*padding: 0.5em 1em;*/
margin: 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
background:#fff;

}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;

	}
	
	
	@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot') format('embedded-opentype'),
         url('../fonts/myriadpro-regular.woff') format('woff'),
         url('../fonts/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}
	
.main{
	margin:0px auto!important;
	padding:0px;
	width:100%;
	overflow:hidden;
	
}
.logo{
	text-align:center;
	margin:0px auto;
	padding-top:6%;
}
	

.buttonpattern ul {
    margin: 7% 0 0 19%;
    padding: 0;
}
.buttonpattern ul li {
    
    float: left;
    margin: 0 3% 0 0;
	list-style:none;
width:23%;
text-align:center;
	boder-radius:13px!important;
}
.buttonpattern ul li a {
    display: block;
    margin: 0;
    padding: 7% 0%;
	font-family: 'MyriadProRegular';
	font-size:16px;
	color:#fff;
	
	
}

.buttonpattern ul li:nth-child(1){
	border-radius:4px!important;
	
	
	
}
.buttonpattern ul li:nth-child(2){
	border-radius:4px!important;
	
}
.buttonpattern ul li:nth-child(3){
	border-radius:4px!important;
	
	margin-right:0px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {

-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

.logo-area {
	width:100%;
	margin:0px auto;
	text-align:center;
}
.logo-area img {
	width:20%;
	margin-top:20px;
}
@media (max-width: 980px) {	
.logo-area img {
	width:25%;
	margin-top:20px;
}
@media (max-width: 768px) {	
.logo-area img {
	width:30%;
	margin-top:20px;
}
}
@media (max-width: 480px) {	
.logo-area img {
	width:80%;
	margin-top:20px;
}
}