*{
	margin: 0;
	padding: 0;
	border: 0;
}


html, body {
	height: 100%;
}

body {
	font-family: Arial;
	font-size: 14px;
	color: #666666;
	text-align: center;  /* To center site in browser in ie */
	background: url(../img/background.png) repeat-x;
	background-position: top center;
	background-color: #FFF;
}

a { font-weight: bold; text-decoration: none; }
a:link { color: #ed1b7b; }
a:visited { color: #ed1b7b; }
a:hover { color: #9f1e60; }
a:active { color: #9f1e60; }

.active {
	color: #9f1e60 !important;
}

a img {
	border: none;
} 

h1 {
	font-size: 18px;
	font-family: Arial;
	color: #ee137a;
	margin-bottom: 6px;
	font-weight: normal;
}

h2 {
	font-size: 16px;
	font-family: Arial;
	color: #a01b5f;
	margin-bottom: 6px;
	font-weight: normal;
}

.float_l {float: left;}
.float_r {float: right;}

.clear_l { clear: left;}
.clear_r { clear: right;}
.clear { clear: both;}

div.main {
	width: 858px;
	margin: 0 auto; /* To center site in browser in ff */
	text-align: left; /* To cancel the center site in browser in ie, realign text left */
}

a.logo {
	float: left;
	width: 231px;
	height: 72px;
	background: url(../img/passionate_logo.png) no-repeat;
	margin-top: 20px;
	margin-left: 29px;
}

div.nav {
	width: 508px;
	height: 42px;
	float: right;
	margin-top: 43px;
	margin-right: 29px;
	display: inline;
}


a.nav_1 {
	float: left;
	width: 73px;
	height: 42px;
	background: url(../img/nav_01.png) no-repeat;
	margin-right: 2px;
}

a.nav_7 {
	float: left;
	width: 87px;
	height: 42px;
	background: url(../img/nav_02.png) no-repeat;
	margin-right: 2px;
}

a.nav_2 {
	float: left;
	width: 87px;
	height: 42px;
	background: url(../img/nav_03.png) no-repeat;
	margin-right: 2px;
}

a.nav_9 {
	float: left;
	width: 77px;
	height: 42px;
	background: url(../img/nav_04.png) no-repeat;
	margin-right: 2px;
}

a.nav_12 {
	float: left;
	width: 87px;
	height: 42px;
	background: url(../img/nav_05.png) no-repeat;
}

a.nav_8 {
	float: left;
	width: 87px;
	height: 42px;
	background: url(../img/nav_07.png) no-repeat;
	margin-right: 2px;
}

a.nav_1:hover, a.nav_2:hover, a.nav_12:hover, a.nav_8:hover, a.nav_9:hover, a.nav_7:hover {
	background-position: 0 -42px;
}

a.selected {
	background-position: 0 -42px;
}

div.cont {
	float: left;
	width: 858px;
	background: url(../img/panel_01.png) no-repeat;
	background-position: top center;
	background-color: #FFF;
}

div.cont p{
	margin-bottom: 10px;
}

div.cont ul{
	margin-left: 50px;
	margin-bottom: 10px;
}

div.bottom {
	float: left;
	width: 858px;
	height:67px;
	background: url(../img/panel_02.png) no-repeat;
	background-position: top center;
	background-color: #FFF;
	margin-bottom: 10px;
}

div.both_sides {
	float: left;
	display: inline;
	width: 768px;
	margin-left: 45px;
	margin-top: 50px;
}

div.both_sides2 {
	float: left;
	display: inline;
	width: 768px;
	margin-left: 45px;
	margin-top: 10px;
}

div.left_side {
	float: left;
	display: inline;
	width: 564px;
	margin-left: 45px;
	margin-top: 50px;
}

div.right_side {
	float: right;
	display: inline;
	width: 188px;
	margin-right: 45px;
	margin-top: 50px;
}

div.left_home {
	float: left;
	width: 434px;
}

div.right_home {
	float: right;
	margin-top: 9px;
}

div.home_pod_l {
	width: 187px;
	float: left;
	position: relative;
}

div.home_pod_r {
	width: 187px;
	float: right;
	position: relative;
}

div.home_pod_marg {
	margin-left: 6px;
}

div.quotespace p{
	margin-left: 31px;
	margin-right: 31px;
}

div.open {
	float: left;
	width: 21px;
	height: 20px;
	background: url(../img/openquote.png) no-repeat;
	margin-right: 10px;
}

div.close {
	float: right;
	width: 21px;
	height: 20px;
	background: url(../img/closequote.png) no-repeat;
}

p.name {
	margin-top: -10px;
}

a.dev {
	float: right;
	width: 104px;
	height: 40px;
	background: url(../img/dev.png) no-repeat;
	margin-top: 40px;
	margin-right: 45px;
}

a.dev:hover {
	background-position: 0 -40px;
}

div.bot_nav {
	float: left;
	width: 770px;
	margin-left: 45px;
	margin-top: 20px;
}
div.bot_nav p{
	font-size: 10px;
	margin-bottom: 0px;
}

div.sideback {
	float: left;
	width: 187px;
	height:252px;
	background: url(../img/side_back.png) no-repeat;
	background-position: top center;
	margin-bottom: 10px;
}

div.sideback_sm {
	float: left;
	width: 187px;
	height: 137px;
	background: url(../img/side_back2.png) no-repeat;
	background-position: top center;
}

div.sign {
	float:left;
	height: 22px;
	width: 179px;
	background: url(../img/inputback.png) no-repeat;
	border: none;
	padding: 0px;
}

.signinput {
	float:left;
	width: 114px;
	height: 14px;
	border: none;
	margin: 4px;
	background-color: transparent;
}

a.prof1 {
	float: left;
	width: 87px;
	height: 57px;
	background: url(../img/prof1.png) no-repeat;
}

a.prof2 {
	float: left;
	width: 87px;
	height: 57px;
	background: url(../img/prof2.png) no-repeat;
}

a.prof1:hover, a.prof2:hover {
	background-position: 0 -67px;
}

div.subpan {
	position: absolute;
	left: 50%;
	/* margin-left: -70px; */
	top: 85px;
	float: left;
	width: 140px;
	z-index: 200;
}

div.subpan_01 {
	margin-left: -60px;
}

div.subpan_02 {
	margin-left: 30px;
}

div.subpan_03 {
	margin-left: 116px;
}
div.subpan_04 {
	margin-left: 290px;
}
div.subpan_05 {
	margin-left: 200px;
}

div.subtop {
	float: left;
	width: 140px;
	height: 16px;
	background: url(../img/subtop.png) no-repeat;
}

div.subbot {
	float: left;
	width: 140px;
	height: 17px;
	background: url(../img/subbottom.png) no-repeat;
}

div.subspace {
	float: left;
	width: 140px;
	height: 8px;
	background: url(../img/subspace.png) no-repeat;
}

div.subpan a{
	float: left;
	width: 140px;
	height: 36px;
}

div.prices1 {
	float: left;
	padding: 4px;
	width: 377px;
	border-right: 1px dashed #999;
}

div.prices2 {
	float: left;
	padding: 4px;
}

div.prices3 {
	float: right;
	width: 170px;
	padding: 4px;
}

div.botborder {
	border-bottom: 1px solid #999;
}

div.shade {
	background-color: #f3f3f3;
}

div.prices1 p, div.prices2 p, div.prices3 p{
	margin-bottom: 0px;
}

div.prices1 ul{
	margin-left: 50px;
	margin-bottom: 0px;
}

div.resourcesleft {
	float: left;
}

div.resourcesleft p, div.resourcesleft a{
	margin-bottom: 0px;
}

div.contact {
	float: left;
	width: 150px;
	padding-top: 3px;
}
div.contact p {
	text-align: right;
}

div.contact2 {
	float: left;
	margin-left: 10px;
	width: 400px;
	padding-top: 3px;
}
div.contact2 p {
	text-align: left;
}

div.sign2 {
	height: 22px;
	width: 159px;
	background: url(../img/inputback2.png) no-repeat;
	border: none;
	padding: 0px;
	margin-bottom: 4px;
}

div.sign3 {
	height: 84px;
	width: 234px;
	background: url(../img/messageback.png) no-repeat;
	border: none;
	padding: 0px;
	margin-bottom: 4px;
}

.signinput2 {
	float:left;
	width: 150px;
	height: 14px;
	border: none;
	margin: 4px;
	background-color: transparent;
}

.signinput3 {
	float:left;
	width: 226px;
	height: 77px;
	border: none;
	margin: 4px;
	background-color: transparent;
}

a.signup {
	float: right;
	width: 57px;
	height: 22px;
	background: url(../img/signup.png) no-repeat;
}

input.send {
	float: left;
	width: 46px;
	margin-top: 10px;
	height: 22px;
	background: url(../img/send.png) no-repeat;
}

a.signup:hover, input.send:hover {
	background-position: 0 -22px;
}

div.half {
	float: left;
	width: 246px;
}

div.half label {
	margin-left: 4px;
}

a.download {
	float: left;
	width: 159px;
	height: 22px;
	background: url(../img/download.png) no-repeat;
	margin-left: 10px;
	margin-bottom: 10px;
}

a.download2 {
	float: left;
	width: 159px;
	height: 22px;
	background: url(../img/download.png) no-repeat;
	position: absolute;
	top: 121px;
	left: 0px;
}

a.hearmore {
	float: left;
	width: 161px;
	height: 22px;
	background: url(../img/hearmore.png) no-repeat;
	margin-left: 12px;
	margin-top: 6px;
}

a.hearmore2 {
	float: left;
	width: 161px;
	height: 22px;
	background: url(../img/hearmore.png) no-repeat;
	margin-left: 12px;
	margin-top: 13px;
}

a.download:hover, a.hearmore:hover, a.hearmore2:hover, a.download2:hover {
	background-position: 0 -22px;
}

div.audioback {
	float: right;
	width: 189px;
	height: 31px;
	background: url(../img/audioback.png) no-repeat;
}

p.nav_head {
	font-family:Arial;
	font-size:12px;
	color:#666;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px !important;
}

p.dev_by {
	float: right;
	font-family:Arial;
	font-size:10px;
	color:#666;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.footer_left {
	float: left;
	width: 120px;
	margin-bottom: 10px;
}

div.footer_middle {
	float: left;
}

div.footer_right {
	float: right;
	width: 160px;

}

a.ofslogo {
	float: right;
	width: 111px;
	height: 41px;
	background: url(../img/ofs_logo.png) no-repeat;
	background-position: 0 0;
	margin-top: 16px;
}

a.ofslogo:hover {
	background-position: 0 -41px;
}

a.facebookfan {
	float: left;
	width: 97px;
	height: 22px;
	background: url(../img/fan.png) no-repeat;
	background-position: 0 0;
	margin: 6px 0 0 0; 
	position: absolute;
	top: 115px;
	left: 0px;
}

a.facebookfan2 {
	float: left;
	width: 97px;
	height: 22px;
	background: url(../img/fan.png) no-repeat;
	background-position: 0 0;
	margin: 0; 
	position: absolute;
	top: 32px;
	left: 50px;
}

a.facebookfan:hover, a.facebookfan2:hover {
	background-position: 0 -22px;
}

div.twitter {
	float: right;
	width: 187px;
}

div.twitterback {
	float: left;
	width: 187px;
	height: 137px;
	background: url(../img/twitterback.png) no-repeat;
	position: relative;
}

div.twitterback ul{
	font-size: 11px;
	margin: 4px 6px 0 6px;
	text-align:left; 
	list-style-type: none;
}

div.twitterback li{
	color: #545454;
}

div.twitterback li span{
	color: #666;
}

a.follow {
	float: left;
	width: 133px;
	height: 22px;
	background: url(../img/follow.png) no-repeat;
	background-position: 0 0;
	margin: 6px 0 0 0px; 
	position: absolute;
	top: 92px;
	left: 0px;
}

a.follow2 {
	float: left;
	width: 133px;
	height: 22px;
	background: url(../img/follow.png) no-repeat;
	background-position: 0 0;
	margin: 0 0 0 0;
	position: absolute;
	top: 32px;
	left: 50px;
}

a.follow:hover, a.follow2:hover {
	background-position: 0 -22px;
}

div.back_line {
	height: 160px;
	width: 768px;
	background: url(../img/back_line.png) no-repeat;
	border: none;
	padding: 0px;
}

div.soc_left {
	float: left;
	width: 274px;
	margin-right: 16px;
	position: relative;
}

div.soc_left ul{
	font-size: 12px;
	margin: 4px 6px 0 6px;
	text-align:left; 
	list-style-type: none;
}

div.soc_left li{
	color: #545454;
	margin-bottom: 10px;
}

div.soc_right {
	float: left;
	width: 274px;
	position: relative;
}

div.twitterbird {
	float: left;
	width: 40px;
	height: 40px;
	background: url(../img/twitterbird.png) no-repeat;
	margin-right: 10px;
	margin-bottom: 12px;
}

div.twitter_scroll {
	height: 400px;
	overflow-x: auto;
	overflow-y:	scroll;
	border: 1px solid #999;
}

.submit_comment { float: left; background: url(../img/addcomment.png); width: 97px; height: 22px; background-position: 0 0;}
.submit_comment:hover { background-position: 0 -22px; }

div.right_side ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
}

div.right_side ul {
	margin-left: 0px;
}

p.heading_box {
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px!important;
	color: #666 !important ;
}

label.search {
	float: left;
	height: 22px;
	width: 122px;
	background: url(../img/inputback.png) no-repeat;
	border: none;
	padding: 0px;
	margin: 0px;
}

.signup {
	float:left;
	width: 122px;
	height: 22px;
	border: none;
	background-color: transparent;
	font-size: 10px;
	background: url(../img/inputback.png) no-repeat;

}

.search_but {
	float: left;
	width: 59px;
	height: 22px;
	background: url(../img/searchbut.png) no-repeat;
	background-position: 0 0;
	margin: 0 0 0 0; 
}

.search_but:hover {
	background-position: 0 -22px;
}

div.right_side li {
	font-size:10px;
	margin-left:10px;
}

div.right_side h2 {
	font-size:16px;
	text-align: left;
}

div.sideback h2 {
	font-size:16px;
	text-align: center;
}

ul.search_norm li{
	margin-left:0px;
}

div.horrule {
  height: 1px;
  border-top: 1px dashed #666;
  margin-top: 3px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
}

div.entry {
	margin-top: 10px;
}

ul.topnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul.topnav li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	top: 100%;
	left: -27px;
	margin: 0;
	padding: 0 4px;
	display: none;
	z-index: 100;
	border: 0px;
	margin-top: 4px;
}

ul.topnav li ul.subnav li {
	margin: 0;
	padding: 0px;
	margin-bottom: 0px;
	clear: both;
	position: relative;
	list-style: none;
}

ul.topnav li ul.subnav li a {
	float: left;
	background: url(../img/subnavback.png) repeat-y;
	margin: 0;
	width: 132px;
	height: 36px;
	font-weight: normal;
	/* width: 100px; */
	color: #666666;
	text-align: center;
	font-size: 14px;
	padding: 0 4px;
	vertical-align: middle;
	line-height: 36px;
}
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(../img/subnavback2.png) repeat-y;
	color: #fff;
}

form.contact_form label, form.resource_form labe, form.labelled label {
	clear: both;
	float: left;
	width: 90px;
	font-weight: bold;
}

form.contact_form input, form.resource_form input, form.labelled input, form.contact_form textarea, form.resource_form textarea, form.labelled textarea {
	margin-bottom: 10px;
}
form.contact_form label span, form.resource_form label span, form.labelled label span, span.req {
	color: red;
}

form.contact_form input, form.contact_form textarea {
	border: 1px solid #9f1e60;
	padding: 2px;
}

div.contactlabel  {
float:left;
margin-right:0;
width:100px;
}

div.contactinfo {
float:left;
}

input.submit_but {
	float: left;
	width: 46px;
	height: 22px;
	background: url(../img/send.png) no-repeat;
	margin-left: 90px !important;
	border: 0px !important;
}

input.submit_but:hover {
	background-position: 0 -22px;
}

div.share {
	float: left;
}

div.comments p, div.share p{
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
}

div.share ul{
	list-style-type: none;
	margin-bottom: 0px;
	}
	
div.share li{
	float: left;
	margin-left: 10px;
	}
	
div.comments {
	float: right;
	text-align: right;
	font-size: 12px;
	margin-top: 8px;
}

div.share {
	float: left;
	margin-bottom: 0px;
	width: 300px;
}

div.share ul {
	list-style-type: none;
	margin-top: 7px;
	margin-bottom: 0px;
}

div.share li {
	float: left;
	margin-left: 4px;
}

div.share a {
	float: left;
	width: 16px;
	height: 16px;
}

div.share span {
	float: left;
	margin-top: 8px;
	font-size: 12px;
}

div.blogfooter {
	float: left;
	min-height: 30px;
	padding: 0 0px;
	width: 520px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #666;
	width: 564px;
}

a.facebook{ background: url(../img/facebook.png) no-repeat; }
a.twitter{ background: url(../img/twitter.png) no-repeat; }
a.myspace{ background: url(../img/myspace.png) no-repeat; }
a.digg{ background: url(../img/digg.png) no-repeat; }
a.delicious{ background: url(../img/delicious.png) no-repeat; }
a.reddit{ background: url(../img/reddit.png) no-repeat; }
a.linkedin{ background: url(../img/linkedin.png) no-repeat; }
a.stumble{ background: url(../img/stumble.png) no-repeat; }
a.email{ background: url(../img/email.png) no-repeat; }

span.blogtag {
	color: #818181;
}

div.right_side fieldset {
margin: -20px 0 0 0;
}

div.blogtitle {
	float: left;
	height: 40px;
	padding: 0 0 10px 0;
	width: 564px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

span.blogtag {float: right;}