body{font:normal 12px Tahoma;}



body {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    font-size:13px;
	margin: 0px; 
	padding: 0px; 
	top: 0px;
	background-color:#dedee0;
}





.Heading 
{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    font-size:16px;
    font-weight: bold;
	margin: 0px; 
	padding: 0px; 
	top: 0px;
	
}

.SubHeading
{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    font-size:14px;
    font-weight: bold;
	margin: 0px; 
	padding: 0px; 
	top: 0px;
}

.SubSubHeading
{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    font-size:13px;
    font-weight: bold;
	margin: 0px; 
	padding: 0px; 
	top: 0px;
}


.SmallText
{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
	margin: 0px; 
	padding: 0px; 
	top: 0px;
}



#sitename{text-indent:-9000px;float:left;width:550px;height:70px;background:url('home_logo.gif') no-repeat top left; margin: 0 0 10px 0;}
.main-menu li a {background:url('menupixelmic.gif') repeat-x bottom left; background-color:#f1f9f3;}

.box_bg
{
border: 3px;
border-color:#D15921;
background-color: #D15921; 
}

.footer { margin-top:45px; background-color:#d8dccc; height:26px; line-height:26px; color:#6f6f6f; padding:0 10px;  font-size:11px;}
.footer .copy { display:block; float:left; width:300px; font-size:11px;}
.footer ul { float:right; text-align:right;  }
.footer ul li { display:inline; margin-left:6px; } 
.footer ul li a { color:#6f6f6f; text-decoration:none; }
.footer ul li a:hover { color:#6f6f6f; text-decoration:underline; }
.footer ul li span { color: #6f6f6f; margin-left:8px; }


.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
.clearfix { 
	min-height: 1px; 
	height: auto !important; 
	height: 1px; 
}


.headertitle { margin-top:45px; background-color:#ffffff; line-height:26px; color:#6f6f6f; padding:0 10px;  font-size:11px;}
.headertitle .copy { display:block; float:left; width:300px; font-size:11px;}
.headertitle ul { float:right; text-align:right;  }
.headertitle ul li { display:inline; margin-left:6px; } 
.headertitle ul li a { color:#6f6f6f; text-decoration:none; }
.headertitle ul li a:hover { color:#6f6f6f; text-decoration:underline; }
.headertitle ul li span { color: #6f6f6f; margin-left:8px; }


.headerclearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
.headerclearfix { 
	min-height: 1px; 
	height: auto !important; 
	height: 1px; 
}




/*whole web page bg color*/
.page_bg {
 	background-color:#FFFFFF;
	
}

/*outter page border*/
.canvas {
	background-color:#FFFFFF;
	border-left:#D15921 1px solid; 
	border-right:#D15921 1px solid;
	width:976px;
	margin-left: auto; 
	margin-right: auto;
	position:relative;
}

/*page header - logo + nav */
.header {
	height: 80px;
	border-bottom: #bfbcc9 1px solid;
	background-image:url(../images/xyzal_logo.jpg); 
	background-position:left;
	background-repeat:no-repeat;
	position:relative;
	margin-bottom:0px;
	z-index:900;
	background-color: #ffffff;
}

.logo_img {
	 position:absolute;
	 top:0px; 
	 left:0px; 
	 width:180px; 
	 height:76px;
}

.pi_nav {
	 position:absolute; 
	 top:10px; 
	 left:590px; 
	 height:12px; 
	 width:390px;
}

.pi_nav_pad {
	padding-right:18px;
}

.top_nav {
	 position:absolute; 
	 bottom:0px; 
	 right:104px;
}

a.hrefStyle{

	display: block;
	padding: 3px 13px 3px 3px; 
	height: auto; 
	
	
	text-decoration: none;
	/*font-weight: bold;*/
	color: #D15921;
	font-size:11px;
}
a.hrefStyle:visited{ 
	display: block;
	padding: 3px 13px 3px 3px; 
	height: auto; 
	
	
	text-decoration: none;
	/*font-weight: bold;*/
	color: #D15921;
	font-size:11px;
}
a.hrefStyle:hover{ 
	background-color:#D4EBD9;
	display: block;
	padding: 3px 13px 3px 3px; 
	height: auto; 
	
	text-decoration: none;
	/*font-weight: bold;*/
	color: #efefef;
	font-size:11px;
}


a.hrefLeftMenu{

	
	padding: 3px 13px 3px 3px; 
	height: auto; 
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-size:11px;
	font-family:Tahoma;
	
	
	
}
a.hrefLeftMenu:visited{ 
	padding: 3px 13px 3px 3px; 
	height: auto; 
	text-decoration: none;
	font-weight: bold;
    color: #ffffff;
	font-size:11px;
	font-family:Tahoma;
	
}
a.hrefLeftMenu:hover{ 
	
	padding: 3px 13px 3px 3px; 
	height: auto; 
	
	text-decoration: none;
	/*font-weight: bold;*/
	color: #00DD99;
	font-size:11px;
}


#menu-top li{float:right;display:inline;font:underline 10px Tahoma;}
#menu-top-1{width:66px;}
#menu-top-2{width:69px;}
#menu-top-3{width:66px;}
#menuSelectedNode {font-size:larger;}

/**********From sudler********************************** */
input, select, textarea {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;font-size: 100%;}

.optional label {display: block;float: left;width: 80px;padding: 3px 5px;margin: 0 0 5px 0;text-align: left; font:normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;}



input.inputText{width: 150px;padding: 1px 3px;margin: 0 0 0 0; border:1px solid #939191;}
input.textarea{width: 150px;padding: 1px 3px;margin: 0 0 0 0; border:1px solid #939191;}
 
.clear{clear:both;}
textarea{width: 402px;padding: 1px 3px;margin: 0 0 0 0; border:1px solid #939191;}

.rdhowcontact td span.option1{display:inline !important; float:left;}
.rdhowcontact td span input{display:inline !important; float:left;}

.rdhowcontact tdlabeln{display:inline !important; float:left;}

/* ************************************************ */
#divmain{width:516px;margin:0px auto 0px auto; background:url('../images/interior_pix.gif') repeat-x left top;}
#divleft{float:left;width:473px;height:786px; margin:0px 0px 0px 36px;display:inline;}
#divright{float:right;width:250px;height:786px;background:url('../images/simbol.gif') no-repeat right 123px;}
#divlogo{width:273px;height:72px;background:url('../images/sudler_logo.gif') no-repeat right top;margin-top:25px;}

/* ************************************************ */
#divstoryright{float:right;width:250px;height:786px;background:url('../images/simbol.gif') no-repeat right 123px;}

/* button type b */
#content_inner .button_type_b:link 
{
    padding: 2px 5px 2px 5px;
    color: #D15921;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    background-color: #FFFBD6;
    border-top: 1px solid #D15921;
    border-left: 1px solid #D15921;
    border-bottom: 1px solid #D15921;
    border-right: 1px solid #D15921;
    line-height: 19px;
}
#content_inner .button_type_b:visited 
{
    padding: 2px 5px 2px 5px;
    color: #D15921;
    text-decoration: none;
    font-weight: bold;
    background-color: #FFFBD6;
    border-top: 1px solid #D15921;
    border-left: 1px solid #D15921;
    border-bottom: 1px solid #D15921;
    border-right: 1px solid #D15921;
    line-height: 19px;
}
#content_inner .button_type_b:hover 
{
    padding: 2px 5px 2px 5px;
    color: #FFFBD6;
    text-decoration: none;
    background-color: #D15921;
    font-weight: bold;
    font-style: normal;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #0099cc;
    border-right: 1px solid #0099cc;
    line-height: 19px;
}
#content_inner .button_type_b:active 
{
    padding: 2px 5px 2px 5px;
    color: #fff;
    text-decoration: none;
    background-color: #0076a7;
    font-weight: bold;
    font-style: normal;
    border-top: 1px solid #66ccff;
    border-left: 1px solid #66ccff;
    border-bottom: 1px solid #003366;
    border-right: 1px solid #003366;
    line-height: 19px;
}
/* ************************************************ */
#divMainText
{
    position: absolute;
right: 400px; /*How much to leave from right*/
left:250px; /*How much to leave from left*/
top:100px;
bottom: 0;

}

#divLeftText
{
    position: absolute;
    left:800px;
    top:100px;
    bottom: 0;
    
}