/*********************************************************************************
1. Universal styles (typography, etc.)
2. Header & Nav styles
3. Main Body Content
4. JQUERY
5. Footer Content
*********************************************************************************/
	
/************************************************************************************
1. Universal styles (typography, etc.)
***********************************************************************************/
	body {
	overflow-y: scroll;
/*	background-color: #4e6de4;*/
	}
	
	/* LINKS */
	a:link {
	color: #fff;
	list-style-type:none;
	text-decoration:none;
	}
	a:visited {
	color: #ccc;
	list-style-type:none;
	text-decoration:none;
	}
	a:hover {
	color: #999;
	list-style-type:none;
	text-decoration:none;
	}
	a:active {
	list-style-type:none;
	text-decoration:none;
	color: #F00;
	}
	
	.current a:link {
	color: #ffff00;
	text-decoration:underline;
	list-style-type:none;
	text-decoration:none;
	}
	
	.current a:visited {
	color: #ffff00;
	list-style-type:none;
	text-decoration:none;
	}
	
	.current1 a:link {
	color: #F90;
	text-decoration:underline;
	list-style-type:none;
	text-decoration:none;
	}
	
	.current1 a:visited {
	color: #F90;
	list-style-type:none;
	text-decoration:none;
	}


/************************************************************************************
*************************************************************************************
3. Main Body Content
************************************************************************************
***********************************************************************************/
	.case{
	background: #c9cace url(../images/sky_1.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
	}
	
	.what{
	background: #c9cace url(../images/sky_8.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
	}
	
	.about{
	background: #dfdee3 url(../images/sky_2.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
	}
	
	.bran{
	background: #c9cace url(../images/sky_7.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
	}
	
	.order{
	background: #c9cace url(../images/sky_6.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
	}
	
	.contact{
	background: #c9cace url(../images/sky_3.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
	}			
	
	.back{
	width: 60em;
	margin: 0 auto;	
	}
	
	.cnt{
	text-align: center;
	}
		
	.content{
	margin: 0 auto;
	width: 62em;
	font-family: 'GoudyBookletter1911Regular', Arial, sans-serif;
	letter-spacing: .5px;		
	}
	
	.content a:link{
	color: #990000;		
	}
	
	hr{
	display: none;	
	}
	
	.content a:hover{
	color: #cc0000;		
	}
	
	.content a:visited{
	color: #990000;		
	}
	
	.leftColumn{
	float: left;
	width:300px;
	margin: 40px 0 0 40px;
	font-size: 14px;
	color: #fff;	
	}
	
	.leftColumnVideo{
	display: none;	
	}
	
	.rightColumn{
	font: 1em/1.3em 'GoudyBookletter1911Regular', Arial, sans-serif;
	letter-spacing: .5px;
	float: right;
	width: 550px;
	margin: 40px 20px 0 20px;
	padding: 10px 15px 10px 15px;
	background: rgba(250, 250, 250, .7)	
	}
	
	.cent{
	font: 1.1em/1.4em 'GoudyBookletter1911Regular', Arial, sans-serif;
	letter-spacing: .5px;
	width:905px;
	margin: 20px 20px 0 40px;
	padding: 10px 15px 10px 15px;
	background: rgba(250, 250, 250, .7)	
		
	}
	
	.rightColumn p 
	{
	padding: 10px 0 0 0;			
	}
		
	.centerColumn{
	font: 1em/1.3em 'GoudyBookletter1911Regular', Arial, sans-serif;
	letter-spacing: .5px;
	width: 650px;
	margin: 0 auto;
	padding: 10px 15px 10px 15px;
	background: rgba(250, 250, 250, .7)	
	}
	
/************************************************************************************
ABOUT
***********************************************************************************/
	h1{
	font: 1.5em/1.5em 'permiansanstypefaceregular', Arial, sans-serif;
	color:#004edd;
	}
	
	h2{
	font: 1.1em/1.2em 'permiansanstypefaceregular', Arial, sans-serif;
	padding-bottom: 3px;
	padding-top: 3px;
	color: #387eff;
	}
	
	h3{
	font: 1.7em 'permiansanstypefaceregular', Arial, sans-serif;
	color:#004edd;
	padding-top: 30px;
	margin-bottom: -20px;
	text-align: center;
	}
	
	.managementTeam{
	padding-top: 0px;
	font: 2em/2em 'permiansanstypefaceregular', Arial, sans-serif;
	color:#FFF;
	text-align: center;
	font-weight: bold;
	
	}
	
	.lightBlue{
	color: #3968ac;	
	font: 1.0em/1.2em 'permiansanstypefaceregular', Arial, sans-serif;
	letter-spacing: .5px;	
	}
	
	/*WHAT WE DO PAGES*/	
	.frontWhat{
	margin-top: 50px;		
	}

	
