/**********************************************/
/*										   	  */
/*            GUIDELINES / COLOURS            */
/*										   	  */
/**********************************************/

/* 
 * Dark Blue	: #3e0001 / 22, 55, 74 
 * VERY Dark Blue #260102
 * Light Blue	: #ead79e
 * Brown		: #96754A / 150, 117, 74
 * Gold			: #c53f19 / 189, 174, 145
 * Grey			: #782500 / 127, 127, 127
 * Dark Gold   : #9a917b
 */


/************************************************/
/*										    	*/
/*                   FONTS                      */
/*										    	*/
/************************************************/
@font-face {
    font-family: 'agenda_medium';
    src: url('/fonts/agenda_medium/agenda-medium-webfont.eot');
    src: url('/fonts/agenda_medium/agenda-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/agenda_medium/agenda-medium-webfont.woff') format('woff'),
         url('/fonts/agenda_medium/agenda-medium-webfont.ttf') format('truetype'),
         url('/fonts/agenda_medium/agenda-medium-webfont.svgagenda-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cinzelregular';
    src: url('/fonts/cinzel/Cinzel-Regular-webfont.eot');
    src: url('/fonts/cinzel/Cinzel-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cinzel/Cinzel-Regular-webfont.woff') format('woff'),
         url('/fonts/cinzel/Cinzel-Regular-webfont.ttf') format('truetype'),
         url('/fonts/cinzel/Cinzel-Regular-webfont.svg#cinzelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************************************/
/*										    	*/
/*                   RESET                      */
/*										    	*/
/************************************************/
/* Hard reset on any pre-defined browser styles.
 * Forces a clean and consistent star	t for all styles
 */
	
	/* remove image borders */
	img { 
		border:0;
	}
	
	/* remove padding and margin from various items */
	body, p, blockquote, ul, ol, li, div,h1, h2,h3,h4,h5,h6 {
		margin:0;
		padding:0;
		}
		
	h1,h2,h3,h4,h5,h6 {
		font-weight:normal;
		}
	
	sup {
		font-size:x-small;
		}
	/* remove outline from link  */
	a, a:hover, a:active {
		outline: none;	
	}
	
	header, footer {
		display: block;
		}

/************************************************/
/*										    	*/
/*             GENERAL TEXT STYLES              */
/*										    	*/
/************************************************/
	h1 {
		font-size:38px;
		line-height:40px;
		letter-spacing:0.025em;
		color:#c53f19;
		}
	
	h2 {
		font-size:38px;
		line-height:40px;
		letter-spacing:0.05em;
		color:#c53f19;
		}
	/*h3 {
		font-family: 'cinzelregular', Times, "Times New Roman", serif ;
		font-size:38px;
		line-height:40px;
		letter-spacing:0.025em;
		color:#c53f19;
		padding-bottom:20px;
		}*/
	h3 {
		font-family: 'cinzelregular', Times, "Times New Roman", serif ;
		font-size:30px;
		line-height:32px;
		letter-spacing:0.025em;
		color:#c53f19;
		padding-bottom:20px;
		text-transform:uppercase;
		font-weight:normal;
		}
	h3.invert { /* for dark blue backgrounds */
		color:#c86637;
		}
	h3.invert2 { /* for dark brown backgrounds */
		color:#f3ecda;
		}
	h4 {
		font-size:14px;
		line-height:17px;
		letter-spacing:0.05em;
		color:#3e0001;
		text-transform:uppercase;
		padding-bottom:10px;
		}
	h4.invert {
		color:#f3ecda;
		}
	h4.invert2 {
		color:#3e0001;/*#c7ac70;*/
		}
	h5, h5.invert, h5.invert2 {
		font-size:18px;
		line-height:20px;
		letter-spacing:0.05em;
		color:#3e0001; /*#c53f19;*/
		text-transform:uppercase;
		}
	h5.invert {
		color:#c53f19;
		}
	h5.invert2 {
		color:#fff;
		}
	h5 span {
		font-size:14px;
		color:#3e0001;
		text-transform:none;
		display:inline;
		}
	h6 {
		font-size:38px;
		line-height:40px;
		letter-spacing:0.025em;
		color:#c53f19;
		}
	p {
		font-size:15px;
		line-height:26px;
		color:#ac826d;
		padding-bottom: 20px;
		}
	p.invert {
		color:#d4c28a; /*#fefbed;*/
		}
	p.intro {
		font-size:17px;

		}
	p.intro2 {
		font-size:17px;
		color:#d4c28a; /*3e0001;*/

		}
	ul {
		font-size:14px;
		line-height:30px;
		color:#a17d6b;
		padding-bottom: 20px;
		padding-left:16px;
		}
	a {
		color:#e37e37;	
		}
	a:hover, a:active {
		color:#c53f19;	
		}

/************************************************/
/*										    	*/
/*               MAIN FRAMEWORK                 */
/*										    	*/
/************************************************/
	
	* 	{
		
		}
	.site_container {
		width: 1000px;
		margin:0px auto;
	 	background-color: #FFF; 
		
		}
		
	body {
		font-family: 'agenda_medium', Helvetica, sans-serif;
		background: #f3ecda url(/images/body_gradient.jpg) repeat-x top center;
/*
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 7%, #f3ecda 12%, #f3ecda 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 7%,#f3ecda 12%,#f3ecda 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 7%,#f3ecda 12%,#f3ecda 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3ecda',GradientType=0 );
*/
		}
	
	.clearfix {
		clear: both;
		}
		
	.pad_bottom {
		padding-bottom: 50px;
		}
	.pad_top {
		padding-top: 70px;
		}
	.pad_right {
		padding-right: 20px;
		}
	#main_site_content{
		clear:both;	
	}
		
/************************************************/
/*										    	*/
/*            TWO COLUMN LAYOUTS                */
/*										    	*/
/************************************************/
	.two_column_1 {
		width:38%;
		float: left;
		margin-left:8%;
		}
	.two_column_2 {
		margin-left:54%; /* 8 + 38 + 8 (middle) */
		margin-right:8%;
		}
/************************************************/
/*										    	*/
/*           THREE COLUMN LAYOUTS               */
/*										    	*/
/************************************************/
	.three_column_1 {
		width:39%;
		display: block;
		float: left;
		}
	.three_column_2 {
		width: 22%;
		display: block;
		float: left;
		}
	.three_column_3 {
		display: block;
		}

/************************************************/
/*										    	*/
/*               SINGLE COLUMN                  */
/*										    	*/
/************************************************/
/* FITS NICELY WITH THE TWO COLUMN LAYOUTS WHEN NEEDED */
	.single_column {
		margin-left:8%;
		margin-right:8%;
		}
		
		
/************************************************/
/*										    	*/
/*                 NAVIGATION                   */
/*										    	*/
/************************************************/
	#main-nav {
		background: url('/images/header_strip.gif') center top repeat-x #3e0001;
		padding-top:10px;
		height: 38px;
		/*border-bottom: 4px solid #FFF;*/
		overflow: hidden;
		}
	#main-nav .site_container {
		background: none;
		}
	#main-nav ul {
		list-style: none;
		padding-left:0px;
		}
	
	#main-nav ul li {
		display: inline-block;
		}
	#main-nav ul li:first-child {
		padding-left:0px;
		}
		
	#main-nav ul li a {
		color: #FFF;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		text-align: center;
		font-size: 14px;
		padding-top:8px;
		/*padding-bottom:12px;*/
		background: url('/images/header_notch.jpg') center top no-repeat;
		/*height: 42px;*/
		overflow: hidden;
		}
	
	#main-nav ul li.current a {
		background-color: #7b2800; /* #96754A; */
		}
		
	#main-nav ul li a:hover {
		background-color: #bd4718;
		}
	
	#main-nav ul li a:active {
		background: #000;
		}
		
	#main-nav ul li ul {
		display: none;
		}
	
	/* RELATIVE WIDTHS BASED ON NUMBER OF MENUS */
	#main-nav ul.count_4 li { width:25%;}
	#main-nav ul.count_5 li { width:20%;}
	#main-nav ul.count_6 li { width:16.6%;}
	#main-nav ul.count_7 li { width:14.25%;}
	
	#main-nav #menu_link_toggle {
		display: none;
		text-decoration: none;
		color: #FFF;
		padding: 18px 5px 5px 5px;
		text-align: center;
		background: url('/images/header_notch.jpg') center top no-repeat;
		border-bottom:1px solid #FFF;
		}
	#main-nav #menu_link_toggle:hover {
		color: #ead79e;
		}
		
