@charset "utf-8";
body { font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-weight:300;background-color: #fff;margin: 0px;padding: 0px;}
#google_translate_element {
	position: absolute;
	top: 0px;
	right: 0px;
}
#ie #google_translate_element {
	position: absolute;
}
h1, h2, h3, h4, h5, h6 {color: #333;font-weight: 400; }
h1 { font-size:26px; } h2 { font-size: 22px; } h3{ font-size:20px; } h4,h5,h6{ font-size:18px; }
p,li,th,td { font-size:16px;font-weight: 300;color: #555; }

.h100 { height:100% }
.w100 { width:100% }

.fl { float:left !important; }
.fr { float:right !important; }
.fn { float:none !important; }
.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; }
.curved { border-radius:25px; }
.hi,a.hi:link, a.hi:visited { color: #0073fa; }
a.hi:hover, a.hi:active { color: #01B; }

.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }
.aj { text-align:justify; }
.dIn { display:inline; }
.dInBl { display: inline-block; }
.dBl { display: block; }
.dNo { display:none; }

.showinbetween_in { display:none; } .showinbetween_bl { display:none; } .showtablet_in { display:none; } .showtablet_bl { display:none; } .showphone_in { display:none; } .showphone_bl { display:none; }

ul,ol {	margin: 0px;padding: 0px;list-style-type: none; }
a:link, a:visited {
	text-decoration: none;font-weight:400;
	margin: 0px;
	padding: 0px;
	border: none;
	color: #555;
}
a:hover, a:active {
	color: #000;
}
canvas, a img, img {
	margin-right: 1%;
	margin-left: 1%;
}
.ref_holder {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}
a img , img{
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	height:auto;
}
.box100 { width: 98.3%; padding: 0.85%;margin-bottom:0.85%; float:left;  }
.box75 { width: 73.3%; padding: 0.85%;margin-bottom:0.85%; float:left;  }
.box66 { width: 63.2666666%; padding: 0.85%;margin:0.85%; float:left; }
.box3366 { width: 29.9333333%; padding: 0.85%;margin:0.85%; float:left; }
.box50 { width: 46.6%; padding: 0.85%;margin:0.85%; float:left; }
.box33,.box336 { width: 29.9333333%; padding: 0.85%;margin:0.85%; float:left;}
.box25,.box252,.box25l { width: 23.3%; padding: 0.85%;margin-bottom:0.85%; float:left; }
.box20 { width: 18.3%; padding: 0.85%; float:left; }
.box50centered { margin: 0px 25% }

.pl100 { width: 98.3%; height:auto; padding: 0.85%; }
.pl50 { width: 48.3%; height:auto;padding: 0.85%; }
.pl33,.pl336 { width: 31.6333333%; height:auto; padding: 0.85%; }
.pl25,.pl25l { width: 23.3%; height:auto; padding: 0.85%; }

.img100 { width: 98.3%; height:auto; padding: 0.85%; }
.img50 { width: 48.3%; height:auto;padding: 0.85%; }
.img33 { width: 31.6333333%; height:auto; padding: 0.85%; }
.img25 { width: 23.3%; height:auto; padding: 0.85%; }

.pagemarker { border: 30px solid transparent;   position: relative;height: 0px;  top: 0px; width: 0px; left: 50%;margin-left:-30px; }
.pagemarker2 {  width:60px;height:30px;display:block;clear:both;padding: 0px; margin: 0 auto 30px; background: url('/images/icons/page_down_wg_60x30.png') top center; }
.bd_cl1 { border-color: #FFF; } .bdt_cl1 { border-top-color: #FFF !important; }
.bd_cl2 { border-color: #FDFDFD; } .bdt_cl2 { border-top-color: #FDFDFD !important; }
.bd_cl3 { border-color: #F7F7F7; } .bdt_cl3 { border-top-color: #F7F7F7 !important; }
.bd_cl4 { border-color: #F1F1F1; } .bdt_cl4 { border-top-color: #F1F1F1 !important; }
.bd_cl5 { border-color: #E1E1E1; } .bdt_cl5 { border-top-color: #E1E1E1 !important; }
.bd_cl5 { border-color: #DDD; } .bdt_cl5 { border-top-color: #DDD !important; }

#ie {
	background-color: #FFF;
	background-image: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
.clearfloat {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
	height: 1px;
	width: 100%;
}

.clear {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 100%;
	clear: both;
	float: none;
}

.clearboth {width: 100%;clear: both;float: none;}
.spacer_left {
	height: auto;
	width: auto;
	float: left;
	margin-right: 10px;
}
.spacer_right {
	height: auto;
	width: auto;
	float: right;
	margin-right: 10px;
}
.small {
	font-size: 0.6em;
}

#ie .clear {
	width: 50%;
}
.adminedit {
	padding: 2px;
	width: auto;
	position: absolute;
	top: 0px;
	color: #FFF;
	border: 1px dotted #F02600;
	right: 0px;
}
table { border-spacing: 0px; }
table th { background: #CCC;  }
table th, table td {margin: 0px; padding: 3px;border-bottom: 1px solid #CCC;  }
table.sideth { width:100%; }
table.sideth th { width:33%; padding:5px 3px; text-align:center; }
table.edges {
	border: 5px solid #999;
	padding: 0px;
	margin: 0px;
}
table.edges tr {
	padding: 0px;
	margin: 0px;
}
table.edges td {
	border: 2px solid #CCC;
	margin: 0px;
	padding: 3px;
}
table.edges th {
	background-image: url(../images/backdrops/black25_32x32.png);
	background-repeat: repeat;
	margin: 0px;
	padding: 3px;
	text-align: center;
	border: 2px solid #CCC;
}


#TitleBanner {width: 100%;height: auto; background: #CBCBCB;  background: rgba(0,0,0,0.2);}
#TitleBannerInner { width:100%;max-width:1170px;height:auto;min-height:45px;overflow:hidden; margin: 0px auto; position:relative;z-index:999;}
#TitleBanner #SRLogo { width:100%;max-width:180px;height:auto; margin: 0px 0px -10px;padding:0px;z-index:9999; }
#TitleBanner h1 {
	margin: 0px;
	padding: 0px;
	height: 115px;
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#TitleBanner h1 a{
	height: 115px;
	width: 100%;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}
#ie #TitleBanner h1 a{
}
#TitleBanner h1 span {
	position: absolute;
	left: -9999px;
	height: 0px;
}

#menu1, #menu2 {
	width: 100%;z-index:999;
	background-color: transparent;
	margin: 0px;padding: 0px;position: relative;	/*top: -15px;*/
	background: #444;background: rgba(0,0,0,0.6);
}

.menu_half { width:100%;max-width: 1170px;margin:0px auto; }
#menu1 ul, #menu2 ul {
	float:left;
	list-style-type: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	position: relative;
	width:100%;
}
#menu2 ul {
	
 }
#menu1 ul li, #menu2 ul li {	float: left;	position: relative;}
#menu1 ul li, #menu2 ul li { width:12.5%; }
#menu1 ul li.login { display: none; }

#menu1 li a, #menu2 li a{
	display:block;
	height: auto;
	width: 100%;
	font-size: 15px;
	text-align: center;
	padding: 5px 0px 5px;
	z-index: 250;
}
#menu1 ul li.home a {
	
}
#ie #menu1 li a{
	
}



