@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 370px) {

body {
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#06739c;
	
    background-color:#FFFFFF;
}
H1 {font:11px Arial, Helvetica, sans-serif;color:#06739c;margin:6px 0 0;}
a {
	color:#0f7da6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
    color:#F577A2;
}
form {
	padding:0;
	margin:0;
}
ul {
	padding:0;
	margin:0;
	list-style:none;
}

--------------


p {
	margin:6px 0 0;
}

.blue {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#main {
	width:370px;
	margin:0 auto;
}

.form_blue {


font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

h2 {
	margin:0;
}
h2.welcome {
	padding:10px 0 0 12px;
}
.link {
	display:block;
	width:90px;
	height:23px;
	overflow:hidden;
	background:url(../images/link-bg.jpg);
	color:#06739C;
	text-align:center;
	line-height:23px;
}
.welcome .link {
	float:right;
	margin-top:-5px;
}

#header {
	height:157px;
	position:relative;
	z-index:2;
}
a.logo {
	display:block;
	width:94px;
	height:73px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(http://terrynazon.com//images/logo.jpg);
	margin-left:2px;
	z-index:2;
	position:relative;
}
ul#top-nav {
	height:33px;
	position:absolute;
	left:225px;
	top:14px;
}
ul#top-nav li {
	float:left;
}
ul#top-nav li a {
	display:block;
	color:#fff;
	border-bottom:7px solid #fee1ec;
	background:#f680a7 url(../images/left-nav.gif) no-repeat;
	height:26px;
	float:left;
}
ul#top-nav li a:hover,
ul#top-nav li.active a {
	text-decoration:none;
	border-bottom:7px solid #94e0f6;
	background-position:0 -26px;
}
ul#top-nav li a span {
	display:block;
	float:left;
	height:26px;
	background:url(../images/right-nav.gif) no-repeat 100% 0;
	cursor:pointer;
	line-height:26px;
	padding:0 12px;
}
.safari ul#top-nav li a span {
	padding:0 10px;
}
ul#top-nav li a:hover span,
ul#top-nav li.active a span {
	background-position:100% -26px;
}
.left-header {
	height:26px;
	width:40%;
	position:absolute;
	top:14px;
	left:0;
	
}
.contacts-holder {
	position:absolute;
	bottom:0;
	right:0;
	color:#f576a1;
	width:70px;

	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}
.contacts-holder label {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f7da6;
	padding:9px 0;
	display:block;
	width:50%;
	letter-spacing:0px;
}
.subscribe {
	width:66px;
	height:24px;
	overflow:hidden;
	float:left;
	background:url(../images/subscribe.gif);
}
.subscribe input {
	padding:0;
	border:0;
	width:66px;
	height:17px;
	margin:4px 0 0 4px;
	font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
	color:#06739c;
    letter-spacing:0px;
}
.go {
	float:left;
	margin:3px 0 0 3px;
}
#content {
	width:100%;
}
#left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holdert {
	background:url(../images/left-holdert.jpg) no-repeat;
	padding-top:45px;
}
.left-holderb {
	background:url(../images/left-holderb.gif) no-repeat 0 100%;
	padding-bottom:8px;
	height:1%;
}

#left-nav {
	padding:0 14px 0 21px;
	font-size:12px;
    letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#left-nav li {
	padding-top:1px;
	background:url(../images/dot.gif) repeat-x;
	position:relative;
	z-index:500;
}

#left-nav li a {
	display:block;
	z-index:650;		
	
}

#left-nav li a span {
	display:block;
	padding:15px 0 8px 44px;
	cursor:pointer;
	height:1%;
}
#left-nav li ul {
	display:none;
	position:absolute;
	left:179px;
	top:1px;
	padding-left:13px;
    background:url(../images/trans.gif) no-repeat;
	width:66px;
	z-index:850;		
}
#left-nav li:hover ul,
#left-nav li.active ul {
	display:block;
	z-index:950;		

}
#left-nav li ul li {
	padding:1px 0;
	border:1px solid #aee5f9;
	background-image:url(../images/trans.gif) no-repeat;
	background:#dcf4fd;
	z-index:1050;		
}
#left-nav li ul li a {
	color:#dcf4fd;
	padding:5px 0 5px 22px;
	background:url(../images/subnav.gif) no-repeat 8px 49% !important;
	color:#0f7da6;
	height:1%;
	z-index:1150;		
}