/************************************************/
/*										    	*/
/*              SUB - NAVIGATION                */
/*										    	*/
/************************************************/

	#submenus {
		text-align: center;
		/*background: #c53f19 url('/images/gold_back_gradient.jpg') repeat-x top center;*/
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f3ecda 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f3ecda 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f3ecda 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3ecda',GradientType=0 );*/
		padding-top:45px;
		padding-bottom: 20px;
		}
	#submenus .single_column {
		margin-left:6%;
		margin-right:6%;
		}
	
	#submenus a {
		display: inline-block;
		}
	
	#submenus a img {
		/*width: 100%;
		height: auto;*/
		}
		
	#submenus a .hover {
		display: none;
		}	
		
	#submenus a:hover .hover {
		display: inline-block;
		}
	#submenus a:hover .regular {
		display: none;
		}
		
/************************************************/
/*										    	*/
/*              HEADER LOGO BAR                 */
/*										    	*/
/************************************************/
	header {
		z-index: 1000;
		position: relative;
		}
	/*#header_logo_bar {
		background: url('/images/about_header_gradient_bk.jpg') repeat-x top left;
		height: 126px;
		}	*/
	#header_logo_bar {
		/*background: url('/images/top_gradient.jpg') repeat-x top left;
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #fcf5e3 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#fcf5e3 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#fcf5e3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcf5e3',GradientType=0 );*/
		/*height: 159px;*/
		}
	/*#header_logo_bar_inside {
		background: url('/images/non_home_header_logo.png') top center no-repeat;
		font-size:0;
		height: 171px;
		}*/

		
	/*#header_logo_bar #header_home_button {
		height: 126px;
		margin:0 auto;
		text-indent: -5000px;
		width: 100%;
		display: block;
		}*/
	
	
	#header_logo_bar .three_column_1,
	#header_logo_bar .three_column_3 {
		padding-top:50px;
		}
		
	#header_phone ,
	#header_email {
		font-size: 16px;
		color: #c53f19;
		display: block;
		padding:1px 0px;
		}
		
	#header_phone {
		background: url('/images/phone_icon.png') left center no-repeat;
		padding-left:30px;
		margin-left:10px;
		}
	#header_email {
		text-align: right;
		text-decoration: none;
		background: url('/images/mail_icon.png') right center no-repeat;
		padding-right: 30px;
		margin-right:10px;
		}
		
