html,body {
margin:0;
padding:0;
line-height: 1.0em;
font: 12px Tahoma, sans-serif;
color:#000;
height:100%;
width:100%;
overflow:hidden;
}
b{font-size: 100%;}
em{color: black;
font-family:normal normal 12px Tahoma, sans-serif;
}
#topsection{
background: #ffffff;
height: 25.6%; /*Height of top section*/
width:100%;
margin:0;
padding:0;
}
#topsection h1{
margin: 0;
padding: 0;
}
#contentwrapper{
float: left;
width: 100%;
background-image:url(../images/bg.jpg);
height:327px;
margin-bottom:0px;
overflow:hidden;
}
#contentcolumn{
margin: 0 15% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height:327px;
background-image:url(../images/contentbg.jpg);
background-position:top-right;
background-repeat:repeat;
margin-bottom:0px;
overflow:hidden;
}
#leftcolumn{
float: left;
width: 20%; /*Width of left column*/
margin-left: -100%;
/**background-image:url(images/leftbg.jpg);**/
/**border: 1px solid #000000;**/
min-height:327px;
height:auto!important;
height:327px;
margin-bottom:0px;
overflow:hidden;
}
#rightcolumn{
float: left;
width: 15%; /*Width of right column*/
margin-left: -31%; /*Set left marginto -(RightColumnWidth)*/
height:327px;
/*background-image:url(../images/leftbg.jpg);*/
margin-bottom:0px;
overflow:hidden;
}
#footer{
clear: left;
width: 100%;
background-image:url(../images/footer.jpg);
background-color:#E58B01;
background-repeat:no-repeat;
background-position:center;
margin-top:0;
line-height:0px;
}
#footer a{
color: #FFFF80;
}
div.column {
position:relative;
height:250px;
overflow:hidden;
}
.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding: 0;
}
.innertube2{
margin: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding: 0;
}
div.left {
position:absolute;
top:260px;
left:320px;
width:200px;
padding: 0;
}
.right{
position:absolute;
top:-180px;
right:-330px;
width:200px;;
text-align:justify;
font: normal normal 11px Tahoma, sans-serif;
color:#000;
padding: 0;
}
div.content{
margin-left:25px;
text-align:justify;
font: normal normal 12px Tahoma, sans-serif;
color:#000;
margin-top:0px;
/*border:1px solid #000000;*/
}
div.label{
margin-left:15px;
text-align:center;
font: normal normal 14px Tahoma, sans-serif;
font-weight:bold;
color: #000000;
margin-top:0px;
}
div.contenttwo{
font-family:tahoma, san-serif;
font-size:11px;
color:#000000;
text-align: left;
float:left;
width:98%;
padding:0px;
margin-left:10px;
margin-top:5px;
}
div.cright {
margin-left:200px;
margin-top:0px;
text-align:left;
text-indent:110px;
font-family:normal Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#8d450d;
}
div.clear {
clear: both;
}
div.rightform{
float: right;
width: 150%; /*Width of right column*/
margin-left: -1.2%; /*Set left marginto -(RightColumnWidth)*/
margin-bottom:0px;
float:left;
margin-top:0px;
height:327px;
background:transparent url(../images/ds_rightbg.jpg) no-repeat;
overflow:hidden;}
div.contentduha{
margin-left:0px;
text-align:justify;
font: normal normal 12px Tahoma, sans-serif;
color:#000;
margin-top:0px;
}
/**----------------**/
#a:link {
color: #8d450d;
text-decoration: none;
}
#a:visited {
text-decoration: none;
color: #8d450d;
}
#a:hover {
text-decoration: underline;
color: #8d450d;
}
#a:active {
text-decoration: none;
color: #8d450d;
}
a img { border: none; }
/**----------------**/
/**** FORM ***/
form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
font:100% normal normal 12px tahoma, sans-serif;
margin: 0;
padding: 0;
min-width:300px;
max-width: 500px;
width: 400px;
}
form fieldset {
/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #000;
border-width: 0px;
border-style: none;
padding: 1px; /* padding in fieldset support spotty in IE */
margin: 0;
}
form fieldset legend {
font-size:1.0em;
text-align:center; /* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border */
}
form label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 100px;
padding: 0;
margin: 1px 0 2px; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
/*text-decoration:underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
/* pseudo-class on legend elements, but do support it on label elements */
/* we instead underline first letter on each label element and accesskey */
/* each input. doing only legends would lessens cognitive load */
/* opera breaks after first letter underlined legends but not labels */
}
form input, form textarea {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:1px 0 0 4px; /* set margin on left of form elements rather than right of
label aligns textarea better in IE */
}
form input#reset {
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form small {
display: block;
margin: 0 0 5px 10px; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: 88%;
}
/*form .required{
/*font-weight:bold;}**/ /* uses class instead of div, more efficient */
form br {
clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
input.green {
background-color: #e48b00;
font-family:tahoma, sans-serif;
font-weight: bold;
font-size: 11px;
color: white;
padding:0px;
border: 1px solid #ffffff;
}
input.pink {
background-color: #c8e9a2;
font-size: 13px;
padding:0px;
border: 1px solid #ffffff;
}
/*---testimonials --*/
#testi{
width:500px;}
.testileft{
width:180px;
float:left;}
.testiright{
width:280px;
float:left;}
.testicontent{
text-align:left;
font: normal normal 12px Tahoma, sans-serif;
color:#000;
margin-top:0px;
}
.tito{
text-align:left;
font: normal normal 12px Tahoma, sans-serif;
color: #CC6633;
font-weight:bold;
margin-top:50px;
margin-left:17px;
}