.ico-1 span {
	background:url(../images/icons/dailyforecast.png) no-repeat 0 50%;
}
.ico-2 span {
	background:url(../images/icons/weeklyforecast.png) no-repeat 0 50%;
}
.ico-3 span {
	background:url(../images/icons/monthlyforecast.png) no-repeat 0 50%;
}
.ico-4 span {
	background:url(../images/icons/yearahead.png) no-repeat 0 50%;
}
.ico-5 span {
	background:url(../images/icons/yearaheadforecast.png) no-repeat 0 50%;
}
.ico-6 span {
	background:url(../images/icons/moneyscopes.png) no-repeat 0 50%;
}
.ico-7 span {
	background:url(../images/icons/lovescopes.png) no-repeat 0 50%;
}
.ico-8 span {
	background:url(../images/icons/moneyforecast.png) no-repeat 0 50%;
}
.ico-9 span {
	background:url(../images/icons/luckyscopes.png) no-repeat 0 50%;
}
.ico-10 span {
	background:url(../images/icons/12sunsigns.png) no-repeat 0 50%;
}
.ico-11 span {
	background:url(../images/icons/sunsignsexplained.png) no-repeat 0 50%;
}
.ico-12 span {
	background:url(../images/icons/celebrityprediction.png) no-repeat 0 50%;
}
.ico-13 span {
	background:url(../images/icons/ico-13.gif) no-repeat 0 50%;
}
.ico-14 span {
	background:url(../images/icons/mayan.png) no-repeat 0 50%;
}
.ico-15 span {
	background:url(../images/icons/twitter.png) no-repeat 0 50%;
}
.ico-16 span {
	background:url(../images/icons/iHeart.png) no-repeat 0 50%;
}


.ico-17 span {
	background:url(../images/icons/todayplanet.png) no-repeat 0 50%;
}

.ico-18 span {
	background:url(../images/icons/ico-18.gif) no-repeat 0 50%;
}

.ico-19 span {
	background:url(../images/icons/facebook.png) no-repeat 0 50%;
}

.ico-20 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}

.ico-21 span {
	background:url(../images/icons/astrologyreport.png) no-repeat 0 50%;
}

.ico-22 span {
	background:url(../images/icons/shop.png) no-repeat 0 50%;
}

.ico-23 span {
	background:url(../images/icons/personalreading2.png) no-repeat 0 50%;
}

.ico-24 span {
	background:url(../images/icons/radio.png) no-repeat 0 50%;
}

.ico-25 span {
	background:url(../images/icons/radioarchieves.png) no-repeat 0 50%;
}

.ico-26 span {
	background:url(../images/icons/blog.png) no-repeat 0 50%;
}

.ico-27 span {
	background:url(../images/icons/natalchart.png) no-repeat 0 50%;
}

.ico-28 span {
	background:url(../images/icons/press.png) no-repeat 0 50%;
}

.ico-29 span {
	background:url(../images/icons/links.png) no-repeat 0 50%;
}

.ico-30 span {
	background:url(../images/icons/astrolove.png) no-repeat 0 50%;
}

.ico-31 span {
	background:url(../images/icons/money.png) no-repeat 0 50%;
}

.ico-32 span {
	background:url(../images/icons/newsletterico.png) no-repeat 0 50%;
}
.ico-33 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}
.ico-34 span {
	background:url(../images/icons/contact.png) no-repeat 0 50%;
}

 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

body {
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#06739c;
	
    background-color:#FFFFFF;
}
H1 {font:11px Arial, Helvetica, sans-serif;color:#06739c;margin:6px 0 0;}
a {
	color:#0f7da6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
    color:#F577A2;
}
form {
	padding:0;
	margin:0;
}
ul {
	padding:0;
	margin:0;
	list-style:none;
}

--------------


p {
	margin:6px 0 0;
}

.blue {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#main {
	width:370px;
	margin:0 auto;
}

.form_blue {


font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

h2 {
	margin:0;
}
h2.welcome {
	padding:10px 0 0 12px;
}
.link {
	display:block;
	width:90px;
	height:23px;
	overflow:hidden;
	background:url(../images/link-bg.jpg);
	color:#06739C;
	text-align:center;
	line-height:23px;
}
.welcome .link {
	float:right;
	margin-top:-5px;
}

#header {
	height:157px;
	position:relative;
	z-index:2;
}
a.logo {
	display:block;
	width:94px;
	height:73px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(http://terrynazon.com//images/logo.jpg);
	margin-left:2px;
	z-index:2;
	position:relative;
}
ul#top-nav {
	height:33px;
	position:absolute;
	left:225px;
	top:14px;
}
ul#top-nav li {
	float:left;
}
ul#top-nav li a {
	display:block;
	color:#fff;
	border-bottom:7px solid #fee1ec;
	background:#f680a7 url(../images/left-nav.gif) no-repeat;
	height:26px;
	float:left;
}
ul#top-nav li a:hover,
ul#top-nav li.active a {
	text-decoration:none;
	border-bottom:7px solid #94e0f6;
	background-position:0 -26px;
}
ul#top-nav li a span {
	display:block;
	float:left;
	height:26px;
	background:url(../images/right-nav.gif) no-repeat 100% 0;
	cursor:pointer;
	line-height:26px;
	padding:0 12px;
}
.safari ul#top-nav li a span {
	padding:0 10px;
}
ul#top-nav li a:hover span,
ul#top-nav li.active a span {
	background-position:100% -26px;
}
.left-header {
	height:26px;
	width:40%;
	position:absolute;
	top:14px;
	left:0;
	
}
.contacts-holder {
	position:absolute;
	bottom:0;
	right:0;
	color:#f576a1;
	width:70px;

	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}