/************************************************************************************
BRANCHES
***********************************************************************************/
	.branches{
	width: 250px;
	margin: 12px 50px 10px 0px;
	padding: 0;
	background: none;
	font: 1.0em/1.3em 'GoudyBookletter1911Regular', Arial, sans-serif;
	letter-spacing: .5px;
	}
	
	.alink a:link {
	color: #ffff00;
	list-style-type:none;
	text-decoration:none;
	font: 1em/1.1em 'GoudyBookletter1911Regular', Arial, sans-serif;	
	}
	
	.contentdel a:link {
    color:#FF0
	}
	
	.contentdel a:visited {
    color:#FF0
	}
	
	

	
/************************************************************************************
CONTACT PAGE
***********************************************************************************/
	.leftColumnWindow{
	float: left;
	width:510px;
	margin: 20px 0 0 100px;
	font-size: 15px;
	background: #c9cace url(../images/window.jpg);
	color: #fff;
	height: 560px;	
	}
		
	.socialNetwork{
	margin: 40px 0 0 25px;
	width: 500px;
	}
	
	.socialBadges{
	margin-right: 20px;
	width: 75px;
	float: left;	
	}
	
	.address{
	margin: 20px 0 0 25px;
	width: 500px;
	padding-top: 0;
	background: rgba(250, 250, 250, .7)
	}
		
	.contactSpacing{
	padding: 1px 0 1px 0;
	}
	
/************************************************************************************
ORDER PAGE
***********************************************************************************/
	
	.leftColOrder{
	font: 1.1em/1.3em 'GoudyBookletter1911Regular', Arial, sans-serif;
	float: left;
	width:200px;
	margin: 20px 0 0 100px;
	}
	
	.rightColumnOrder{
	font: 1.1em/1.3em 'GoudyBookletter1911Regular', Arial, sans-serif;
	letter-spacing: .5px;
	float: right;
	width: 550px;
	margin: 20px 20px 0 20px;
	padding: 10px 15px 10px 15px;
	background: rgba(250, 250, 250, .7)	
	}
	
	.rightColumnOrder h2{
	padding-top: 1px;
	padding-bottom: 7px;
	}
	
	.rightColumnOrder h1{
	font: 1.1em/1.2em 'permiansanstypefaceregular', Arial, sans-serif;
	letter-spacing: 0px;
	}
	
	.rightColumnOrder a:link{
	color: #990000;		
	}
	
	.rightColumnOrder a:hover{
	color: #cc0000;		
	}
	
	.red{
	font: 1.2em/1.3em 'GoudyBookletter1911Regular', Arial, sans-serif;	
	color: #C00;
	}
	
	.boldText{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	}
	
	.italicText{
	font-style: italic;
	font-size: 1.1em;
	}
	
	.italicTxt{
	font-style: italic;
	}
	
/************************************************************************************
WHAT PAGE
***********************************************************************************/
	
	.awards{
	background: url(../images/awards.png);
	width: 550px;
	height: 130px;
	margin: 0 auto;	
	}
	
	
	.awards1{
	background: url(../images/awards1.png);
	width: 185px;
	height: 65px;
	margin: 0 auto;	
	}
	
			