/************************************************/
/*										    	*/
/*                BIG SECTIONS                  */
/*										    	*/
/************************************************/
	section {
		clear:both;
		display:block;		
		}
	
	#footer_bg,
	#footer_details {
		background:none;
		}
		
	#footer_details {
		color: #FFF;
		padding-bottom:20px;
		font-size:12px;
		}	
	#footer_details .three_column_1 {
		text-align: left;
		}
			
	#footer_details .three_column_2 {
		text-align: center;
		}
		
	#footer_details .three_column_3 {
		text-align: right;
		}
	
	#footer_details * {
		color:#9e6548;
		}
	
	#footer_details #footer_phone {	
		padding-left:20px;
		}
	#footer_details #footer_phone, #footer_details #footer_email {	
		font-size:13px;
		}	
		
	#footer_details #footer_copyright {	
		padding-right:20px;
		}	
		
	.tariff{
		width:100%; 
		text-align:center; 
		padding-top:10px;
		padding-bottom:0;
		line-height:15px;
		}
	
	.section_text_left .two_column_1 {
		text-align: left;
		}
	
	.section_text_right .two_column_2 {
		text-align: left;
		}
	
	section.toggle_section {
		display: none;
		
		}
	section.toggle_section .site_container {
		background: #ede6d3;
		}
	
	section.toggle_section.section_dark .site_container {
		background:#260102;
		}
	section.toggle_section.section_gold .site_container {
		background:#89411e; /* #9a917b */
		}	
	
	a.toggle_more_button {
		text-align:right;
		display: block;
		text-transform: uppercase;
		padding:10px;
		border-radius: 10px 10px 0 0;
		text-decoration: none;
/* 		margin:30px -6px 0 -6px; */
		margin:30px 0 0 0 ;
		}
	
	/*
	a.toggle_more_button.showing {
		background: #CCC;
		}
	
	*/	
	a.toggle_more_button .inside {
		border-radius:0px;
		padding:0px;
		display: block;
		/* color: #3e0001; */
		font-size: 14px;
		height:40px;
		}
	a.toggle_more_button span.inside  p{
		clear:both;
		display:inline-block;
		color: #c53f19;
		font-size: 14px;
		line-height: 14px;
		padding-bottom: 0px;
		margin:15px 0 0 0;
		}
		
		
	a.toggle_more_button:hover img,
	a.toggle_more_button.showing img {
	
		-moz-transform : rotate(90deg); /* Firefox */
		-webkit-transform: rotate(90deg); /* Safari */
		-ms-transform: rotate(-90deg); /* IE */
		-o-transform: rotate(-90deg); /* Opera */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* Internet Explorer */
		/* For the last one. 0 = 0, 1 = 90, 2 = 180, 3 = 270 ... duh */
		}
	
	a.toggle_more_button:hover ,
	a.toggle_more_button.showing {
		background: #ede6d3;
		}
	.section_dark a.toggle_more_button:hover ,
	.section_dark a.toggle_more_button.showing {
		background: #260102;
		}
	.section_gold a.toggle_more_button:hover ,
	.section_gold a.toggle_more_button.showing {
		background: #89411e;
		}
	
	a.toggle_more_button span.inside  p.light{
		color: #c86637;
		}
	a.toggle_more_button span.inside  p.light2{
		color: #f3ecda;
		}
	
	.section_dark a.toggle_more_button .inside, .section_gold a.toggle_more_button .inside {
		/* background: rgba(22, 55, 74,0.8); */
		color: #FFFFFF;
		
		}
	
		
	section .two_column_1, 
	section .two_column_2 {
		min-height: 300px;
		padding-top: 50px;
		}
		
	/* These stay within a box that is inside of another box with 8% margin on each side.
	   This means that while the box is 100%, it is only actually 84% compared to other
	   boxes that are full width. 84/100 = 1.2. This means that any box dimension should
	   be multiplied by 1.2. 
	   
	   So a width in percent that sits inside a ".single_column" needs to be match their 
	   counterparts that is in a full width.
	   
	   38% * 1.2 = 45%
	  */
	.inline_image {
		width:45%;	
		}
		
	.inline_image img{
		width: 100%;
		height:auto;
		-moz-border-radius: 15px;
		border-radius: 15px;
		/*border:3px solid white;*/		
		}
	.lefty {
		float:left;
		margin: 0 10% 0 0; /* times 1.2 factor */		
		}
	.righty {
		float:right;
		margin: 0 0 0 10%;		
		}
	.subsection{
		clear:both;
		display:block;
		padding-bottom:20px;
	}
	.first{
		padding-top: 40px;
	}
	.learnmore_arrow{
		float:right;
		margin-left:20px;
    }
	.uparrow{
		text-align:center;
	}
	img.full_width{
		width:100%;
		height:auto;	
	}
	
	.mobile_wide_image {
		display: none;
		}
	
