@media all and (max-width: 640px)  {
* {padding:0; margin:0 auto;}
body,td,th {
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background: -moz-linear-gradient(top,  #fbfbfc 0%, #ebebec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#ebebec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbfbfc 0%,#ebebec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebebec',GradientType=0 );
}

#container { position:relative; margin:0 auto; text-align:center;  }

#header { margin:0 auto; text-align:center;  background-color:#023562; }
#header .left { padding-top:80px; text-align:center; max-width:350px; }
#header .left img {max-width:97%;}

#header .right { margin:0 auto; text-align:center;}
#header .social { text-align:center; position:absolute; top:5px; width:100%;}
#header .social img {margin:0px 10px 10px 10px;}
#header .contact {  text-align:center; position:absolute; top:50px; width:100%;font-size:14px; color:#FFFFFF;}
#header .contact a:link{ color:#fff; text-decoration:none;font-size:14px;}
#header .contact a:visited{ color:#f1f1f1; text-decoration:none;font-size:14px;}
#header .contact a:hover{ color: #FFCC00 ; text-decoration:underline;font-size:14px;}
#header .contact a:active{ color:#fff; text-decoration:none;font-size:14px;}
#header .navbar {display:none;}

#header .mobnavbar { background-image:url(localimages/navbar.png); background-repeat:repeat-x; height:72px; text-align:center; font-weight:bold; color:#FFFFFF; padding-top:13px; font-size:18px;}

#header .mobnavbar a:link{ color:#fff; text-decoration:none;}
#header .mobnavbar a:visited{ color:#f1f1f1; text-decoration:none;}
#header .mobnavbar a:hover{ color: #FFCC00 ; text-decoration:underline;}
#header .mobnavbar a:active{ color:#fff; text-decoration:none;}

#slider { margin:0 auto; text-align:center;  margin-top:-20px;}

#midwrap {position:relative; text-align:center; margin:0 auto; }

#mid {margin:0 auto; text-align:center; padding-top:20px; }
#mid a:link{ color:#333333; text-decoration:none;}
#mid a:visited{ color:#333333; text-decoration:none;}
#mid a:hover{ color: #006699 ; text-decoration:underline;}
#mid a:active{ color:#333333; text-decoration:none;}



#mid .first {background-image:url(localimages/thinkagain.png); width:100%; max-width:313px; height:357px; background-repeat:no-repeat; font-size:1em; line-height:1.5; margin-bottom:50px;  display:inline-table;}
#mid .first div {padding:170px 8px 10px 8px; text-align:left;}

#mid .second {background-image:url(localimages/weexcel.png);  width:100%; max-width:313px; height:357px; background-repeat:no-repeat; font-size:1em; line-height:1.5;margin-bottom:50px;display:inline-table;}
#mid .second div {padding:170px 8px 10px 8px; text-align:left;}

#mid .third {background-image:url(localimages/ready.png);  width:100%; max-width:313px; height:357px; background-repeat:no-repeat; font-size:1em;line-height:1.5;margin-bottom:50px;display:inline-table;}
#mid .third div {padding:170px 8px 10px 8px; text-align:left;}

#midnav { display:none;}

#featured {min-height:220px; background-color:#1c6e99; border-bottom:solid 1px #000000;border-top:solid 1px #000000; margin:0 auto; padding-top:15px;}
.featbod {background-color:#4aa9da; min-height:200px; border-bottom:solid 1px #ffffff;border-top:solid 1px #ffffff;  text-align:center;margin:0 auto; }
.featbod .title {font-size:18px; font-weight:bold; color:#000; margin-top:5px; margin-bottom:5px;}
.featbod .thumb { display:inline-table; margin:5px;}
.featbod .trailer {font-size:14px; color:#000; margin-top:5px; margin-bottom:5px;}
.featbod a:link {color:#000; text-decoration:none;}
.featbod a:visited {color:#000; text-decoration:none;}
.featbod a:hover {color: #FFCC00; text-decoration:underline;}
.featbod a:active {color:#000; text-decoration:none;}


#blog {background-color:#e1e1e1; border-top:solid 1px #000000; border-bottom:solid 1px #000000; padding:20px 10px 20px 10px; text-align:center; margin:0 auto; }
#blog .left { text-align:left; color:#000000; line-height:1.5; padding-left:10px; padding-right:10px;border-bottom:solid 2px #000000; }
#blog .left img { margin:5px; max-width:200px;}
#blog .left .title {font-size:18px; font-weight:bold; color:#1c6e99;}

#blog .right { text-align:center;   line-height:1.75; padding-top:10px; }
#blog .right .title {font-size:16px; font-weight:bold; color:#1c6e99;}
#blog .right  a:link {color:#000; text-decoration:none;}
#blog .right  a:visited {color:#000; text-decoration:none;}
#blog .right  a:hover {color: #1c6e99; text-decoration:underline;}
#blog .right  a:active {color:#000; text-decoration:none;}

#lead {  -moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius:  10px 10px 0px 0px;
border-radius:  10px 10px 0px 0px; 
-khtml-border-radius:  10px 10px 0px 0px; background-color:#f1f1f1; padding:10px 10px 40px 10px; border:solid 1px #333333; width:90%; margin:0 auto; text-align:center; margin-top:20px; padding-bottom:40px; min-height:250px; }
#lead .title {font-size:18px; font-weight:bold; color:#1c6e99; margin-top:5px; margin-bottom:5px;}
#lead .slogan {font-size:16px; font-style: italic; color:#000; margin-top:5px; margin-bottom:15px;}


#clear {clear:both;}

#footer {background-color:#363636; padding:20px; text-align:center; margin:0 auto; color:#FFFFFF; }
#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color: #FFCC00; text-decoration:underline;}
#footer a:active {color:#FFFFFF; text-decoration:none;}

}

@media all and (max-width:840px) and (min-width:640px){
* {padding:0; margin:0 auto;}
body,td,th {
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background: -moz-linear-gradient(top,  #fbfbfc 0%, #ebebec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#ebebec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbfbfc 0%,#ebebec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebebec',GradientType=0 );
}

#container { position:relative; margin:0 auto; text-align:center;  }

#header { margin:0 auto; text-align:center;  background-color:#023562; }
#header .left { padding-top:80px; text-align:center; max-width:350px; }
#header .left img {max-width:97%;}

#header .right { margin:0 auto; text-align:center;}
#header .social { text-align:center; position:absolute; top:5px; width:100%;}
#header .social img {margin:0px 10px 10px 10px;}
#header .contact {  text-align:center; position:absolute; top:50px; width:100%;font-size:14px; color:#FFFFFF;}
#header .contact a:link{ color:#fff; text-decoration:none;font-size:14px;}
#header .contact a:visited{ color:#f1f1f1; text-decoration:none;font-size:14px;}
#header .contact a:hover{ color: #FFCC00 ; text-decoration:underline;font-size:14px;}
#header .contact a:active{ color:#fff; text-decoration:none;font-size:14px;}
#header .navbar {display:none;}

#header .mobnavbar { background-image:url(localimages/navbar.png); background-repeat:repeat-x; height:72px; text-align:center; font-weight:bold; color:#FFFFFF; padding-top:13px; font-size:18px;}

#header .mobnavbar a:link{ color:#fff; text-decoration:none;}
#header .mobnavbar a:visited{ color:#f1f1f1; text-decoration:none;}
#header .mobnavbar a:hover{ color: #FFCC00 ; text-decoration:underline;}
#header .mobnavbar a:active{ color:#fff; text-decoration:none;}

#slider { margin:0 auto; text-align:center;  margin-top:-20px;}

#midwrap {position:relative; text-align:center; margin:0 auto; height:100%; }

#mid {margin:0 auto; text-align:center; padding-top:20px; }
#mid a:link{ color:#333333; text-decoration:none;}
#mid a:visited{ color:#333333; text-decoration:none;}
#mid a:hover{ color: #006699 ; text-decoration:underline;}
#mid a:active{ color:#333333; text-decoration:none;}



#mid .first {background-image:url(localimages/thinkagain.png); width:100%; max-width:213px; height:357px; background-repeat:no-repeat; font-size:1em; line-height:1.5; margin-bottom:50px;  display:inline-table; background-size:100%;}
#mid .first div {padding:120px 8px 10px 8px; text-align:left;}

#mid .second {background-image:url(localimages/weexcel.png);  width:100%; max-width:213px; height:357px; background-repeat:no-repeat; font-size:1em; line-height:1.5;margin-bottom:50px;display:inline-table; background-size:100%;}
#mid .second div {padding:120px 8px 10px 8px; text-align:left;}

#mid .third {background-image:url(localimages/ready.png);  width:100%; max-width:213px; height:357px; background-repeat:no-repeat; font-size:1em;line-height:1.5;margin-bottom:50px;display:inline-table; background-size:100%;}
#mid .third div {padding:120px 8px 10px 8px; text-align:left;}

#midnav { display:none;}

#featured {min-height:220px; background-color:#1c6e99; border-bottom:solid 1px #000000;border-top:solid 1px #000000; margin:0 auto; padding-top:15px;}
.featbod {background-color:#4aa9da; min-height:200px; border-bottom:solid 1px #ffffff;border-top:solid 1px #ffffff;  text-align:center;margin:0 auto; }
.featbod .title {font-size:18px; font-weight:bold; color:#000; margin-top:5px; margin-bottom:5px;}
.featbod .thumb { display:inline-table; margin:5px;}
.featbod .trailer {font-size:14px; color:#000; margin-top:5px; margin-bottom:5px;}

.featbod a:link {color:#000; text-decoration:none;}
.featbod a:visited {color:#000; text-decoration:none;}
.featbod a:hover {color: #FFCC00; text-decoration:underline;}
.featbod a:active {color:#000; text-decoration:none;}


#blog {background-color:#e1e1e1; border-top:solid 1px #000000; border-bottom:solid 1px #000000; padding:20px 10px 20px 10px; text-align:center; margin:0 auto; }
#blog .left { text-align:left; color:#000000; line-height:1.5; padding-left:10px; padding-right:10px;border-bottom:solid 2px #000000; }
#blog .left img { margin:5px; max-width:200px;}
#blog .left .title {font-size:18px; font-weight:bold; color:#1c6e99;}

#blog .right { text-align:center;   line-height:1.75; padding-top:10px; }
#blog .right .title {font-size:16px; font-weight:bold; color:#1c6e99;}
#blog .right  a:link {color:#000; text-decoration:none;}
#blog .right  a:visited {color:#000; text-decoration:none;}
#blog .right  a:hover {color: #1c6e99; text-decoration:underline;}
#blog .right  a:active {color:#000; text-decoration:none;}

#lead {  -moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius:  10px 10px 0px 0px;
border-radius:  10px 10px 0px 0px; 
-khtml-border-radius:  10px 10px 0px 0px; background-color:#f1f1f1; padding:10px 10px 40px 10px; border:solid 1px #333333; width:90%; margin:0 auto; text-align:center; margin-top:20px; padding-bottom:40px; min-height:250px; }
#lead .title {font-size:18px; font-weight:bold; color:#1c6e99; margin-top:5px; margin-bottom:5px;}
#lead .slogan {font-size:16px; font-style: italic; color:#000; margin-top:5px; margin-bottom:15px;}


#clear {clear:both;}

#footer {background-color:#363636; padding:20px; text-align:center; margin:0 auto; color:#FFFFFF; }
#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color: #FFCC00; text-decoration:underline;}
#footer a:active {color:#FFFFFF; text-decoration:none;}

}


@media all and (min-width: 840px) {
* {padding:0; margin:0 auto;}
body,td,th {
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background: -moz-linear-gradient(top,  #fbfbfc 0%, #ebebec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#ebebec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfbfc 0%,#ebebec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbfbfc 0%,#ebebec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#ebebec',GradientType=0 );
}

#container {width:100%; position:relative; margin:0 auto; text-align:center; max-width:1200px; min-width:1007px;   }

#header { margin:0 auto; text-align:center;width:100%; height:137px; background-color:#023562; }
#header .left {width:375px; height:149px; float:left; clear:right; position:absolute; z-index:22; top:25px; left:20px;}
#header .right {width:100%; text-align:right;}
#header .social { text-align:right; margin:0px 20px 10px 0px; padding-top:20px;}
#header .social img {margin:0px 5px 0px 5px;}
#header .contact { text-align:right; margin:0px 20px 9px 0px; font-size:14px; color:#FFFFFF;}
#header .contact a:link{ color:#fff; text-decoration:none;font-size:14px;}
#header .contact a:visited{ color:#f1f1f1; text-decoration:none;font-size:14px;}
#header .contact a:hover{ color: #FFCC00 ; text-decoration:underline;font-size:14px;}
#header .contact a:active{ color:#fff; text-decoration:none;font-size:14px;}

#header .mobnavbar {display:none;}
#header .navbar { background-image:url(localimages/navbar.png); background-repeat:repeat-x; height:72px; text-align:right; font-size:18px; font-weight:bold; color:#FFFFFF; padding-top:13px; padding-right:20px;}

#header .navbar a:link{ color:#fff; text-decoration:none;}
#header .navbar a:visited{ color:#f1f1f1; text-decoration:none;}
#header .navbar a:hover{ color: #FFCC00 ; text-decoration:underline;}
#header .navbar a:active{ color:#fff; text-decoration:none;}

#slider {height:400px; margin:0 auto; text-align:center;}

#mid {margin:0 auto; text-align:center; position: relative;   line-height:1.5;}
#mid a:link{ color:#333333; text-decoration:none;}
#mid a:visited{ color:#333333; text-decoration:none;}
#mid a:hover{ color: #006699 ; text-decoration:underline;}
#mid a:active{ color:#333333; text-decoration:none;}

#midwrap {position:absolute; z-index:111; text-align:center; margin:0 auto; width:100%; }

#mid .first {background-image:url(localimages/thinkagain.png); width:30%; height:357px; background-repeat:no-repeat; font-size:13px;display:inline-table; margin:0px 10px 0px 10px; background-size:100%; }
#mid .first div {padding:170px 8px 10px 8px; text-align:left;}

#mid .second {background-image:url(localimages/weexcel.png); width:30%; height:357px; background-repeat:no-repeat; font-size:13px;display:inline-table; margin:0px 10px 0px 10px;background-size:100%;}
#mid .second div {padding:170px 8px 10px 8px; text-align:left;}

#mid .third {background-image:url(localimages/ready.png); width:30%; height:357px; background-repeat:no-repeat; font-size:13px;display:inline-table;margin:0px 10px 0px 10px;background-size:100%;}
#mid .third div {padding:170px 8px 10px 8px; text-align:left;}

#midnav {height:60px; -moz-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; text-align:center; margin:0 auto; margin-top:360px; background-color:#04265b; width:97%; }
#midnav .menu {color:#FFFFFF; font-size:18px; padding-top:15px;}
#midnav .menu a:link{ color:#fff; text-decoration:none;}
#midnav .menu a:visited{ color:#f1f1f1; text-decoration:none;}
#midnav .menu a:hover{ color: #FFCC00 ; text-decoration:underline;}
#midnav .menu a:active{ color:#fff; text-decoration:none;}

#featured {min-height:220px; background-color:#1c6e99; border-bottom:solid 1px #000000;border-top:solid 1px #000000; margin:0 auto; padding-top:15px;}
.featbod {background-color:#4aa9da; min-height:200px; border-bottom:solid 1px #ffffff;border-top:solid 1px #ffffff;  text-align:center;margin:0 auto; }
.featbod .title {font-size:18px; font-weight:bold; color:#000; margin-top:5px; margin-bottom:5px;}
.featbod .thumb { display:inline-table; margin:5px;}
.featbod .trailer {font-size:14px; color:#000; margin-top:5px; margin-bottom:5px;}
.featbod a:link {color:#000; text-decoration:none;}
.featbod a:visited {color:#000; text-decoration:none;}
.featbod a:hover {color: #FFCC00; text-decoration:underline;}
.featbod a:active {color:#000; text-decoration:none;}


#blog {background-color:#e1e1e1; border-top:solid 1px #000000; border-bottom:solid 1px #000000; padding:20px 10px 20px 10px; text-align:center; margin:0 auto; display: table; }
#blog .left {width:64%; text-align:left; color:#000000; line-height:1.5; padding-left:10px; padding-right:10px; float:left; display: table-row; border-right:solid 2px #666666; }
#blog .left img {float:left; clear:both; margin:5px;}
#blog .left .title {font-size:18px; font-weight:bold; color:#1c6e99;}
#blog .right {width:30%; text-align:left;  float:left; display: table-row; padding-left:40px; line-height:1.75; min-width:250px;}
#blog .right .title {font-size:18px; font-weight:bold; color:#1c6e99;}
#blog .right  a:link {color:#000; text-decoration:none;}
#blog .right  a:visited {color:#000; text-decoration:none;}
#blog .right  a:hover {color: #1c6e99; text-decoration:underline;}
#blog .right  a:active {color:#000; text-decoration:none;}

#lead {  -moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius:  10px 10px 0px 0px;
border-radius:  10px 10px 0px 0px; 
-khtml-border-radius:  10px 10px 0px 0px; background-color:#f1f1f1; padding:10px; border:solid 1px #333333; max-width:95%; margin:0 auto; text-align:left; margin-top:20px; }
#lead .title {font-size:18px; font-weight:bold; color:#1c6e99; margin-top:5px; margin-bottom:5px;}
#lead .slogan {font-size:16px; font-style: italic; color:#000; margin-top:5px; margin-bottom:15px;}


#clear {clear:both;}

#footer {background-color:#363636; padding:20px; text-align:center; margin:0 auto; color:#FFFFFF; }
#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color: #FFCC00; text-decoration:underline;}
#footer a:active {color:#FFFFFF; text-decoration:none;}
}