html, body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body{
	background: url(/images/bg.gif) repeat 1px 1px;
	text-align: center;
}

#wrap{
	position: relative;
	width: 978px;
	padding: 0 11px;
	text-align: left;
	min-height: 100%;
	background: url(/images/shadows.png) repeat-y 0 0;
	margin: 0 auto;
}
* html #wrap{
	height: 100%;
	background: url(/images/shadows.gif) repeat-y 0 0;
}
#top{
	position: relative;
	height: 72px;
	background: #fff;
}

#logo{
	width: 278px;
	height: 45px;
	margin: 12px 0 0 15px;
	color: #000;
	font-size: 35px;
	font-weight: bold;
	font-family: serif;
	line-height: 45px;
}

#links{
	position: absolute;
	top: 8px;
	right: 0;
	width: 245px;
	height: 19px;
}

#links a{
	margin: 0 6px 0 5px;
	color: #fff;
	font-size: 9px;
}

#links a img{
	background: #707070;
	width: 13px; 
	height: 11px;
	margin: 4px 5px;
}
#links a:hover img{
	background: #e10300; 
}

#search{
	position: absolute;
	top: 36px;
	right: 0;
	width: 235px;
	height: 19px;
	line-height: 16px;
}

#search input.text{
	margin: 0 0 2px 0;
	width: 195px;
	height: 16px;
	font-size: 11px;
	line-height: 16px;
	color: #989898;
	border: 1px solid #020202;
}

#search input.bttn{
	width: 22px;
	height: 19px;
	border: 0;
	background: #ccc url(/images/search_bttn.gif) no-repeat 0 0;
	cursor: pointer;
	margin: 0 0 2px 0;
}
#search input.radiobttn{
	margin: 0;
}

#phone{
	position: absolute;
	top: 8px;
	left: 420px;
	width: 250px;
	height: 50px;
	background: url(/images/phone.jpg) no-repeat 0 12px;
	padding-left: 50px;
	color: #000;
	font-size: 50px;
	line-height: 50px;
	font-family: "Palatino Linotype", serif;
}

#phone span{
	position: relative;
	color: #000;
	font-size: 17px;
	line-height: 25px;
	bottom: 8px;
}

#head{
	position: relative;
	height: 186px;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;	
	background: #f2c11c url(/images/bg_menu.gif) repeat-x 0 0;
	padding-right: 744px;
}

#menu{
	position: relative;
	display: block;
	margin: 0;
	padding: 12px 0 0 0;
	height: 174px;
	border-right: 1px solid #99979a;
	list-style-image: none;
	list-style: none;
}

#menu li{
	background: url(/images/menu_marker.gif) no-repeat 16px 12px;
	padding: 6px 0 7px 40px;
	margin: 0;
}

#menu li a{
	text-decoration: none;
	color: #000;
	font-size: 18px;
	font-family: "Palatino Linotype", serif;
	line-height: 20px;
}

#menu li a:hover{
	color: #e10300;
}

#head1{
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #676c70;
	height: 90px;
	width: 743px;
	background: url(/images/head1.jpg) no-repeat 0 0;
}
#head2{
	position: absolute;
	top: 90px;
	right: 0;
	border-left: 1px solid #676c70;
	height: 96px;
	width: 743px;
	background: url(/images/head2.jpg) no-repeat 0 0;
}

#container{
	background: #ededed url(/images/bg_gradient.gif) repeat-x 0 0;
	position: relative;
	z-index: 40;
	width: 100%;
}

#content{
	position: relative;
	z-index: 40;
	float: left;
	width: 100%;
}

#text{
	position: relative;
	z-index: 40;
	padding: 0 265px 0 275px;
}

#left{ 
	position: relative;
	z-index: 40;
	float: left;
	width: 250px;
	padding: 4px 0 0 15px;
	margin-left: -100%;
}