/**********************************************/
/*										   	  */
/*                  FOOTER                    */
/*										   	  */
/**********************************************/
	footer {
		clear:both;
		background: url('/images/header_strip.gif') top center repeat-x;
		/*height: 140px;*/
		padding-top:10px;
		}
	
	footer section {
		background: #3e0001;
		margin-bottom: 0px;
		/*height: 160px;*/
		padding-top:10px;
		}
		
	footer #copyright {
		float: right;
		font-size:11px;
		color: #fff;
		padding-top:100px;
		}
		
	footer ul {
		list-style: none;
		padding-left:0;/* this overwrites the defualt 16px set on line 143 */
		line-height: 18px;
		}
	
	footer a {
		color: #FFF;
		text-decoration: none;
		}
	footer a:hover {
		color: #ead79e;
		text-decoration: none;
		}
		
	ul#footer_menus > li {		
		float: left;
		text-align: center;
		}
	ul#footer_menus.count_4 > li { width:25%;}
	ul#footer_menus.count_5 > li { width:20%;}
	ul#footer_menus.count_6 > li { width:16.6%;}
	ul#footer_menus.count_7 > li { width:14.25%;}
	
	
	ul#footer_menus > li > a {
		text-transform: uppercase;
		font-size:14px;
		}
	
	ul#footer_menus > li  li > a {
		font-size:12px;
		color: #9e6548;
		}
		
	
	ul#footer_menus > li  li > a:hover {
		color:#FFF;
		}
		