.contacts-holder label {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f7da6;
	padding:9px 0;
	display:block;
	width:50%;
	letter-spacing:0px;
}
.subscribe {
	width:66px;
	height:24px;
	overflow:hidden;
	float:left;
	background:url(../images/subscribe.gif);
}
.subscribe input {
	padding:0;
	border:0;
	width:66px;
	height:17px;
	margin:4px 0 0 4px;
	font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
	color:#06739c;
    letter-spacing:0px;
}
.go {
	float:left;
	margin:3px 0 0 3px;
}
#content {
	width:100%;
}
#left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holdert {
	background:url(../images/left-holdert.jpg) no-repeat;
	padding-top:45px;
}
.left-holderb {
	background:url(../images/left-holderb.gif) no-repeat 0 100%;
	padding-bottom:8px;
	height:1%;
}

#left-nav {
	padding:0 14px 0 21px;
	font-size:12px;
    letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#left-nav li {
	padding-top:1px;
	background:url(../images/dot.gif) repeat-x;
	position:relative;
	z-index:500;
}

#left-nav li a {
	display:block;
	z-index:650;		
	
}

#left-nav li a span {
	display:block;
	padding:15px 0 8px 44px;
	cursor:pointer;
	height:1%;
}
#left-nav li ul {
	display:none;
	position:absolute;
	left:179px;
	top:1px;
	padding-left:13px;
    background:url(../images/trans.gif) no-repeat;
	width:66px;
	z-index:850;		
}
#left-nav li:hover ul,
#left-nav li.active ul {
	display:block;
	z-index:950;		

}
#left-nav li ul li {
	padding:1px 0;
	border:1px solid #aee5f9;
	background-image:url(../images/trans.gif) no-repeat;
	background:#dcf4fd;
	z-index:1050;		
}
#left-nav li ul li a {
	color:#dcf4fd;
	padding:5px 0 5px 22px;
	background:url(../images/subnav.gif) no-repeat 8px 49% !important;
	color:#0f7da6;
	height:1%;
	z-index:1150;		
}


.ico-1 span {
	background:url(../images/icons/dailyforecast.png) no-repeat 0 50%;
}
.ico-2 span {
	background:url(../images/icons/weeklyforecast.png) no-repeat 0 50%;
}
.ico-3 span {
	background:url(../images/icons/monthlyforecast.png) no-repeat 0 50%;
}
.ico-4 span {
	background:url(../images/icons/yearahead.png) no-repeat 0 50%;
}
.ico-5 span {
	background:url(../images/icons/yearaheadforecast.png) no-repeat 0 50%;
}
.ico-6 span {
	background:url(../images/icons/moneyscopes.png) no-repeat 0 50%;
}
.ico-7 span {
	background:url(../images/icons/lovescopes.png) no-repeat 0 50%;
}
.ico-8 span {
	background:url(../images/icons/moneyforecast.png) no-repeat 0 50%;
}
.ico-9 span {
	background:url(../images/icons/luckyscopes.png) no-repeat 0 50%;
}
.ico-10 span {
	background:url(../images/icons/12sunsigns.png) no-repeat 0 50%;
}
.ico-11 span {
	background:url(../images/icons/sunsignsexplained.png) no-repeat 0 50%;
}
.ico-12 span {
	background:url(../images/icons/celebrityprediction.png) no-repeat 0 50%;
}
.ico-13 span {
	background:url(../images/icons/ico-13.gif) no-repeat 0 50%;
}
.ico-14 span {
	background:url(../images/icons/mayan.png) no-repeat 0 50%;
}
.ico-15 span {
	background:url(../images/icons/twitter.png) no-repeat 0 50%;
}
.ico-16 span {
	background:url(../images/icons/iHeart.png) no-repeat 0 50%;
}


.ico-17 span {
	background:url(../images/icons/todayplanet.png) no-repeat 0 50%;
}

.ico-18 span {
	background:url(../images/icons/ico-18.gif) no-repeat 0 50%;
}

.ico-19 span {
	background:url(../images/icons/facebook.png) no-repeat 0 50%;
}

.ico-20 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}

.ico-21 span {
	background:url(../images/icons/astrologyreport.png) no-repeat 0 50%;
}

.ico-22 span {
	background:url(../images/icons/shop.png) no-repeat 0 50%;
}

.ico-23 span {
	background:url(../images/icons/personalreading2.png) no-repeat 0 50%;
}

.ico-24 span {
	background:url(../images/icons/radio.png) no-repeat 0 50%;
}

