/* main document styles */

body {
 background-image: url(images/common/bgnd.jpg);
	background-repeat: none;
	background-size: cover;
 font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #45647A;
	margin: 0px;
 }

#container { margin-left: auto; margin-right: auto; }

#content { background-image: url(images/common/bgnd.jpg);  }

#header {
	position: relative;
	font-size: 20px;
	color: #0C3B2A;
}
#header a { color: #0C3B2A; }
#header a:hover { color: #FFFFFF; } 
#header-con {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10;
	text-align: right;
}
#header-tag {
	position: absolute;
	left: 325px;
	bottom: 20px;
	z-index: 10;
	font-weight: bold;
	color: #CC0000;
}
#header-date {
	position: absolute;
	right: 20px;
	bottom: 10px;
	z-index: 10;
	text-align: right;
}

#navbar1, #navbar2, #navbar3 {
background-image: url(images/common/navbar-bgnd.jpg);
 font-size: 16px;
	color: #FFFFFF;
}
#navbar1 {
padding-left: 8%;
}	
#navbar1 td, #navbar2 td, #navbar3 td, #nav3head {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#navbar1 a, #navbar2 a, #navbar3 a { 
 font-size: 22px;
	text-decoration: none;
	color: #FFFFFF;
}
#navbar1 a:hover, #navbar2 a:hover, #navbar3 a:hover  { color: #AED7E7; }
#nav3container { display: none; }

.column1 {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	vertical-align: top;
	clear: both;
 }

.column2 {
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	vertical-align: top;
	word-wrap: break-word;
 }

.home2 {
	width: 46%;
}

h1, h2, h3, homeh1 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: 1E384A;
}
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
//homeh1 { font-size: 18px; }
h2 { margin-bottom: -10px; padding-bottom: 0px; }
h1 { margin-bottom: -10px; }

a {
	color: #00a5e7;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
}
#phone_num a { color: #00a5e7 !important; }

#footer {
	background-image: url(images/common/navbar-bgnd.jpg);
	font-size: 16px;
	color: #FFFFFF;
 }
#footer1 td, #footer2 td, #footer3 td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#footer1 a, #footer2 a, #footer3 a { 
	text-decoration: none;
	color: #FFFFFF;
}
#footer1 a:hover, #footer2 a:hover, #footer3 a:hover  { color: #AED7E7; }

#fcww {
	text-align: right;
	padding-right: 50px;
	font-size: 11px;
}
#fcww a {
	text-decoration: none;
	color: #666666;
}
#fcww a:hover {
	color: #FFFFFF;
}

.testimonial {
	border: 1px solid #45647A;
	padding: 10px;
	background-color: #e9f2f8;
	-moz-border-radius: 10px;
 border-radius: 10px;
}
.signature {
	text-align: right;
	padding-right: 30px;
}

#home-container2 {
	background-image: url(images/home/home.jpg);
	background-position: right;
	background-size: cover;
	font-size: 22px;
	padding-left: 100px;
}
#home-container2 h1 { 
 font-size: 40px; 
	}
#home-container2 a {  
	/* color: #45647A; */
	}
#home-container2 a:hover { 
 /* color: #FFFFFF !important; */
	}

#home-pic {
	float: right;
	margin-left: 10px;
	border: solid 1px #069;
	display: none;
	width: 300px;
}

/* responsive rules start */
/* ipad 4 screen w=2048px h=1536px at 264 ppi */
/* all ipads look like w=1024px h=768px independent of their actual resolution */
/* iphone 5   screen w=1136px h=640px actual resolution */
/* iphone 4   screen w=960px  h=640px actual resolution*/
/* iphone 2,3 screen w=480px  h=320px actual resolution*/
/* iphone 5 look like w=568px h=320px */
/* iphone 2,3,4 look like w=480px h=320px */
/* Samsung Galaxy Exhilarate w=800px h=480px */
/* Smartphones 320x480, 480x640, 360x480, 800x480 */

/*  screen width>1200px */
/* #container { width: 1200px; } */
#container { width: 1200px; } */
#header-img1 { display: block; }
#header-img2 { display: none; }
#navbar1 { display: block; }
#navbar2 { display: none; }
#navbar3 { display: none; }
#footer1 { display: block; }
#footer2 { display: none; }
#footer3 { display: none; }
#home-container2 { display: block; }

#home-container2 {	
 font-size: 16px;
	padding-left: 40px;
}
#home-container2 h1 { font-size: 30px; }

/* screen width<1200px */
@media only screen and (max-width : 1200px)
/*@media only screen and (max-width : 1000px) */
{
#container { width: 100%; }
/* #home-container2 {	background-image: url(images/home/home-no-judy.jpg); } */
}

/* screen width<1000px */
@media only screen and (max-width : 1000px) 
{
#home-container2 {	
 font-size: 16px;
	padding-left: 40px;
}
#home-container2 h1 { font-size: 30px; }
#footer1 { display: none; }
#footer2 { display: block; }
#footer3 { display: none; }
}

/* screen width<900px */
@media only screen and (max-width : 960px) 
{
#header-tag { display: none; }
#header { font-size: 16px; }
}

/* screen width<800px */
@media only screen and (max-width : 960px) 
{
#header { font-size: 14px; }
}

/* screen width<880px */
@media only screen and (max-width : 880px) 
{
#home-container2 {	background-image: url(images/home/home-no-judy.jpg); }
#home-pic { display: block; }
.home2 { width: 96%; }
}

/* screen width<780px */
@media only screen and (max-width : 780px) 
{
#navbar1 { display: none; }
#navbar2 { display: block; }
#navbar3 { display: none; }
#header-date { display: none; }
}


/* screen width<700px */
/*
@media only screen and (max-width : 700px) 
{
#home-container2 {	
 font-size: 13px;
	padding-left: 30px;
}
#home-container2 h1 { font-size: 24px; }
}


/* screen width<680px */
@media only screen and (max-width : 680px) 
{
.column2 { width: 96%; }
#footer1 { display: none; }
#footer2 { display: none; }
#footer3 { display: block; }
#header { font-size:12px; }
#header-con { top: 10px; }
}

/* screen width<590px */
@media only screen and (max-width : 590px) 
{
#header-con { display: none; }
#header-img1 { display: none; }
#header-img2 { display: block; }
#home-pic { float: none; margin-left: auto; margin-right: auto; }
}

/* screen width<560px */
/*
@media only screen and (max-width : 560px) 
{
#home-container2 {	
 font-size: 14px;
	padding-left: 20px;
}
#home-container2 h1 { font-size: 17px; }
}
*/

/* screen width<490px  */
@media only screen and (max-width : 490px) 
{
#home-container2 {	
/* background-image: url(images/home/home-600.jpg); */
background-position: top;
padding-left: 10px;
}
}

/* screen width<420px */
@media only screen and (max-width : 420px) 
{
/* 
#home-container2 {	
 font-size: 14px;
	padding-left: 20px;
}
*/
/* #home-container2 h1 { font-size: 17px; } */
#home-container2 h1 { font-size: 20px; }
}


/* screen width<400px */
@media only screen and (max-width : 400px) 
{
#navbar1 { display: none; }
#navbar2 { display: none; }
#navbar3 { display: block; }
}

/* screen width<320px */
@media only screen and (max-width : 320px) 
{
#container { width: 320px; }
#content { width: 300px; }
#home-pic { width: 96%; }
}
/* responsive rules end */