/************************************************/
/*										    	*/
/*                   FORMS                      */
/*										    	*/
/************************************************/
	input[type="text"],
	input[type="password"],
	input[type="submit"],
	input[type="button"],
	textarea,
	select
	{
		-moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
		width: 100%;
		padding:8px;
		font-size:14px;
		border: 1px solid #AAA;
		-moz-box-shadow: inset 3px 3px 3px #ccc;
		-webkit-box-shadow: inset 3px 3px 3px #ccc;
		box-shadow: inset 3px 3px 3px #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	input[type="submit"]
	{
		color:#fff;
		background:#3e0001;
		border: 1px solid #0e222e;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	input[type="submit"]:hover
	{
		background:#bd4718;
		border: 1px solid #3e0001;
	}
	textarea
	{
		font-family:inherit;
	}

	form .form_row_block {
		padding-bottom:10px;
		}
	form .form_title {
		color: #AAA;
		font-size:14px;
		padding-bottom:2px;
		}
	p.required{
		color:#c53f19;	
	}
	section#thank_you .site_container {
		background: url('/images/request_large_01.jpg') top center no-repeat;
		}
		
/**********************************************/
/*									       	  */
/*                 MESSENGER                  */
/*									    	  */
/**********************************************/

	.messenger {
		border:1px solid #333;
		padding:10px;
		}
	
	.messenger.error {
		border-color: #900;
		}
	
	.messenger.error h2 {
		color: #900;
		}
	
/**********************************************/
/*										   	  */
/*               SITE HEADING                 */
/*										   	  */
/**********************************************/
	 h1.site_heading {
	 	text-align: center;
	 	padding-top:30px;
	 	padding-bottom:30px;
	 	background: #FFF;
	 	color: #3e0001;
	 	display: none;
	 	}

		
/**********************************************/
/*										   	  */
/*            ANYTHING NON-DESKTOP            */
/*										   	  */
/**********************************************/

@media only screen and (max-width : 1024px) 
{
	.site_container ,
	section .site_container {	
		width:100%;
		}
	
}

@media only screen and (max-width : 800px) 
{
	#header_logo_bar_inside #header_phone,
	#header_logo_bar_inside #header_email {
		display: none;
		}
	
}

/**********************************************/
/*										   	  */
/*               WIDE DEVICES                 */
/*										   	  */
/**********************************************/

