/*
Title:      	www.clovera.com, ver 1.9, master style for screen media
Author:     	doko.com - telecommunication, all right reserved
Updated:    	October 31, 2007
*/

/* ---[ LAYOUT ]-------------------------------------*/
body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
}

img { border: none; }

#maincontainer
{
	width: 750px;
	/*Width of main container*/
	margin: 0 auto;
	/*Center container on page*/
}

.innertube
{
	margin: 10px;
	/*Margins for inner DIV inside each column (to provide padding)*/
}

#topsection
{
	background: #fff;
	height: 100px;
}

#contentwrapper
{
	float: left;
	width: 100%;
}

#contentcolumn
{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	background-color: #fff;
	border-color: #94C55A;
	border-width: 3px 1px 1px 1px;
	border-style: solid;
	height: 100%;
}

#footer
{
	clear: left;
	width: 100%;
	text-align: center;
	padding: 4px 0;
	background-color: #fff;
}

/* --- new layout-------------------------------------*/
div#tl
{
	width: 483px;
	height: 150px;
	background: gray;
	float: left;
	position: relative;
	margin-top: 10px;
	
}

div#tr
{
	width: 245px;
	height: 150px;
	background: red;
	float: left;
	position: relative;
	margin-top: 10px;
}

div#bl
{
	width: 483px;
	height: 150px;
	background: blue;
	float: left;
	position: relative;
	margin-top: 10px;
}

div#br
{
	width: 245px;
	height: 150px;
	background: yellow;
	float: left;
	position: relative;
	margin-top: 10px;
}

/* ---[ TYPO ]-------------------------------------*/
#contentcolumn h1
{
	color: #000080;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.4;
}

#contentcolumn .h1a
{
	color: #4C4C4C;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
}

#contentcolumn .h1b
{
	color: #001;
	font-style: normal;
	font-weight: normal;
	font-size: .8em;
	line-height: 1.5;
}

#contentcolumn h2
{
	color: #001;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	border-width: 0 0 1px 0px;
	border-style: none none solid none;
	padding: 0 0 3px 0px;
	margin: 20px 0 10px 0;
}

#contentcolumn h3
{
	color: #001;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
}

#contentcolumn p
{
	color: #001;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}

#contentcolumn li
{
	color: #001;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	font-size: 13px;
	margin: 0 0 0 50px;
}

#contentcolumn i
{
	color: #001;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
}

#contentcolumn th
{
	font-size: 9px;
	vertical-align: middle;
	text-align: left;
	color: #001;
}

/* ---[ LINKS ]-------------------------------------*/
#footer a
{
	color: #00F;
	text-decoration: none;
}

#footer p
{
	color: #000;
	font-size: 10px;
}

/* ---[ CLASS ]-------------------------------------*/
.special
{
	color: #001;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

.call
{
	color: #001;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	background-color: #B6C912;
	padding: 5px 10px 5px 10px;
	margin-left: 100px;
}

.logo
{
	position: relative;
	top: 18px;
	right: 0px;
	bottom: 32px;
	left: 0px;
}

.phone
{
	position: relative;
	top: 18px;
	right: 50px;
	bottom: 0px;
	left: 380px;
}

.testimony
{
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	line-height: 150%;
}

.signature
{
	color: #fff;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	line-height: 150%;
}

.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left { margin: 0px 10px 0px 0px; }
.right { margin-right: 0px; }

/* ---[ NAVI ]-------------------------------------*/
#pointermenu2
{
	margin: 0;
	padding: 0;
}

#pointermenu2 ul
{
	margin: 20px 0px 0 0px;
	/*menu offset from left edge of window*/
	float: right;
	padding-left: 8px;
	font: normal 11px Verdana;
	background-color: #001;
}

* html #pointermenu2 ul
{
	/*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 0px;
	/*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li { display: inline; }

#pointermenu2 ul li a
{
	float: left;
	color: #fff;
	font-weight: normal;
	padding: 5px 12px 6px 8px;
	text-decoration: none;
}

#pointermenu2 ul li a:visited { color: #fff; }

#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected
{
	color: #B6C912;
	background: transparent url(images/menu/pointer.gif) bottom center no-repeat;
}

#pointermenu2 ul li a#rightcorner
{
	padding-right: 0;
	padding-left: 2px;
}

/* ---[ BOX ]-------------------------------------*/
b.Rnd1 { margin: 0 5px; }
b.Rnd2 { margin: 0 3px; }
b.Rnd3 { margin: 0 2px; }

div.ContainerOne
{
	height: 50px;
	background-color: #666;
	margin: 50px 0px 0px 0px;
	width: 450px;
	clear: left;
}

div[class="ContainerOne"] /* minimum height for Firefox only */
{
	height: auto;
	min-height: 50px;
}

b.RndTopOne b, b.RndBottomOne b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #666;
}

b.RndTopOne, b.RndBottomOne
{
	display: block;
	background: #FFFFFF;
}

div.RPanelContentOne
{
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 430px;
	height: 50px;
	text-align: left;
}

div[class="RPanelContentOne"] /* minimum height for Firefox only */
{
	height: auto;
	min-height: 80px;
}

b.RndTopOne b.Rnd4, b.RndBottomOne b.Rnd4
{
	margin: 0 1px;
	height: 2px;
}

/* ---[ FORM ]-------------------------------------*/
fieldset { margin: 0 0px 0 0px; }
legend { margin-left: 0px; }

#contentcolumn label
{
	width: 55px;
	float: left;
	text-align: right;
	margin-right: 15px;
	display: block;
	font: normal 11px Verdana;
}

#contentcolumn input
{
	color: #4c4c4c;
	background: transparent;
	border: 1px solid #8F8E92;
}

#contentcolumn legend
{
	color: #FFF;
	padding: 3px 6px 3px 6px;
	background-color: #003;
	font: normal 11px Verdana;
}

/* ---[ LIST]-------------------------------------*/
#contentcolumn td
{
	font-size: 12px;
	line-height: 1.5;
}

dt
{
	font-size: 8pt;
	color: #666;
	padding-top: 3px;
	margin: 0 100px 0 50px;
	text-align: left;
	padding-bottom: 3px;
	border-top: 1px #CCC solid;
	line-height: 1.3;
}

.red { color: #750202; }

dd
{
	font-size: 12px;
	margin: -16px 100px 10px 250px;
	text-align: left;
	line-height: 1.3;
}

/* ---table-------------------------------------*/
table#new
{
	background-color: #fff;
	border-spacing: 0px;
	width: 730px;
	margin-left: 0px;
	margin-top: 0px;
}

.td_photo
{
	width: 330px;
	height: 250px;
}

.td_text
{
	vertical-align: top;
	width: 400px;
}