.brushes{
	width: 242px;
	height: 63px;
	margin-bottom: 17px;
}
.brush1{background: #008742 url(/images/brush1.jpg) no-repeat 95px 0;}
.brush2{background: #025081 url(/images/brush2.jpg) no-repeat 95px 0;}
.brush3{background: #980017 url(/images/brush3.jpg) no-repeat 95px 0;}

.brushes div{
	background: url(/images/brush.jpg) no-repeat 0 0;
	height: 63px;
	padding: 0 0 0 90px;
}
.brushes a, .brushes a:visited{
	display: block;
	text-decoration: none;
	height: 59px;
	padding: 4px 10px 0 35px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	font-family: "Palatino Linotype", serif;
}

.brushes a:hover{
	color: #fff;
	text-decoration: underline;
}

#right{
	position: relative;
	z-index: 40;
	float: left;
	width: 230px;
	padding: 9px 15px 0 0;
	margin-left: -247px;
}	

.rightblock0{
	padding: 10px 5px 0 15px;
	width: 212px;
	margin-bottom: 17px;
	font-family: "Palatino Linotype", serif;
	font-size: 14px;
	line-height: 17px;
}

.rightblock0 h3, .rightblock0 p{
	margin-bottom: 6px;
}

.block_top, .block_bottom{
	position: absolute;
	width: 7px;
	height: 7px;
	z-index: 1;
}

.block_top{
	background: url(/images/block_lt.gif) no-repeat 0 0;
	top: -1px;
	left: -1px;
}
.block_bottom{
	background: url(/images/block_rb.gif) no-repeat 100% 100%;
	bottom: -1px;
	right: -1px;
}

.rblock1{background: #d1e8f8 url(/images/rightblock1.jpg) no-repeat 0 0; height: 147px;}
.rblock2{background: #f6fbfe url(/images/rightblock2.jpg) no-repeat 0 0; height: 153px;}
.rblock3{background: #f6fbfe url(/images/rightblock5.jpg) no-repeat 0 0; height: 153px;}

.lblock, .rblock{
	position: relative;
	background: #f1c11e;
	border: 1px solid #dedede;
	margin-bottom: 20px;
}
.lblock{height: 73px; width: 240px;}
.rblock{height: 62px; width: 230px;}

.lblock img{width: 70px;height: 73px;}
.rblock img{width: 88px;height: 62px;}

.lblock a, .rblock a, .lblock a:visited, .rblock a:visited{
	position: relative;
	display: block;
	text-decoration: none;
	color: #000;
}
.lblock div.limg1, .lblock div.limg2, .lblock div.limg3{
	position: relative;
	z-index: 2;
	height: 73px;
	padding: 0 0 0 70px;
}
.lblock a{
	padding: 15px 0 0 7px;
	font-size: 12px;
	font-family: "Palatino Linotype", serif;
	height: 58px;
	line-height: 24px;
}
.lblock div.limg1{background: url(/images/limg1.jpg) no-repeat 0 0;}
.lblock div.limg2{background: url(/images/limg2.jpg) no-repeat 0 0;}
.lblock div.limg3{background: url(/images/limg3.jpg) no-repeat 0 0;}

.rblock div.rimg1, .rblock div.rimg2{
	position: relative;
	z-index: 2;
	height: 62px;
	padding: 0 0 0 90px;
}
.rblock a{
	padding: 8px 0 0 5px;
	font-size: 18px;
	font-family: "Palatino Linotype", serif;
	height: 54px;
	line-height: 21px;
}
.rblock div.rimg1{background: url(/images/rimg1.jpg) no-repeat 0 0;}
.rblock div.rimg2{background: url(/images/rimg2.jpg) no-repeat 0 0;}

.lblock a:hover, .rblock a:hover{
	color: #e10300;
}

#footerplace{
	position: relative;
	z-index: 0;
	height: 168px;
	clear: both;
}
#footer{
	position: absolute;
	z-index: 0;
	height: 168px;
	width: 978px;
	left: 11px;
	bottom: 0;
	background: #ffcb16 url(/images/bg_bottom.jpg) repeat-x 0 0;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}
#footer a{
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

#valic{
	margin-top: 27px;
	background: url(/images/valic.jpg) no-repeat 0 0;
	width: 176px;
	height: 132px;
}

#copy{
	width: 210px;
	height: 35px;
	position: absolute;
	top: 75px;
	left: 275px;
}
#copy_areal{
        background: url("/areal_logo.png") no-repeat scroll right top transparent;
	text-align:right;
        padding-right: 140px;
        padding-top: 6.5px;
	height: 30px;
	position: absolute;
	top: 75px;
	right: 75px;
}
#copy_areal img{
	float: left;
	margin-right: 10px;
}

.clear{
	clear: both;
}

#path{
	position: relative;
	padding: 10px 0 0 276px;
	height: 30px;
}

#path, #path a{
	color: #757575;
	font-size: 12px;	
}
#path a:hover{
	color: #454545;
}

#overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #000;
	-moz-opacity: 0.5; 
	opacity: 0.50;  
	filter: alpha(opacity=50); 
}

* html #overlay{
	position: absolute;
}

#window{
	position: fixed;
	top: 50%;  
	left: 50%;
	z-index: 501;
	width: 300px;
	height: 200px;
	margin: -100px 0 0 -150px;
	background: #f1c21e;
	border: 1px solid #010101;
	border-top: 0;
}

* html #window{
        top: expression(parseInt( document.getElementsByTagName('html')[0].scrollTop ) + parseInt(document.getElementsByTagName('html')[0].clientHeight/2)+'px' );
	position:absolute;
}

#window_top{
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	background: url(/images/window_topleft.gif) no-repeat 0 0;
}
#window_top1{
	margin-left: 5px;
	margin-right: 5px;
	background: url(/images/window_topbg.gif) repeat-x 0 0;
	height: 5px;
}
#window_top2{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	background: url(/images/window_topright.gif) no-repeat 0 0;
	height: 5px;
}

#window_title{
	position: absolute;
	top: 1px;
	left: 7px;
	height: 20px;
	text-align: left;
	background: url(/favicon.gif) no-repeat 0 0;
	padding: 1px 0 0 20px;
}
#window_close{
	position: absolute;
	top: 2px;
	right: 7px;
	width: 28px;
	height: 15px;
}
          
#window_cont{
	border: 1px solid #f9e9ab;
	border-top: 0;
	border-bottom: 1px solid #80b908;
	padding: 23px 6px 6px 6px;
}

#window_text{
	font-weight: normal;
	background: #ededed;
	border: 1px solid #eed88f;
	text-align: left;
	padding: 15px;
	overflow: auto;
	height: 128px; /* 200 - 30 - 30 - 2 = 128 */
}


* html select.on-modal-show {visibility:hidden}
.hidden{display:none}

div.promo_block {text-align:center}
div.promo_block a {display:inline-block; display:_inline; _zoom:1;}
div.promo_block a.promo_back{padding-left:15px; margin-right: 20px; background: url(/images/marker_left.gif) left -4px no-repeat ;}
div.promo_block a.promo_next{padding-right:15px; margin-left:20px; background: url(/images/marker.gif) right -4px no-repeat ;}