@media only screen and (max-width : 620px) 
{
	#main-nav a#menu_link_toggle {
		display: block;
		}
	
	#main-nav {
		height: auto;
		}
	#main-nav .site_container {
		width: 100%;
		padding:0px;
		margin:0px;
		}
		
	#main-nav ul {
	 	display: none; 
		width:100%;
		line-height: 18px;
		padding-left:0px;
		}
	
	#main-nav ul li {
		width: 100% !important;
		}
	
	#main-nav ul li a {
		width: auto;
		background: none;
		padding: 5px 0;
		height: auto;
		}
	
	#main-nav ul a:hover {
		}
	#main-nav ul .current_menu a {
		}
	
	.main_menus li:last-child {
		}
	
	#header_phone ,
	#header_email {
		display: none;
		}
		

	h1.site_heading {
		display: block;
		}
		
	#header_logo_bar a {
		width: 100%;
		}
	
	.inline_image.request_quote {
		display:none;
		height:auto;
		display:block;
		}	
	
	ul#footer_menus.count_5 > li {
    }
	
	ul#footer_menus > li {
	    float: none;
		text-align: center;
		width: 100% !important;
	}

	ul#footer_menus > li ul {
		display: none;
		}
	
	.two_column_1,
	.two_column_2 ,
	.three_column_1,
	.three_column_2,
	.three_column_3 {
		/*float: none;*/ /* commented out by Travis to make the buttons clickable on mobile*/
		margin:0px;
		/*width: 84%;*/ /* commented out by Travis to make the buttons clickable on mobile*/
		margin-left:8%;
		margin-right: 8%;
		}
	#header_logo_bar .three_column_2 {
		display: block;
		float: none;
		width: 60%;
		margin-left:20%;
		margin-right: 20%;
	}

	#header_logo_bar .three_column_1, #header_logo_bar .three_column_3 {
		padding-top: 0px;
	}
	.two_column_1,
	.two_column_2  {
		width: 84%;
		}
	#footer_details .three_column_1,
	#footer_details .three_column_2,
	#footer_details .three_column_3 {
		float: none; 
		margin:0px;
		width: 84%; 
		margin-left:8%;
		margin-right: 8%;
		}
	
	#footer_details * {
		text-align: center !important;
		padding:0px !important;
		}
	
	#main_site_content #submenus {
		text-align: center;
		}
	#submenus a img {
		width: 100%;
		height: auto;
		}
	/*	
	.section_text_left .site_container,
	.section_text_right .site_container {
		background-image: none !important;
		}
	*/
	section#who_we_are .site_container, section#five_star_service .site_container, section#kississing_family .site_container, section#industrial_charters .site_container, section#cargo_transport .site_container, section#scenic_flights .site_container, section#fishing_hunting_recreation .site_container, section#business_executive .site_container, section#aircraft_management .site_container, section#our_story .site_container, section#mission_values .site_container, section#contact .site_container, section#request_quote .site_container, section#careers .site_container {
		background-image: none !important;
		}
		
	/* alt color 1 background for mobile*/
	section#business_executive .site_container, section#aircraft_management .site_container, section#mission_values .site_container, section#contact .site_container, section#request_quote .site_container {

		background: #3e0001 !important;

		}
		
	/* alt color 2 background for mobile*/	
	section#fishing_hunting_recreation .site_container, section#our_story .site_container {
		background: #b25b14 !important;

		}
	
	
	.section_text_left .site_container {
		background-color: #FFF !important;
		}
	
	.inline_image {
		float: none;
		width: 100%;
		margin:0px 0px 20px 0px;
		}
		
	footer #copyright {
		padding-top: 0px;
		text-align: center;
		float: none;
		}
	footer section {
		height: auto;
		}
		
	.mobile_wide_image {
		display: block;
		}
	
	.mobile_wide_image img {
		width: 100%;
		height: auto;
		}
	.pad_right {
		padding-right: 0;
		}	
	.pad_top {
		padding-top: 20px;
		}
	
}

	
	
/**********************************************/
/*										   	  */
/*              PHONE PORTRAIT                */
/*										   	  */
/**********************************************/


@media only screen and (max-width : 480px) 
{
	#main_site_content #submenus a {
		width:30%;
		}
	
}