/* Put your custom CSS here */

/*Text*/

@font-face{
	font-family:akaChen;
	src:url(fonts/akachen-webfont.ttf);
}

@font-face{
	font-family:Avenir;
	src:url(fonts/Avenir.ttc);
}

h1{
	font-weight:normal;
	letter-spacing:1px;
	font-size:19pt;
	font-family:akaChen;
	color:#3baac2;
	padding:0px;
	margin:0px 0px 7px 0px;	
	text-shadow:none;
}

h2{
	color:#ea9315;
	font-family:Avenir, Helvetica, Arial, sans-serif;
	font-size:13pt;
	font-weight:bold;
	margin:0px;
	padding:7px 0px 0px 0px;
	text-shadow:none;
	font-weight:normal;
}

p{
	color:#606060;
	font-weight:normal;
	font-family:Avenir, Helvetica, Arial, sans-serif;
	font-size:13pt;
	line-height:18pt;
	margin:0px;
	padding:0px;
	text-shadow:none;
}

a:link, a:visited, a:active{
	color:#606060;
	font-family:Avenir, Helvetica, Arial, sans-serif;
	font-size:12pt;
	line-height:16pt;
	text-decoration:none;
}

/*Theme A*/

.ui-bar-a {
	border: none /*{a-bar-border}*/;
	background: #fff /*{a-bar-background-color}*/;
	color: #fff /*{a-bar-color}*/;
	font-weight: normal;
	text-shadow: none;
	background-image:none;
}

.ui-body-a,
.ui-overlay-a {
	border: none /*{a-body-border}*/;
	color: #606060 /*{a-body-color}*/;
	font-weight:normal;
	font-family:Avenir, Helvetica, Arial, sans-serif;
	font-size:12pt;
	line-height:17pt;
	text-shadow: none;
	background: #fff/*{a-body-background-color}*/;
}

.ui-overlay-a {
	background-image: none;
	border-width: 0;
	background:#fff;
}

/*Home*/

#home, #r, #r1, #r2, #r3, #r4, #r5, #r6, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #et, #et1, #et2, #et3, #et4, #et5, #ev, #ev1, #ev2, #ev3, #ev4, #ev5, #ev6, #ev7, #ev8, #ev9, #ev10, #ev11, #ev12, #ev13, #ev14, #ev15, #ev16, #ev17, #ev18, #ev19, #ev20, #ev21, #s, #s1, #s2, #s3, #s4, #s5, #s6{
	background:#fff;
}

body{
	width:768px;
	position:relative;
	color:#606060;
	font-family:Avenir, Helvetica, Arial, sans-serif;
	font-size:12pt;
	line-height:16pt;
	background-image:url(images/background.jpg);
}

.logo{
	position:relative;
	left:10px;
	float:left;
}

nav{
	background-color:#ea9213;
	position:relative;
	height:52px;
	width:406px;
	top:25px;
	left:0px;
	float:right;
}

nav ul{
	display:inline;
	list-style-type: none;
}

.navbuttons{
	position:relative;
	top:9px;
	left:15px;
}

.navicon{
	padding-right:20px;
}

.description{
	position:relative;
	left:55px;
	top:50px;
}

#homepixbox{
	position:absolute;
	width:676px;
	height:715px;
	top:265px;
	left:45px;
}

.homepix{
	position:relative;
	float:right;
	display:inline;
}

#relationshipix{
	margin:0px 3px 2px 0px;
}

#everydaypix{
	position:relative;
	margin:0px 3px 0px 0px;
	top:-115px;
}

#socialpix{
	position:relative;
	margin:3px 0px 0px 0px;
}

/*Quiz Pages*/

.quizbox{
	position:absolute;
	width:676px;
	height:auto;
	top:265px;
	left:45px;
	background-color:#e4faff;
}

.scenario{
	position:relative;
	width:596px;
	left:40px;
	top:40px;
}

.options{
	position:relative;
	width:556px;
	height:auto;
	margin-bottom:90px;
	left:80px;
	top:55px;
}

.optionA, .optionB, .optionC, .optionD{
	position:relative;
	height:auto;
	margin-bottom:10px;
}

.a, .b, .c, .d, .e{
	position:relative;
	margin-right:15px;
	display:inline;
	margin-bottom:auto;
}

.optiontext{
	position:relative;
	width:496px;
	display:inline;
	top:-39px;
	float:right;
}