#menu1  a:link,#menu1 a:visited {
	color: #F1F1F1;
}
#menu2 a:link,#menu2 a:visited {
	color: #000;
	font-weight:400
}
#menu1 li a:hover, #menu1 li a:active {
	color: #DDD;
}
#menu2 li a:hover, #menu2 li a:active {
	color: #222;
}
#menu1 ul li ul {
	position: absolute;
	left: -9999px;
	z-index: 200;	
}
#menu1 ul li ul li {
	display: block;
	list-style-type: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	z-index: 200;
}
/* make the sub menu ul visible and position it beneath the first list item */
#menu1 ul li:hover ul, #menu1 ul li.over ul{
	top:27px;
	width: 140px;
	height:auto;
	text-align:left;
	position: absolute;
	z-index: 1000;
	display: block;
	
	left: -5px;
	width: 120px;
	margin: 0px;
	padding: 0px;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#menu1 ul li:hover ul li, #menu1 ul li.over ul li{
	color: #000;
	list-style-type: none;
	z-index: 300;
	display: block;
	padding: 0px;
	margin: 0px;	
}
#menu1 ul li:hover ul li a, #menu1 ul li.over ul li a{
	margin: 0px;
	text-align: center;
	width: 140px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 35px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	background-image: url(../images/backdrops/octoblue75_32x32.png);
	background-repeat: repeat;
}
#menu1 ul li:hover ul li:last-child a {
	border-bottom-style: solid;
}
#MainContent {
	margin: 0px;padding: 0px;
	clear: both;float: none;
	display:block;
	height: auto;width: 100%;
	background:#F9F9F9;
}
#SplashHolder {height:725px;width: 100%;margin: 0px; padding: 0px;margin-top:-100px; }
#SplashLoader { display:none; }
.SplashOuter {
	margin: 0px; padding: 0px;display:block; z-index:1;
	background: url(/images/backgrounds/bg_f1_car2_ts50_1920x800.jpg) scroll no-repeat center bottom;
  	background-size: cover;	
	height:610px;;width: 100%;
	padding-top:115px;	
}
#content, #footerbox {
	
}
#content, .SplashInner {
	height: 100%;
	width: 100%;
	max-width: 1170px;
	min-width: 320px;
	padding: 0px;
	margin: 0px auto;
}
.SplashInner h1, .SplashInner h1 a:link,.SplashInner h1 a:visited {font-weight: 400;font-size: 28px;text-align:center;margin-bottom:2.5%;color:#111; }
.SplashInner h2, .SplashInner h2 a:link, .SplashInner h2 a:visited, .SplashInner ul li,.SplashInner ul li a:link, .SplashInner ul li a:visited {  font-weight: 400;font-size: 26px;color:#111; }
.SplashInner ul { margin-top:6.8%;margin-left:5%; }
.SplashInner ul li { list-style: disc; }
.SplashInner.Dark h1, .SplashInner.Dark h1 a:link,.SplashInner.Dark h1 a:visited {  color:#FFF; }

.SplashInner.Dark h2, .SplashInner.Dark ul li, .SplashInner.Dark h2 a:visited, .SplashInner.Dark ul h2 a:link,.SplashInner.Dark ul li a:link, .SplashInner.Dark ul li a:visited { color:#FFF; }
.SplashInner.Dark h1 a:hover,.SplashInner.Dark h1 a:active, .SplashInner.Dark h2 a:hover, .SplashInner.Dark h2 a:active,.SplashInner.Dark ul li a:active, .SplashInner.Dark ul li a:hover {  color:#E1E1E1; }

#Splash1,#Splash2,#Splash3,#Splash4,#Splash5 { display:none; }

.SRSInner { box-sizing: border-box;width:97%;height:97%;margin:0% 1.5%;padding:1.5%;border: 4px #0095da solid; border-radius:16px; }
.SRSInner .title1 { color:#0062a8; font-weight:bold;text-shadow:none; }
.SRSInner .p1 { color:#000; font-weight:300;text-shadow:none;font-size: 1.4em; }
.SRSInner .ul1 li { color:#0062a8; font-weight:400;text-shadow:none;  }

#container .internet { color:#0062a8; }
.SRSInner.internet,.showbox.internet { border-color:#0095da; }
.SRSInner.iptv,.showbox.iptv { border-color:#f68b1f; }
.SRSInner .title1.iptv,.SRSInner .ul1 li.iptv,#container .iptv { color:#f68b1f; }
.SRSInner.wifi,.showbox.wifi { border-color:#d70916; }
.SRSInner .title1.wifi,.SRSInner .ul1 li.wifi,#container .wifi { color:#d70916; }
.SRSInner.skytv,.showbox.skytv { border-color:#666; }
.SRSInner .title1.skytv,.SRSInner .ul1 li.skytv,#container .skytv { color:#666; }
#box_top {
	padding: 0px;
	height: 0px;
	width: 820px;
	float: left;
	margin: 0px;
}
#ie #box_top {
	
}
#box_bot {
	padding: 0px;
	height: 0px;
	float: left;
	margin: 0px;
	clear: left;
}
#ie #box_bot {

}
#container  {width: 100%;text-align: left;margin:0px;height: auto;padding: 0px;overflow-y: hidden;}

#MainHeader    {
	height: auto;
	min-height:570px;
	width: 100%;
	max-width: 1170px;
	float: left;
	background-position: center top;
	clear: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	overflow: hidden;
	background-image: url(../images/backgrounds/2015logo_bg_1170x700.png);
	background-repeat: repeat-y;
	position: relative;
}
#ie #MainHeader    {
	
}
.box976_mid h1, .box765_mid h1, .grey_box h1, h1.title{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #999;
	width: 100%;
	padding-bottom: 10px;
}
h1.title {
	height: auto;
	width: 100%;
	padding: 15px 0px 16px;
	margin-bottom: 15px;line-height:20px;
}
#HeaderText h2 {
	clear: left;
	margin: 15px 0px;
	padding: 0px 0px 5px 0px;
}
#HeaderText  p {
	margin: 5px 0px 10px 0px;
	padding: 0px 10px;
}
#ie #HeaderText  p {
	
}
#HeaderText  p.top {
	
}
#HeaderText ul {
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 10px;
}
#HeaderText ul.HD {
	list-style-type: none;
	display: block;
	width: 100%;
	margin-left: 25px;
}
#HeaderText ul.HD li {
	float: left;
	font-size: 20px;
	color: #333;
	margin-right: 17px;
}
#HeaderText ul.HD li:hover {
	color: #F00;
}
#HeaderText ul.free-to-air {
	list-style-type: none;
}
#HeaderText ul.free-to-air li {
	float: left;
	padding: 3px;
}
#HeaderText ul.free-to-air li:hover {
	color: #000;
	
}
#HeaderText ul li {
	color: #666;
	margin-bottom: 3px;
}
#HeaderText ul li a:link, #HeaderText ul li a:visited {
	color: #444; font-weight: 400;
}
#HeaderText ul ul{
	list-style-position: inside;
	list-style-type: disc;
	padding-top:5px;
	padding-left: 25px;
}
#HeaderText ul ul li, #HeaderText ul ul li a:link, #HeaderText ul ul li a:visited {
	color: #666;
}
#HeaderText .pic_holder {
	margin: 5px;
	height: auto;
	width: auto;
	float: left;
}

