body{
margin:30px 0px 0px 0px;
padding:0px;
background-color:#54678a;
color:#3c4454;
font-family: Arial;
font-size: 12px;
}

img
{
border: 0px;
}

a:link ,
a:visited,
a:active
{
	text-decoration: none;
	color: #315dcb;
}

div#codelathe_content{
	width:800px;
	margin-left:auto;
	margin-right: auto;
}

div#codelathe_left{
	background-color:#fff;
	width:180px;	
	margin: 0px 4px 0px 0px;
	float:left;
}
div#codelathe_right{
	background-color:#fff;
	width:615px;	
	float:left;
}
div.codelathe_left_top_corner{
	background: url(http://www.codelathe.com/images/left_top_corners.gif) no-repeat 0 0;
	padding-top:6px;
}
div.codelathe_left_bottom_corner{
	background: url(http://www.codelathe.com/images/left_bottom_corners.gif) no-repeat 0 0;
	line-height:6px;
}
div.codelathe_left_content{
	height:382px;
}

div.codelathe_left_content_product{
	height:650px;
}

div.codelathe_left_content_aboutus{
	height:590px;
}

div.codelathe_left_content_bottom
{
	margin-left: 20px;
	font-size: 10px;
	font-family: Arial;
	position:relative;
    bottom:0px;
}

img.codelathe_left_logo{
	margin:21px 0px 0px 25px;
}

ul.codelathe_menu{
	margin: 38px 0px 0px 9px;
	padding: 0px;
	list-style:none;
	background: url(images/menu_dotted_line.gif) repeat-x;
	width:160px;
}

ul.codelathe_menu li{
	height:19px;
	background: url(images/menu_dotted_line.gif) repeat-x bottom;
	padding:8px 7px 3px 7px;
}
ul.codelathe_menu li a {
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#315dcb;
	width:146px;
	background: url(images/menu_arrow.gif) no-repeat right;
	display:block;
}

div.codelate_pg_title_header{
	background: url(images/pg_hd_left_bg.gif) no-repeat left 0;
	padding-left:10px;

}
div.codelate_pg_title_header div{
	background: url(images/pg_hd_right_bg.gif) no-repeat right 0;
	padding-right:10px;
	margin:0px;
}
div.codelate_pg_title_header div h1{
	margin: 0px;
	background: url(images/pg_hd_bg.gif) repeat-x;
	font-family: Tahoma;
	font-size:15px;
	padding:20px 0px 20px 6px;
}

div.codelathe_home_news,
div.codelathe_pg_content{
	padding:12px;
	font-family:Tahoma;
	font-size:12px;
	line-height:1.5em;
}
div.codelathe_pg_content p{
	margin:2px 0px 15px 0px;
}

ul.codelathe_pg_list_bold,
ul.codelathe_pg_list{
	padding: 0;
	margin: 0 0 0 19px;
	list-style: url(images/list_bullet_yellow.gif);
	list-style-position:outside;
	
}

ul.codelathe_pg_list_bold li,
ul.codelathe_pg_list li{
	margin: 0px;
	padding: 0px;
	text-indent:-2px;
	font-style:italic;
	line-height:1.9em;
	font-size:12px;
}
ul.codelathe_pg_list_bold li{
	font-style:normal;
	font-weight:bold;
	font-size:11px;
}
h2.codelathe_pg_title{
	color:#a0a9b9;
	font-family: Tahoma;
	font-size:12px;
	background: url(images/pg_title_bg.gif) repeat-x center center;
	padding: 12px 7px;
	margin:0px;
}

div.codelathe_right_bottom_corners_home,
div.codelathe_right_bottom_corners{
	line-height:7px;
	font-size:7px;
	background: url(images/right_bottom_corners.gif) no-repeat #54678a;
	height:7px;
	margin-top:10px;
}

div.codelathe_footer{
	height:85px;
	line-height:85px;
	color:#FFFFFF;
	margin-left: 290px;
}
div.codelathe_right_bottom_corners_home{
	clear:both;
	background: url(images/right_bottom_corners_home.gif) no-repeat #54678a;
	line-height:5px;
	height:5px;
	margin-top:0px;
}
div.codelathe_home_header{
	height:206px;
	background:url(images/home_header.jpg) no-repeat 0 0;
}
a.codelathe_home_header_link{
	float:right;
	display:block;
	margin:170px 10px 0px 178px;
}
* html a.codelathe_home_header_link{
	margin:170px 5px 0px 183px;
}

div.codelathe_home_news{
	float:left;
	margin:2px;
	padding:10px;
	width:380px;
	/*height:360px;*/
	overflow:auto;	
	font-family:Arial;
	font-size:12px;
}
* html div.codelathe_home_news{
	width:360px;
}

div.codelathe_home_news h1 span{
	display:none
}
div.codelathe_home_news h1{
	background: url(images/title_homepg.gif) no-repeat 0 0;
	height:20px;
	margin:0px;
	padding:0px;
}

div.codelathe_home_actions{
	float:right;
	width:200px;
	margin-right:5px;
	overflow:hidden;
	height:500px;
	*height:317px;
	padding: 0px;
}
* html div.codelathe_home_actions{
	margin:0px 5px 0px 0px;
}
div.codelathe_home_actions a{
	margin-bottom:6px;
	display:block;
	width:200px;
	height:73px;
}

div.codelathe_mmex_actions{
	float:right;
	width:200px;
	margin-right:5px;
	overflow:hidden;
	height:220px;
	*height:217px;
	padding: 0px;
      
}
* html div.codelathe_mmex_actions{
	margin:0px 5px 0px 0px;
}
div.codelathe_mmex_actions a{
	margin-bottom:6px;
	display:block;
	width:200px;
	height:10px;
}

ul.mmex_menu{
	margin: 0px 0px 0px 30px;
	padding: 1px;
	list-style:none;
	background: url(images/menu_dotted_line.gif) repeat-x;
	width:160px;
	border: solid grey;
	
}

ul.mmex_menu li{
	height:17px;
	background: url(images/menu_dotted_line.gif) repeat-x bottom;
	padding:8px 7px 3px 7px;
}
ul.mmex_menu li a {
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#315dcb;
	width:146px;	
	display:block;
}

div#tonido_ic_content h2{
	margin:0px 0px 10px 0px;
	padding:0px;
	 color:#54678a; 
	/*color: white; */
	font-family:Georgia;
	font-size:22px;
	font-weight:normal;
      
	
}
div#tonido_ic_content p
{
	margin:5px 3px;
    width:90%;
	font-family:Georgia;
	font-size:12px;
	line-height:1.5em;
    /*color:white;  */
	/*background-color:#54678a;  */
	
    padding: 3px 5px 3px 5px;
}

.tonido_ann_box
{
  margin-top:20px;
  padding: 5px;
  border: 2px solid;
  border-color: gray;
  /*background-color: #54678a; */
  background-color: #ffffff;
}

blockquote {
 margin: 0;
 padding: 0;
 color: #555;
}

blockquote p {
 font-family: Verdana, serif; 
 font-size: 12px;
 margin: 1.5em 2em 0 1.5em;
 font-style: italic;
}

blockquote .source {
 text-align: right;
 font-style: normal;
 font-weight: bold;
 margin-right: 2em;
}

blockquote p:before {

 content: "\201C"; 

 font-size: 1.2em;

 font-weight: bold;

 font-family: Georgia, Times, "Times New Roman", serif;

}

blockquote p:after {

 content: "\201D"; 

 font-size: 1.2em;

 font-weight: bold;

 font-family: Georgia, Times, "Times New Roman", serif;

}