/*
   css by ms.concept
    msconcept.info
*/


/* ---- clean css ---- */

*, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, th,
td, blockquote 
{
    margin: 0px;
    padding: 0px;
}

fieldset, img 
{ 
    border: 0; 
}

/* ---- page css ---- */

html
{
    margin: 0;
    padding: 0;
    height: 100%;
    background: #ffffff;
    font: 12px Arial;
    color: #ffffff;
}

body
{
		height: 100%;
}

#header
{
    height: 133px;
    width: 100%;
    background: url('/images/header_bg.jpg');    
}

.top
{
    padding: 7px 0px 0px 5px;
}

.top a.link
{
    font-size: 10px;
    color: #c3bb9e;
    text-decoration: none;
    margin-right: 5px;
}

.top a.link:hover
{
    text-decoration: underline;
}

.top a.image
{
    padding: 0px 5px 0px 5px;
}

.center
{
    height: auto;
    width: 990px;
    text-align: right;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

#menu
{
    width: 846px;
    height: 108px;
    position: absolute;
    margin: 25px 0px 0px 124px;
}

#quiz_links .shell
{
		border: 1px solid #000000;
		text-decoration: none;
		color: #000000;
		font-weight: bold;
		width: 50px;
		height: 17px;
		width: 17px;
		text-align: center;		
		margin: 0px;
}

#quiz_links div
{
		float: left;
		width: 21px;
		height: 21px;
		cursor: default;
		padding: 1px 0px 0px 1px;
		border: 2px solid #ffffff;
		position: relative;
		margin-left: 10px;
}

#quiz_links .selected
{
		border: 2px solid #b10500;
}

.quiz_box
{
		height: auto;
		width: 250px;
		margin-right: 20px;
		float: left;
}

.quiz_box input
{
		float: left;
}

.quiz_box img
{
		margin-bottom: 3px;
}

.quiz_box .answer
{
		font-size: 14px;
		display: block;
		float: left;
		margin: -1px 0px 0px 7px;
}

.quiz_box .small
{
		font-size: 12px;
		margin-top: 7px;
		display: block;
}

#logo
{
    width: 238px;
    height: 11px;
    margin-top: 22px;
		margin-left: 20px;
    background: url('/images/logo.jpg');
    position: absolute;
}

#menu .text
{
    width: 100%;
    height: 46px;
    position: absolute;
    margin-top: 56px;
    font-size: 14px;
}

#menu .last
{
    background: none;
}

#menu a
{
    padding: 18px 20px 18px 20px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    float: left;
		background: url('/images/nav_spacer3.jpg') center right no-repeat;
}

#menu a.selected
{
    background: #ffffff;
    color: #000000;
    border-left: 1px solid #afa88e;
    border-right: 1px solid #afa88e;
    margin-left: -1px;
    z-index: 99999;
}

#menu .spacer
{
    height: 16px;
    width: 1px;
    background: url('/images/nav_spacer.jpg');
    float: left;
    margin-top: 17px;
    z-index: 1;
}


#main .left
{
    width: 146px;
    height: 100%;
    float: left;
}

#main .left img
{
    margin: 35px 0px 0px 16px;
}

#main .right
{
    height: 100%;
    width: 844px;
    float: left;
    padding-top: 35px;
    color: #000000;
		padding-left: 146px;
		background: url('/images/logo_left.jpg') 20px 30px no-repeat;
}

#main .right .list
{
    width: 247px;
    height: 148px;
    background: url('/images/nav_spacer2.jpg') repeat-y top right;
    float: left; 
    padding: 5px 15px 0px 25px;
}

#main .right .list a
{
    font-size: 11px;
    color: #939090;
    text-decoration: none;
		display: block;
}

#main .right .list a:hover
{
    text-decoration: underline;
}

#content
{
    margin-top: 50px;
}

#page
{
		min-height: 100%;
		height: auto !important;
	  height: 100%;
		margin: 0 auto -50px;
}

#content .c_left
{
    width: 450px;
    height: auto;
		float: left;
    padding-right: 26px;
    background: url('/images/nav_spacer2.jpg') top right repeat-y;
		text-align: justify;
}


#content .c_right
{
    width: 327px;
    height: auto;
		float: right;
    background-color: #ebe8df;
    padding: 15px 10px 15px 15px;
    font-size: 11px;
		text-align: justify;
}

#content .c_right img
{
    float: left;
}

#content .c_right div img
{
    margin: 15px 10px 5px 0px;
}

#content .c_right div .spacer
{
    width: 100%;
    background: url('/images/spacer_right.jpg');
    height: 1px;
    margin: 10px 0px 5px 0px;
}

#content .c_right .element
{
    height: auto;
		min-height: 20px;
    padding-left: 25px;
    margin-top: 1px;
    background: url('/images/expand.jpg') no-repeat;
}

#content .c_right ul
{
    list-style-type: none;
}

#content .c_right li
{
    width: 100%;
    background: url('/images/spacer_right.jpg') bottom left repeat-x;
    padding: 5px 0px 8px 0px;
    cursor: pointer;
    font: bold 14px Arial;
    clear: both;
    height: auto;
		min-height: 20px;
}

#content .c_right h2
{
    font: bold 18px Arial;
}

#content h1
{
    font: normal 30px Arial;
    border-bottom: 1px solid;
    width: 100%;
    background: #ffffff;
    margin-bottom: 10px;
}

#quote
{
    width: 239px;
    background: url('/images/left_quote.jpg') 0px 5px no-repeat;
    padding-left: 30px;
    margin: 25px 0px 30px 40px;
}

#end_quote
{
    width: 19px;
    height: 16px;
    background: url('/images/right_quote.jpg');
    margin: -10px 0px 0px 220px;
}

#quote_author
{
    font-size: 10px;
    margin-top: 10px;
}

#footer
{
    background: url('/images/footer_shaddow.jpg') repeat-x;
    width: 100%;
    margin: 10px 0px 0px 0px;
    color: #000000;
    font-size: 10px;
    padding: 5px 0px 5px 0px;
		bottom: 0px;
		height: 20px;
		background: #c3bb9e;
}

#footer .left
{
    padding-left: 5px;
}

.list_box
{
    width: 320px;
    height: 100px;
    position: absolute;
    cursor: pointer;
}

.list_box:hover
{
    text-decoration: underline;
}

.list_box .left_text
{
    float: left;
    height: 100px;
    width: 160px;
    background: url('/images/arrow_left.jpg') 0px 3px no-repeat;
    padding-left: 10px;
    margin-left: 6px;
    font: normal 11px Arial;
    margin-top: 3px;
}

.list_box .right_text
{
    float: right;
    height: 100px;
    width: 160px;
    background: url('/images/arrow_right.jpg') 162px 3px no-repeat;
    padding-right: 10px;
    margin-right: 6px;
    font: normal 11px Arial;
    text-align: right;
    margin-top: 3px;
}

.list_box .right_text div
{ 
    float: right;
}

.list_box div
{
    font: bold 14px Arial;
    float: left;
    width: 250px;
    height: auto;
}

.flag
{
		width: 100px;
		height: 90px;
		float: left;
		margin: 0px 30px 30px 0px; 
		cursor: pointer;
}

.flag:hover span
{
		text-decoration: underline;
}

.title
{
		background: #000000;
		padding: 1px;
		border: 14px solid #ffffff;
		-moz-box-shadow: 1px 1px 15px #6e6e6e;
		-webkit-box-shadow: 1px 1px 15px #6e6e6e;
		margin-top: -50px;
}

.pulse_box
{
		width: 103px;
		height: 102px;
		border-right: 1px solid #000000;	
		border-bottom: 1px solid #000000;	
		background: #ffffff;
		float: left;
		z-index: 0;
}


#pulse_frame
{
		width: 727px;
		height: 411px;
		position: absolute;
		margin: -35px 0px 0px 15px;
}

#pulse_frame .link_box
{
		background-color: #ffffff;
		opacity: .88; 
		filter: alpha(opacity=88); 
		-ms-filter: "alpha(opacity=88)";
		-khtml-opacity: .88; 
		-moz-opacity: .88; 
		height: 92px;
		width: 83px;
		z-index: 99999;
		float: left;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		cursor: pointer;
		font-size: 14px;
		padding: 10px 10px 0px 10px;
}

#pulse_frame .link_box:hover
{
		opacity: .99; 
		filter: alpha(opacity=99); 
		-ms-filter: "alpha(opacity=99)";
		-khtml-opacity: .99; 
		-moz-opacity: .99; 
		text-decoration: underline;
}

#frame1
{
		width: auto;
		height: auto;
		width: 847px;
}

#frame1 .p_left
{
		width: 205px;
		float: left;
		padding-top: 50px;
}

#frame1 .p_left .frame
{
		height: 45px;
		background-repeat: no-repeat;
		padding: 15px 5px 0px 63px;
		cursor: pointer;
		margin-bottom: 10px;
		width: 125px;
}
#frame1 .p_left .frame:hover
{
		text-decoration: underline;
}

#frame1 .p_right
{
		width: 640px;
		float: left;
}

#frame1 .p_right .p_nav
{		
		width: 154px;
		height: 60px;
		border-right: 1px solid #cecece;
		float: left;
}

.bold
{
		font-weight: bold;
}

#frame1 .p_right .p_nav .pos
{
		padding: 11px 0px 0px 14px;
}

#frame1 .p_right .p_nav .pos .bubble
{
		background: url('/images/bubble_small.jpg');
		height: 21px;
		width: 16px;
		padding: 5px 0px 0px 10px;
		float: left;
		margin-right: 5px;
		font-weight: bold;
}

#frame1 .p_right .p_nav .pos .text
{
		float: left;
		margin-top: 5px;
		width: 100px;
}

#frame1 .p_right .p_nav .pos .text a
{
		color: #000000;
		text-decoration: none;
}

#frame1 .p_right .p_nav .pos .text a:hover
{
		text-decoration: underline;
}

.opacity
{
		opacity: .40;
    filter: alpha(opacity=40); 
    -ms-filter: "alpha(opacity=40)"; 
    -khtml-opacity: .40; 
    -moz-opacity: .40; 
}

#menu_bottom {
		width: 640px;
		height: 60px;
		margin-top: 30px;
}