.box_left {
	margin: 0px;
	padding: 0px;
	float: left;
}
.box_right {
	margin: 0px;
	padding: 0px;
	float: right;
}
.grey_box h1 span, h1.title span{ font-size: 14px;font-weight:300;line-height: normal;color: #666; }
.grey_box {
	margin: 2px;
	padding: 10px;
	border: 5px solid #CCC;
	float: left;
	background-image: url(../images/backdrops/black15_32x32.png);
	background-repeat: repeat;
	background-position: left top;
}
.info_box {
	float: right;
	height: auto;
	width: 30%;
	background: #FFF;
	margin: 0.25% 0.25% 0.25% 1%;
	padding: 1%;
	box-shadow: 2px 2px 6px #999;
}
.info_box.info_box2 { display:none; }
.info_box img { width:98%;height:auto;margin:1% 1% 0% }
.info_box h1{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom: 1px solid #999;
	width: 100%;
	padding-bottom: 10px;
	font-size: 18px;
	text-align: center;
}
.info_box h1 span, .info_box h2{
	font-size: 13px;
	color: #666;
	text-align: justify;	
}
.info_box .googlead250 {
	padding: 0px;
	height: 250px;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;	
	
}
.info_box .tweets {
	margin-bottom: 5px;
	background:#FFF;
	padding: 5px;
	border:none;
	box-shadow: 2px 2px 2px #999;
}
.info_box .tweets h4 {
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding: 0px;
}
.info_box .tweets h4 a:hover, .info_box .tweets h4 a:active {
	color: #255CEA;
	font-style: italic;
}
#HeaderText .info_box p {
	font-size: 14px;
	color: #797979;
	letter-spacing: 0em;
	margin-right: 5px;
	margin-left: 5px;
}
#searchbox #loginform {
	padding: 5px;
	height: auto;
	width: 500px;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 200px;
	margin-left: auto;
}
#searchbox #submit {
	font-size: 24px;
	padding: 10px;
	width: 100px;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 200px;
	height: auto;
	clear: left;
	float: left;
}
#form label{
	margin: 0px;
	padding: 3px;
	clear: left;
	float: left;
	width: 100px;
	font-weight: bold;
}
#form input, #form select {
	margin: 0px;
	padding: 3px;
	clear: none;
	float: left;
}
#form textarea {
	clear: left;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 500px;
	width: 750px;
	
}
#form .tiny_box, #form .tiny_box250 {
	display: block;
	clear: left;
	float: left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 15px;
}
#form .tiny_box250 textarea {
	height: 500px;
	width: 250px;	
}
#form .submit , #Submit, #submit {
	padding: 5px;
	clear: both;
	float: left;
	height: 75px;
	width: 500px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
	font-size: 20px;
	font-weight: bold;
}
#contact textarea {
	height: 125px;
	width: 97%;
	margin-bottom: 15px;
	font-size: 1.5em;
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
	border: 5px solid #999;
}
#contact label, #contact input {
	margin: 0.5%;
	float: left;
}
#contact input { width: 25%; }
#contact label { width: 22%; }
#contact label.email,#contact label.company { clear:left; }
#contact label.type {
	width: 295px;
	font-size: 1.2em;
	text-align: right;
}
#contact select.type {
	
	font-size: 1.2em;
}
#contact input#SendBox, #contact input#Clear {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.5%;
}
#contact input#SendBox { margin-left: 27%; }
#contact div.map_box { margin:0px auto;width:100%;max-width:640px; }
#HeaderText ul#admin {
	margin-left: 150px;
}
#HeaderText ul#admin li a{
	font-size: 32px;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-variant: small-caps;
}