.ico-25 span {
	background:url(../images/icons/radioarchieves.png) no-repeat 0 50%;
}

.ico-26 span {
	background:url(../images/icons/blog.png) no-repeat 0 50%;
}

.ico-27 span {
	background:url(../images/icons/natalchart.png) no-repeat 0 50%;
}

.ico-28 span {
	background:url(../images/icons/press.png) no-repeat 0 50%;
}

.ico-29 span {
	background:url(../images/icons/links.png) no-repeat 0 50%;
}

.ico-30 span {
	background:url(../images/icons/astrolove.png) no-repeat 0 50%;
}

.ico-31 span {
	background:url(../images/icons/money.png) no-repeat 0 50%;
}

.ico-32 span {
	background:url(../images/icons/newsletterico.png) no-repeat 0 50%;
}
.ico-33 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}
.ico-34 span {
	background:url(../images/icons/contact.png) no-repeat 0 50%;
}

 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
body {
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#06739c;
	
    background-color:#FFFFFF;
}
H1 {font:11px Arial, Helvetica, sans-serif;color:#06739c;margin:6px 0 0;}
a {
	color:#0f7da6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
    color:#F577A2;
}
form {
	padding:0;
	margin:0;
}
ul {
	padding:0;
	margin:0;
	list-style:none;
}

--------------


p {
	margin:6px 0 0;
}

.blue {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#main {
	width:370px;
	margin:0 auto;
}

.form_blue {


font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

h2 {
	margin:0;
}
h2.welcome {
	padding:10px 0 0 12px;
}
.link {
	display:block;
	width:90px;
	height:23px;
	overflow:hidden;
	background:url(../images/link-bg.jpg);
	color:#06739C;
	text-align:center;
	line-height:23px;
}
.welcome .link {
	float:right;
	margin-top:-5px;
}

#header {
	height:157px;
	position:relative;
	z-index:2;
}
a.logo {
	display:block;
	width:94px;
	height:73px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(http://terrynazon.com//images/logo.jpg);
	margin-left:2px;
	z-index:2;
	position:relative;
}
ul#top-nav {
	height:33px;
	position:absolute;
	left:225px;
	top:14px;
}
ul#top-nav li {
	float:left;
}
ul#top-nav li a {
	display:block;
	color:#fff;
	border-bottom:7px solid #fee1ec;
	background:#f680a7 url(../images/left-nav.gif) no-repeat;
	height:26px;
	float:left;
}
ul#top-nav li a:hover,
ul#top-nav li.active a {
	text-decoration:none;
	border-bottom:7px solid #94e0f6;
	background-position:0 -26px;
}
ul#top-nav li a span {
	display:block;
	float:left;
	height:26px;
	background:url(../images/right-nav.gif) no-repeat 100% 0;
	cursor:pointer;
	line-height:26px;
	padding:0 12px;
}
.safari ul#top-nav li a span {
	padding:0 10px;
}
ul#top-nav li a:hover span,
ul#top-nav li.active a span {
	background-position:100% -26px;
}
.left-header {
	height:26px;
	width:40%;
	position:absolute;
	top:14px;
	left:0;
	
}
.contacts-holder {
	position:absolute;
	bottom:0;
	right:0;
	color:#f576a1;
	width:70px;

	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}
.contacts-holder label {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f7da6;
	padding:9px 0;
	display:block;
	width:50%;
	letter-spacing:0px;
}
.subscribe {
	width:66px;
	height:24px;
	overflow:hidden;
	float:left;
	background:url(../images/subscribe.gif);
}
.subscribe input {
	padding:0;
	border:0;
	width:66px;
	height:17px;
	margin:4px 0 0 4px;
	font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
	color:#06739c;
    letter-spacing:0px;
}
.go {
	float:left;
	margin:3px 0 0 3px;
}
#content {
	width:100%;
}
#left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holdert {
	background:url(../images/left-holdert.jpg) no-repeat;
	padding-top:45px;
}
.left-holderb {
	background:url(../images/left-holderb.gif) no-repeat 0 100%;
	padding-bottom:8px;
	height:1%;
}

#left-nav {
	padding:0 14px 0 21px;
	font-size:12px;
    letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#left-nav li {
	padding-top:1px;
	background:url(../images/dot.gif) repeat-x;
	position:relative;
	z-index:500;
}

#left-nav li a {
	display:block;
	z-index:650;		
	
}

#left-nav li a span {
	display:block;
	padding:15px 0 8px 44px;
	cursor:pointer;
	height:1%;
}
#left-nav li ul {
	display:none;
	position:absolute;
	left:179px;
	top:1px;
	padding-left:13px;
    background:url(../images/trans.gif) no-repeat;
	width:66px;
	z-index:850;		
}
#left-nav li:hover ul,
#left-nav li.active ul {
	display:block;
	z-index:950;		

}
#left-nav li ul li {
	padding:1px 0;
	border:1px solid #aee5f9;
	background-image:url(../images/trans.gif) no-repeat;
	background:#dcf4fd;
	z-index:1050;		
}
#left-nav li ul li a {
	color:#dcf4fd;
	padding:5px 0 5px 22px;
	background:url(../images/subnav.gif) no-repeat 8px 49% !important;
	color:#0f7da6;
	height:1%;
	z-index:1150;		
}