.frame
{
		height: 45px;
		background-repeat: no-repeat;
		padding: 15px 5px 0px 63px;
		cursor: pointer;
		margin-bottom: 10px;
		width: 200px;
		float: left;
}

.frame a
{
		color: #000000;
		text-decoration: none;
}

.frame:hover
{
		text-decoration: underline;
}

.frame2
{
		height: 45px;
		background-repeat: no-repeat;
		padding: 15px 5px 0px 63px;
		cursor: pointer;
		margin-bottom: 10px;
		width: 200px;
		position: relative;
}

.frame2 a
{
		color: #000000;
		text-decoration: none;
}

.frame2:hover
{
		text-decoration: underline;
}

.plan_links br
{
		margin-bottom: 20px;
}

.plan_links a
{
		text-decoration: none;
		color: #000000;
}

.plan_links a:hover
{
		background: #000000;
		color: #ffffff;
}
a.bg_select
{
		background: #000000;
		color: #ffffff;
}

.thumb_holder
{
		background: url('/images/thumb_holder.jpg') no-repeat;
		width: 245px;
		height: 183px;
		position: absolute;
		margin: 280px 0px 0px -204px;
		padding: 25px;
		font-size: 11px;
}

#google
{
		position: absolute;
		right: 0px;
		margin-top: 13px;
}

#google_search
{
		width: 5px;
		height: 9px;
		background: url('/images/google_arrow.jpg');
		border: 0px;
		margin: 5px 0px 0px 5px;
		float: right;
}