#footer {
	width: 100%;
	height: auto;
	background-color: #CCC;
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px 0px 25px 0px;
}
#footerbox {
	width: 99%;
	max-width: 1158px;
	height: auto;
	padding: 0.5%;
	margin: 0px auto;
}
#ie #footerbox {
	
}
#w3c_centre {
	width: 106px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#footerbox h2, #footerbox h1 {
	padding: 0px;
	font-size: 10px;
	color: #999;
	display: block;
	clear: both;
	border: none;
	margin: 5px 0px 0px 0px;
	text-align:center ;
}
#ie #footerbox h2 {
	clear: left;
	text-align: center;
	width: 100%;
}
#footerbox h1 {
	font-size: 14px;
	color: #666;
}
#footerbox h2  a:link, #footerbox h2 a:visited {
	color: #999;
}
#footerbox h2 a:hover, #footerbox h2 a:active {
	color: #666;
}

#footerbox ul {
	display: inline;
	clear: left;
	float: left;
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
#footerbox ul ul {
	display: inline;
	float: none;
	clear: none;
}

#footerbox ul li, #footerbox ul li a {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	display: inline;
	margin: 0px;
}
#ie #footerbox ul li, #ie #footerbox ul li a {
		
	
}
#footerbox ul li a:hover {
	color: #666;
}
#footerbox p {
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
	font-size: 10px;
	color: #999;
	float: left;
	display: inline;
	clear: left;
	text-align: justify;
}
#footerbox p a:link, #footerbox p a:visited {
	color: #999;
	float: none;
	display: inline;
	clear: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#footerbox p a:hover {
	color: #666;
}