@media only screen and (max-width: 680px) and (min-width:420px) {
	
	.leftColOrder{
	display: none;
	}
	
	.rightColumnOrder{
	margin: 0 auto;
	width: 95%;
	float: none;
	padding: 1.3em;
	}

	.leftColumnVideo{
	margin: 0 auto;
	width: 300px;
	display: block;	
	margin-top: 20px;
	margin-bottom:40px;
	}
	
	.leftColOrder{
	display: none;	
	}
				
	.leftColumn{
	display: none;
	}
	
	.branches{
	float: none;
	display:none;
	}
	
	.videos{
	margin: 0 auto;		
	}
	
	.rightColumn{
	margin: 0 auto;
	width: 90%;
	float: none;
	padding: 10px;
	}
	
	.cent{
	margin: 0 auto;
	width: 90%;
	float: none;
	padding: 10px;
	}
	
	.orderWhispers{
	margin: 0 auto;
	width: 95%;
	float: none;
	padding: 1.3em;
	}
	
	.back{
	width: 100%;
	margin: 0 auto;
	}
	
	.content {
	margin: 0 auto;
	width: 100%;
	}
	
	.widthWhispers {
	margin: 0 auto;
	width: 90%;
	}
	
	.widthWhispers{
	width: 0 auto;
	width: 90%;		
	}
	
	.leftColumnWindow{
	margin: 0 auto;
	float: none;
	}

	.case{
	background-image:none;
	background-color: #4163aa;
	margin: 0 auto;
	width: 100%;	
	}
	
	.what{
	background-image:none;
	background-color: #48a2f0;
	margin: 0 auto;
	width: 100%;	
	}
	
	.about{
	background-color: #48a2f0;
	margin: 0 auto;
	width: 100%;	
	}
	
	.bran{
	background-image:none;
	background-color: #4a74ed;
	margin: 0 auto;
	width: 100%;	
	}
	
	.order{
	background-image:none;
	background-color: #708bfe;	
	}
	
	.contact{
	background-image:none;
	background-color: #4e88d9;	
	}

	
	.awards{
	background: url(../images/awards_med.png);
	width: 300px;
	height: 199px;
	margin: 0 auto;
	}
	
	.bottomMenu{
	padding-top: 10px;
	color: #666;
	padding-bottom: 10px;	
	}
	
	.bottomMenu a:link {
	color: #cc0000;
	list-style-type:none;
	text-decoration:none;
	}
	.bottomMenu a:visited {
	color: #ccc;
	list-style-type:none;
	text-decoration:none;
	}
	
	.bottomMenu a:link {
	color: #ffff00;
	list-style-type:none;
	text-decoration:none;
	}
	.bottomMenu a:visited {
	color: #ccc;
	list-style-type:none;
	text-decoration:none;
	}
	
		.managementTeam{
	padding-top: 0px;
	font: 1.8em/2em 'permiansanstypefaceregular', Arial, sans-serif;
	
	}

		
	}
	

@media only screen and (max-width : 420px){
/*	body {
background-color: #FF0;
	}*/
	
hr {
   border: 0;
   width: 80%;
   display: block;
   margin: 0 auto; 
 }
	
	#newsSection{
	width:90%;
	margin: 0 auto; 	 
	 }
	 

			
	.leftColumnWindow{
	background-image:none;
	background-color: #4a74ed;
	float: none;
	width:90%;
	margin: 0 auto;
	font-size: 13px;
	height: 600px;
	}
	
	.rightColumn{
	margin: 0 auto;
	width: 90%;
	float: none;
	padding: 10px;
	}

	.branches{
	float: none;
	display:none;
	}
	
	.leftColumnVideo{
	margin: 0 auto;
	width: 300px;
	display: block;	
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	h1{
	font: 1em/1.1em 'permiansanstypefaceregular', Arial, sans-serif;
	color:#004edd;
	}
	
	h2{
	font: 1em/1.2em 'permiansanstypefaceregular', Arial, sans-serif;
	color: #387eff;
	}
	
	.videos{
	margin: 0 auto;		
	}
				
	.leftColumn{
	display: none;
	}
	
	.leftColOrder{
	display: none;
	}
	
	.rightColumn{
	font: .95em/1.1em 'GoudyBookletter1911Regular', Arial, sans-serif;	
	margin: 0 auto;
	width: 90%;
	float: none;
	padding: 1.3em;
	}
	
	.rightColumnOrder{
	font: .95em/1.1em 'GoudyBookletter1911Regular', Arial, sans-serif;	
	margin: 0 auto;
	width: 95%;
	float: none;
	padding: 1.3em;
	}
	
	.back{
	width: 100%;
	margin: 0 auto;
	}
	
	.content{
	margin: 0 auto;
	width: 100%;
	}
	
	.case{
	background-image:none;
	background-color: #4163aa;
	margin: 0 auto;
	width: 100%;	
	}
	
	.what{
	background-image:none;
	background-color: #48a2f0;
	margin: 0 auto;
	width: 100%;	
	}
	
	.about{
	background-image:none;
	background-color: #48a2f0;
	margin: 0 auto;
	width: 100%;	
	}
	
	.bran{
	background-image:none;
	background-color: #4a74ed;
	margin: 0 auto;
	width: 100%;	
	}
	
	.order{
	background-image:none;
	background-color: #708bfe;	
	}
	
	.contact{
	background-image:none;
	background-color: #4e88d9;	
	}	
			
	.bottomMenu{
	padding-top: 10px;
	color: #FFF;
	padding-bottom: 10px;	
	}
	
	.bottomMenu a:link {
	color: #ffff00;
	list-style-type:none;
	text-decoration:none;
	}
	.bottomMenu a:visited {
	color: #ccc;
	list-style-type:none;
	text-decoration:none;
	}
	
	.awards{
	background: url(../images/awards_med.png);
	width: 300px;
	height: 199px;
	margin: 0 auto;
	}
			.managementTeam{
	padding-top: 0px;
	font: 1.5em/2em 'permiansanstypefaceregular', Arial, sans-serif;
	
	}

	
	}