.ico-1 span {
	background:url(../images/icons/dailyforecast.png) no-repeat 0 50%;
}
.ico-2 span {
	background:url(../images/icons/weeklyforecast.png) no-repeat 0 50%;
}
.ico-3 span {
	background:url(../images/icons/monthlyforecast.png) no-repeat 0 50%;
}
.ico-4 span {
	background:url(../images/icons/yearahead.png) no-repeat 0 50%;
}
.ico-5 span {
	background:url(../images/icons/yearaheadforecast.png) no-repeat 0 50%;
}
.ico-6 span {
	background:url(../images/icons/moneyscopes.png) no-repeat 0 50%;
}
.ico-7 span {
	background:url(../images/icons/lovescopes.png) no-repeat 0 50%;
}
.ico-8 span {
	background:url(../images/icons/moneyforecast.png) no-repeat 0 50%;
}
.ico-9 span {
	background:url(../images/icons/luckyscopes.png) no-repeat 0 50%;
}
.ico-10 span {
	background:url(../images/icons/12sunsigns.png) no-repeat 0 50%;
}
.ico-11 span {
	background:url(../images/icons/sunsignsexplained.png) no-repeat 0 50%;
}
.ico-12 span {
	background:url(../images/icons/celebrityprediction.png) no-repeat 0 50%;
}
.ico-13 span {
	background:url(../images/icons/ico-13.gif) no-repeat 0 50%;
}
.ico-14 span {
	background:url(../images/icons/mayan.png) no-repeat 0 50%;
}
.ico-15 span {
	background:url(../images/icons/twitter.png) no-repeat 0 50%;
}
.ico-16 span {
	background:url(../images/icons/iHeart.png) no-repeat 0 50%;
}


.ico-17 span {
	background:url(../images/icons/todayplanet.png) no-repeat 0 50%;
}

.ico-18 span {
	background:url(../images/icons/ico-18.gif) no-repeat 0 50%;
}

.ico-19 span {
	background:url(../images/icons/facebook.png) no-repeat 0 50%;
}

.ico-20 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}

.ico-21 span {
	background:url(../images/icons/astrologyreport.png) no-repeat 0 50%;
}

.ico-22 span {
	background:url(../images/icons/shop.png) no-repeat 0 50%;
}

.ico-23 span {
	background:url(../images/icons/personalreading2.png) no-repeat 0 50%;
}

.ico-24 span {
	background:url(../images/icons/radio.png) no-repeat 0 50%;
}

.ico-25 span {
	background:url(../images/icons/radioarchieves.png) no-repeat 0 50%;
}

.ico-26 span {
	background:url(../images/icons/blog.png) no-repeat 0 50%;
}

.ico-27 span {
	background:url(../images/icons/natalchart.png) no-repeat 0 50%;
}

.ico-28 span {
	background:url(../images/icons/press.png) no-repeat 0 50%;
}

.ico-29 span {
	background:url(../images/icons/links.png) no-repeat 0 50%;
}

.ico-30 span {
	background:url(../images/icons/astrolove.png) no-repeat 0 50%;
}

.ico-31 span {
	background:url(../images/icons/money.png) no-repeat 0 50%;
}

.ico-32 span {
	background:url(../images/icons/newsletterico.png) no-repeat 0 50%;
}
.ico-33 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}
.ico-34 span {
	background:url(../images/icons/contact.png) no-repeat 0 50%;
}

 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