.footer_top {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 1000px;
	float: left;
}
#ie .footer_top {
	
}
.footer_bot {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 1000px;
	float: left;
}
#ie .footer_bot {
	
}
.contactusp { text-align:center; }
.contactusp a img { position:relative;top:10px; }

.rheight33.ropacity75 { width:auto; max-width:25%; text-align:center; } /* main picture refelects */
.rheight33.ropacity75.img50 {  max-width: 48.3%;margin-right: 1%; }
.rheight10.ropacity33 { width:auto; max-width:100%; margin: 0px auto;text-align:center; } /* info box reflects */
.info_box2 .rheight10.ropacity33 { float:left ;max-width:95%; margin: 0px 2.5%; }
.rheight33.ropacity75 img,.rheight10.ropacity33 img { vertical-align: bottom;width:98%;height:auto; margin-left:1%;margin-right:1%;}
.rheight33.ropacity75 canvas, .rheight10.ropacity33 canvas  { height: auto; width: 98%;margin-left:1%;margin-right:1%; }

#MainContent ul.splash { margin:5% 0px 0px 2%;list-style-position: outside; }
#MainContent ul.splash li { font-size: 19px; color: #333; margin-bottom: 7px; }
.showbox { border: 4px solid #444; border-radius: 16px;padding-top: 3.4%; background: rgba(256,256,256,0.1); }
.stylelogo { text-align:left; }
#container .prices { width: 18.3%; margin: 0.85%; float:left;border: 4px #0095da solid;border-radius: 16px;background-color: #d9d9d9;box-sizing: border-box;}
#container .prices h2 { text-align:center;border-radius: 8px; margin:3.4%;padding:1.7% 0%; }
#container .prices h2.ptop { background-color: #000066;color:#FFF; }
#container .prices h2.pmid { background-color: #3333ff;color:#FFF; }
#container .prices h2.punc { background-color: #ff3333;color:#000; }
#container .prices h2.pbot { background-color: #9999ff;color:#000; }
.padT { padding-top:1.7%; } .padB { padding-bottom:1.7%; } .padTB {padding-top:1.7%;padding-bottom:1.7%; } .pad { padding: 1.7% }
.marT { margin-top:1.7%; } .marB { margin-bottom:1.7%; } .marTB {margin-top:1.7%;margin-bottom:1.7%; } .mar { margin: 1.7% }
.padT2 { padding-top:3%; } .padB2 { padding-bottom:3%; } .padTB2 {padding-top:3%;padding-bottom:3%; }  .pad2 { padding: 3% }
.marT2 { margin-top:3%; } .marB2 { margin-bottom:3%; } .marTB2 { margin-top:3%;margin-bottom:3%; } .mar2 { padding: 3% }
.padLR { padding-left:1.7%;padding-right:1.7%; } .padLR2 { padding-left:3%;padding-right:3%; }

@media only screen and (min-width: 768px) and (max-width: 1170px) {
	
	#TitleBannerInner { height:auto; }
	#menu1 {  }
	#menu1 li a, #menu2 li a{ }
	#MainHeader    { width: 98%;padding:0% 1%;}
	.rheight33.ropacity75 { max-width:33%; }
	.img33 { width: 48.3%; }
	.img25 { width: 31.6333333%; }
}
@media only screen and (min-width: 768px) and (max-width: 950px) { /* intermediate menu action */
	#TitleBanner #SRLogo {  }
	#TitleBannerInner { height:auto; overflow:visible;min-height:45px; }
	#SplashHolder { margin-top: -110px;min-height:635px;height:auto; }
	.SplashOuter { padding-top:125px;min-height:510px; height:auto; }
	.SplashInner h2, .SplashInner h2 a:link, .SplashInner h2 a:visited, .SplashInner ul li,.SplashInner ul li a:link, .SplashInner ul li a:visited  { font-size: 21px; }
	#menu1 ul li,#menu2 ul li { width:25%; }
	.box25,.pl25{ width: 48.3%; } .box75 { width: 48.3%; }
	
	.noshowinbetween { display:none !important ; }
	.showinbetween_in { display:inline; } .showinbetween_bl { display:block; }
	.longmenu { display:none; }
	.info_box { width:95%; } .info_box.info_box1 { display:none; } .info_box.info_box2 { display:block; }
	#HeaderText h2 { letter-spacing: normal;margin: 1% 0%;padding: 0.5% 0%;height: auto;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) { /* Small Tablet and Phone */
	#TitleBanner #SRLogo {  }
	#TitleBannerInner { height:auto; overflow:visible; }
	#SplashHolder { margin-top: -165px;min-height:500px;height:auto; }
	.SplashOuter { padding-top:180px;height:auto; }
	.SplashInner h1, .SplashInner h1 a:link, .SplashInner h1 a:visited { font-size: 24px; }
	.SplashInner h2, .SplashInner h2 a:link, .SplashInner h2 a:visited, .SplashInner ul li,.SplashInner ul li a:link, .SplashInner ul li a:visited  { font-size: 19px; }
	.SRSInner .p1 { font-size: 1.2em; }
	#menu1 { }
	#menu1 ul li,#menu2 ul li { width:50%; }
	 
	#menu1 li a, #menu2 li a{ }
	#menu2 { }
	.noshowinbetween { display:none !important ; } .noshowtablet { display:none !important ; }
	.showinbetween_in { display:inline; } .showinbetween_bl { display:block; } .showtablet_in { display:inline; } .showtablet_bl { display:block; } .showphone_in { display:none; } .showphone_bl { display:none; }
	.longmenu { display: none; }
	#MainHeader    { width: 98%;padding:0% 1%;}
	h1 { font-size:24px; } h2 { font-size: 20px; } h3{ font-size:18px; } h4,h5,h6{ font-size:17px; }
	p,li,th,td { font-size:15px; }
	.info_box { width:95%; } .info_box.info_box1 { display:none; } .info_box.info_box2 { display:block; }
	h1.title {	letter-spacing: normal;	padding-top: 1.5%;font-size: 28px;line-height:28px;	margin-bottom: 1.5%;}
	#HeaderText h2 { letter-spacing: normal;margin: 1% 0%;padding: 0.5% 0%;height: auto;}
	.box100,.pl100,.box3366,.box66 { width: 96.6%; padding: 1.7%;} .box100 { margin-bottom: 3.4%; }
	.box50,.pl50 { width: 44.9%; padding: 1.7%;} .box50 { margin-bottom: 3.4%; }
	.box33,.pl33 { width: 96.6%; padding: 1.7%;} .box33 { margin:0% 0% 3.4%; }
	.box336,.pl336 { width: 44.9%; padding: 1.7%;} .box336 { margin-bottom: 3.4%; }
	.box25,.box252,.pl25,.box75  { width: 44.9%; padding: 1.7%;} .box25,.box252,.box75  { margin-bottom: 3.4%; }
	#container .prices { width: 29.63333%; margin: 0.85%; } .prices.price3 { clear:left; }
	.rheight33.ropacity75 { max-width:50%; }
	.rheight33.ropacity75.img50 {  max-width: 98.3%;margin-right: 0%; }
	#contact input { width: 50%; }
	#contact label { width: 44%;clear:left; }
	#contact input#SendBox {  }
	#contact input#SendBox, #contact input#Clear { width:48%;margin: 2.5% 25.5%; }
	#contact div.map_box iframe { width:100%; }
	.img50 { width: 98.3%; }
	.img33 { width: 98.3%; }
	.img25 { width: 48.3% }
	#MainContent ul.splash li { font-size: 17px; }
	.stylelogo { text-align:center; }
}
@media only screen and (min-width: 480px) and (max-width: 585px) { /* Little Change for Property Detail Pictures */

	.pl25l,.box25l  { width: 44.9%; padding: 1.7%;}
}
@media only screen and (max-width: 479px) { /* Phone Min Width 320*/
	#TitleBanner #SRLogo { max-width:120px;margin-bottom:-5px; }
	#TitleBannerInner { height:auto;overflow:visible;min-height:33px; }
	#SplashHolder { margin-top: -155px;min-height: 800px;height:auto; }
	.SplashOuter { padding-top:170px;min-height:630px;height:auto; }
	.SplashInner h1, .SplashInner h1 a:link, .SplashInner h1 a:visited { font-size: 22px; }
	.SplashInner h2, .SplashInner h2 a:link, .SplashInner h2 a:visited, .SplashInner ul li,.SplashInner ul li a:link, .SplashInner ul li a:visited  { font-size: 17px; }
	.SplashInner ul {   clear: left;  float: left; margin: 5% 0% 5% 3%; padding: 0% 0% 0% 5%; width: 92%; }
	.SRSInner .p1 { font-size: 1em; }
	#google_translate_element { display:none; }
	#menu1 {  }
	#menu1 ul li,#menu2 ul li  {width: 50%;   }
	#menu1 li a, #menu2 li a{ }
	#menu2 { }
	#menu2 .menu_half {  } #menu2 ul {  }
	#MainHeader    { width: 98%;padding:0% 1%;}
	h1 { font-size:22px; } h2 { font-size: 19px; } h3{ font-size:17px; } h4,h5,h6{ font-size:16px; }
	p,li,th,td { font-size:14px; }
	.noshowinbetween { display:none !important ; } .noshowtablet { display:none !important ; } .noshowphone { display:none !important ; }
	.showinbetween_in { display:inline; } .showinbetween_bl { display:block; } .showtablet_in { display:inline; } .showtablet_bl { display:block; } .showphone_in { display:inline; } .showphone_bl { display:block; }
	.longmenu { display:none; }
	.info_box { width:95%; } .info_box.info_box1 { display:none; } .info_box.info_box2 { display:block; }
	h1.title {	letter-spacing: normal;	padding-top: 1.5%;font-size: 28px;line-height:28px;	margin-bottom: 1.5%;}
	#HeaderText h2 { letter-spacing: normal;margin: 1% 0%;padding: 0.5% 0%;height: auto;}
	.box100,.pl100,.box3366,.box66 { width: 96.6%;padding: 1.7%; } .box100 {  margin-bottom: 1.7%; }
	.box50,.pl50 { width: 96.6%; padding: 1.7%; } .box50{ margin:0% 0% 6.8%; } .box50centered { margin:0% 0% 6.8%; }
	.box33,.pl33  { width: 96.6%; padding: 1.7%; } .box33{ margin:0% 0% 6.8%; }
	.box336,.pl336 { width: 44.9%; padding: 1.7%;} .box336{ margin-bottom: 3.4%; }
	.box25,.box252,.pl25,.box75 { width: 96.6%; padding: 1.7%;} .box25,.box252,.box75 { margin:0% 0% 6.8%; }
	.pl25l,.box25l  { width: 44.9%; padding: 1.7%;}
	#container .prices { width: 48.3%; margin: 0.85%; }
	.rheight33.ropacity75 { max-width:100%; }
	.rheight33.ropacity75.img50 {  max-width: 98.3%;margin-right: 0%; }
	#contact input { width: 50%; }
	#contact label { width: 44%;clear:left; }
	#contact input#SendBox { margin-left: 1%; }
	#contact input#SendBox, #contact input#Clear { width:48%; }
	#contact div.map_box iframe { width:100%; }
	.img50 { width: 98.3%; }
	.img33 { width: 98.3%; }
	.img25 { width: 98.3%; }
	.img25.showbox { width: 88.3%; margin: 0% 5%; }
	table.sideth th {  padding:3px 2%; }
	#MainContent ul.splash li { font-size: 16px; }
	.stylelogo { text-align:center; }
}