body {
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#06739c;
	
    background-color:#FFFFFF;
}
H1 {font:11px Arial, Helvetica, sans-serif;color:#06739c;margin:6px 0 0;}
a {
	color:#0f7da6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
    color:#F577A2;
}
form {
	padding:0;
	margin:0;
}
ul {
	padding:0;
	margin:0;
	list-style:none;
}

--------------


p {
	margin:6px 0 0;
}

.blue {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#main {
	width:370px;
	margin:0 auto;
}

.form_blue {


font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

h2 {
	margin:0;
}
h2.welcome {
	padding:10px 0 0 12px;
}
.link {
	display:block;
	width:90px;
	height:23px;
	overflow:hidden;
	background:url(../images/link-bg.jpg);
	color:#06739C;
	text-align:center;
	line-height:23px;
}
.welcome .link {
	float:right;
	margin-top:-5px;
}

#header {
	height:157px;
	position:relative;
	z-index:2;
}
a.logo {
	display:block;
	width:94px;
	height:73px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(http://terrynazon.com//images/logo.jpg);
	margin-left:2px;
	z-index:2;
	position:relative;
}
ul#top-nav {
	height:33px;
	position:absolute;
	left:225px;
	top:14px;
}
ul#top-nav li {
	float:left;
}
ul#top-nav li a {
	display:block;
	color:#fff;
	border-bottom:7px solid #fee1ec;
	background:#f680a7 url(../images/left-nav.gif) no-repeat;
	height:26px;
	float:left;
}
ul#top-nav li a:hover,
ul#top-nav li.active a {
	text-decoration:none;
	border-bottom:7px solid #94e0f6;
	background-position:0 -26px;
}
ul#top-nav li a span {
	display:block;
	float:left;
	height:26px;
	background:url(../images/right-nav.gif) no-repeat 100% 0;
	cursor:pointer;
	line-height:26px;
	padding:0 12px;
}
.safari ul#top-nav li a span {
	padding:0 10px;
}
ul#top-nav li a:hover span,
ul#top-nav li.active a span {
	background-position:100% -26px;
}
.left-header {
	height:26px;
	width:40%;
	position:absolute;
	top:14px;
	left:0;
	
}
.contacts-holder {
	position:absolute;
	bottom:0;
	right:0;
	color:#f576a1;
	width:70px;

	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}
.contacts-holder label {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f7da6;
	padding:9px 0;
	display:block;
	width:50%;
	letter-spacing:0px;
}
.subscribe {
	width:66px;
	height:24px;
	overflow:hidden;
	float:left;
	background:url(../images/subscribe.gif);
}
.subscribe input {
	padding:0;
	border:0;
	width:66px;
	height:17px;
	margin:4px 0 0 4px;
	font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
	color:#06739c;
    letter-spacing:0px;
}
.go {
	float:left;
	margin:3px 0 0 3px;
}
#content {
	width:100%;
}
#left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holdert {
	background:url(../images/left-holdert.jpg) no-repeat;
	padding-top:45px;
}
.left-holderb {
	background:url(../images/left-holderb.gif) no-repeat 0 100%;
	padding-bottom:8px;
	height:1%;
}

#left-nav {
	padding:0 14px 0 21px;
	font-size:12px;
    letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#left-nav li {
	padding-top:1px;
	background:url(../images/dot.gif) repeat-x;
	position:relative;
	z-index:500;
}

#left-nav li a {
	display:block;
	z-index:650;		
	
}

#left-nav li a span {
	display:block;
	padding:15px 0 8px 44px;
	cursor:pointer;
	height:1%;
}
#left-nav li ul {
	display:none;
	position:absolute;
	left:179px;
	top:1px;
	padding-left:13px;
    background:url(../images/trans.gif) no-repeat;
	width:66px;
	z-index:850;		
}
#left-nav li:hover ul,
#left-nav li.active ul {
	display:block;
	z-index:950;		

}
#left-nav li ul li {
	padding:1px 0;
	border:1px solid #aee5f9;
	background-image:url(../images/trans.gif) no-repeat;
	background:#dcf4fd;
	z-index:1050;		
}
#left-nav li ul li a {
	color:#dcf4fd;
	padding:5px 0 5px 22px;
	background:url(../images/subnav.gif) no-repeat 8px 49% !important;
	color:#0f7da6;
	height:1%;
	z-index:1150;		
}


.ico-1 span {
	background:url(../images/icons/dailyforecast.png) no-repeat 0 50%;
}
.ico-2 span {
	background:url(../images/icons/weeklyforecast.png) no-repeat 0 50%;
}
.ico-3 span {
	background:url(../images/icons/monthlyforecast.png) no-repeat 0 50%;
}
.ico-4 span {
	background:url(../images/icons/yearahead.png) no-repeat 0 50%;
}
.ico-5 span {
	background:url(../images/icons/yearaheadforecast.png) no-repeat 0 50%;
}
.ico-6 span {
	background:url(../images/icons/moneyscopes.png) no-repeat 0 50%;
}
.ico-7 span {
	background:url(../images/icons/lovescopes.png) no-repeat 0 50%;
}
.ico-8 span {
	background:url(../images/icons/moneyforecast.png) no-repeat 0 50%;
}
.ico-9 span {
	background:url(../images/icons/luckyscopes.png) no-repeat 0 50%;
}
.ico-10 span {
	background:url(../images/icons/12sunsigns.png) no-repeat 0 50%;
}
.ico-11 span {
	background:url(../images/icons/sunsignsexplained.png) no-repeat 0 50%;
}
.ico-12 span {
	background:url(../images/icons/celebrityprediction.png) no-repeat 0 50%;
}
.ico-13 span {
	background:url(../images/icons/ico-13.gif) no-repeat 0 50%;
}
.ico-14 span {
	background:url(../images/icons/mayan.png) no-repeat 0 50%;
}
.ico-15 span {
	background:url(../images/icons/twitter.png) no-repeat 0 50%;
}
.ico-16 span {
	background:url(../images/icons/iHeart.png) no-repeat 0 50%;
}


.ico-17 span {
	background:url(../images/icons/todayplanet.png) no-repeat 0 50%;
}

.ico-18 span {
	background:url(../images/icons/ico-18.gif) no-repeat 0 50%;
}

.ico-19 span {
	background:url(../images/icons/facebook.png) no-repeat 0 50%;
}

.ico-20 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}

.ico-21 span {
	background:url(../images/icons/astrologyreport.png) no-repeat 0 50%;
}

.ico-22 span {
	background:url(../images/icons/shop.png) no-repeat 0 50%;
}

.ico-23 span {
	background:url(../images/icons/personalreading2.png) no-repeat 0 50%;
}

.ico-24 span {
	background:url(../images/icons/radio.png) no-repeat 0 50%;
}

.ico-25 span {
	background:url(../images/icons/radioarchieves.png) no-repeat 0 50%;
}

.ico-26 span {
	background:url(../images/icons/blog.png) no-repeat 0 50%;
}

.ico-27 span {
	background:url(../images/icons/natalchart.png) no-repeat 0 50%;
}

.ico-28 span {
	background:url(../images/icons/press.png) no-repeat 0 50%;
}

.ico-29 span {
	background:url(../images/icons/links.png) no-repeat 0 50%;
}

.ico-30 span {
	background:url(../images/icons/astrolove.png) no-repeat 0 50%;
}

.ico-31 span {
	background:url(../images/icons/money.png) no-repeat 0 50%;
}

.ico-32 span {
	background:url(../images/icons/newsletterico.png) no-repeat 0 50%;
}
.ico-33 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}
.ico-34 span {
	background:url(../images/icons/contact.png) no-repeat 0 50%;
}

 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
body {
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#06739c;
	
    background-color:#FFFFFF;
}
H1 {font:11px Arial, Helvetica, sans-serif;color:#06739c;margin:6px 0 0;}
a {
	color:#0f7da6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
    color:#F577A2;
}
form {
	padding:0;
	margin:0;
}
ul {
	padding:0;
	margin:0;
	list-style:none;
}

--------------


p {
	margin:6px 0 0;
}

.blue {

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#main {
	width:370px;
	margin:0 auto;
}

.form_blue {


font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

h2 {
	margin:0;
}
h2.welcome {
	padding:10px 0 0 12px;
}
.link {
	display:block;
	width:90px;
	height:23px;
	overflow:hidden;
	background:url(../images/link-bg.jpg);
	color:#06739C;
	text-align:center;
	line-height:23px;
}
.welcome .link {
	float:right;
	margin-top:-5px;
}

#header {
	height:157px;
	position:relative;
	z-index:2;
}
a.logo {
	display:block;
	width:94px;
	height:73px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(http://terrynazon.com//images/logo.jpg);
	margin-left:2px;
	z-index:2;
	position:relative;
}
ul#top-nav {
	height:33px;
	position:absolute;
	left:225px;
	top:14px;
}
ul#top-nav li {
	float:left;
}
ul#top-nav li a {
	display:block;
	color:#fff;
	border-bottom:7px solid #fee1ec;
	background:#f680a7 url(../images/left-nav.gif) no-repeat;
	height:26px;
	float:left;
}
ul#top-nav li a:hover,
ul#top-nav li.active a {
	text-decoration:none;
	border-bottom:7px solid #94e0f6;
	background-position:0 -26px;
}
ul#top-nav li a span {
	display:block;
	float:left;
	height:26px;
	background:url(../images/right-nav.gif) no-repeat 100% 0;
	cursor:pointer;
	line-height:26px;
	padding:0 12px;
}
.safari ul#top-nav li a span {
	padding:0 10px;
}
ul#top-nav li a:hover span,
ul#top-nav li.active a span {
	background-position:100% -26px;
}
.left-header {
	height:26px;
	width:40%;
	position:absolute;
	top:14px;
	left:0;
	
}
.contacts-holder {
	position:absolute;
	bottom:0;
	right:0;
	color:#f576a1;
	width:70px;

	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
}
.contacts-holder label {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f7da6;
	padding:9px 0;
	display:block;
	width:50%;
	letter-spacing:0px;
}
.subscribe {
	width:66px;
	height:24px;
	overflow:hidden;
	float:left;
	background:url(../images/subscribe.gif);
}
.subscribe input {
	padding:0;
	border:0;
	width:66px;
	height:17px;
	margin:4px 0 0 4px;
	font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
	color:#06739c;
    letter-spacing:0px;
}
.go {
	float:left;
	margin:3px 0 0 3px;
}
#content {
	width:100%;
}
#left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holder {
	width:98px;
	float:left;
	background:url(../images/left-holder.gif);
	position:relative;
	z-index:2;
}
.left-holdert {
	background:url(../images/left-holdert.jpg) no-repeat;
	padding-top:45px;
}
.left-holderb {
	background:url(../images/left-holderb.gif) no-repeat 0 100%;
	padding-bottom:8px;
	height:1%;
}

#left-nav {
	padding:0 14px 0 21px;
	font-size:12px;
    letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#left-nav li {
	padding-top:1px;
	background:url(../images/dot.gif) repeat-x;
	position:relative;
	z-index:500;
}

#left-nav li a {
	display:block;
	z-index:650;		
	
}

#left-nav li a span {
	display:block;
	padding:15px 0 8px 44px;
	cursor:pointer;
	height:1%;
}
#left-nav li ul {
	display:none;
	position:absolute;
	left:179px;
	top:1px;
	padding-left:13px;
    background:url(../images/trans.gif) no-repeat;
	width:66px;
	z-index:850;		
}
#left-nav li:hover ul,
#left-nav li.active ul {
	display:block;
	z-index:950;		

}
#left-nav li ul li {
	padding:1px 0;
	border:1px solid #aee5f9;
	background-image:url(../images/trans.gif) no-repeat;
	background:#dcf4fd;
	z-index:1050;		
}
#left-nav li ul li a {
	color:#dcf4fd;
	padding:5px 0 5px 22px;
	background:url(../images/subnav.gif) no-repeat 8px 49% !important;
	color:#0f7da6;
	height:1%;
	z-index:1150;		
}


.ico-1 span {
	background:url(../images/icons/dailyforecast.png) no-repeat 0 50%;
}
.ico-2 span {
	background:url(../images/icons/weeklyforecast.png) no-repeat 0 50%;
}
.ico-3 span {
	background:url(../images/icons/monthlyforecast.png) no-repeat 0 50%;
}
.ico-4 span {
	background:url(../images/icons/yearahead.png) no-repeat 0 50%;
}
.ico-5 span {
	background:url(../images/icons/yearaheadforecast.png) no-repeat 0 50%;
}
.ico-6 span {
	background:url(../images/icons/moneyscopes.png) no-repeat 0 50%;
}
.ico-7 span {
	background:url(../images/icons/lovescopes.png) no-repeat 0 50%;
}
.ico-8 span {
	background:url(../images/icons/moneyforecast.png) no-repeat 0 50%;
}
.ico-9 span {
	background:url(../images/icons/luckyscopes.png) no-repeat 0 50%;
}
.ico-10 span {
	background:url(../images/icons/12sunsigns.png) no-repeat 0 50%;
}
.ico-11 span {
	background:url(../images/icons/sunsignsexplained.png) no-repeat 0 50%;
}
.ico-12 span {
	background:url(../images/icons/celebrityprediction.png) no-repeat 0 50%;
}
.ico-13 span {
	background:url(../images/icons/ico-13.gif) no-repeat 0 50%;
}
.ico-14 span {
	background:url(../images/icons/mayan.png) no-repeat 0 50%;
}
.ico-15 span {
	background:url(../images/icons/twitter.png) no-repeat 0 50%;
}
.ico-16 span {
	background:url(../images/icons/iHeart.png) no-repeat 0 50%;
}


.ico-17 span {
	background:url(../images/icons/todayplanet.png) no-repeat 0 50%;
}

.ico-18 span {
	background:url(../images/icons/ico-18.gif) no-repeat 0 50%;
}

.ico-19 span {
	background:url(../images/icons/facebook.png) no-repeat 0 50%;
}

.ico-20 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}

.ico-21 span {
	background:url(../images/icons/astrologyreport.png) no-repeat 0 50%;
}

.ico-22 span {
	background:url(../images/icons/shop.png) no-repeat 0 50%;
}

.ico-23 span {
	background:url(../images/icons/personalreading2.png) no-repeat 0 50%;
}

.ico-24 span {
	background:url(../images/icons/radio.png) no-repeat 0 50%;
}

.ico-25 span {
	background:url(../images/icons/radioarchieves.png) no-repeat 0 50%;
}

.ico-26 span {
	background:url(../images/icons/blog.png) no-repeat 0 50%;
}

.ico-27 span {
	background:url(../images/icons/natalchart.png) no-repeat 0 50%;
}

.ico-28 span {
	background:url(../images/icons/press.png) no-repeat 0 50%;
}

.ico-29 span {
	background:url(../images/icons/links.png) no-repeat 0 50%;
}

.ico-30 span {
	background:url(../images/icons/astrolove.png) no-repeat 0 50%;
}

.ico-31 span {
	background:url(../images/icons/money.png) no-repeat 0 50%;
}

.ico-32 span {
	background:url(../images/icons/newsletterico.png) no-repeat 0 50%;
}
.ico-33 span {
	background:url(../images/icons/podcast.png) no-repeat 0 50%;
}
.ico-34 span {
	background:url(../images/icons/contact.png) no-repeat 0 50%;
}

 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
 #center-holder {

	clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;
	
}
}