html body { border:0px; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; }

ul, li{ list-style:none; padding:0px; margin:0px; }
img { border:none; outline:none; text-decoration:none; }
p { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666; text-align:justify; }
h1, h2, h3, h4, h5{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; }

input.cust { background-color:#666; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:12px; text-transform:uppercase; font-weight:bold; border:0px; margin:0px; padding:0px; }
textarea.cust { background-color:#666; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:12px; text-transform:uppercase; font-weight:bold; border:0px; margin:0px; padding:0px; }

a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold; text-decoration: none; outline:none; }
a:link { text-decoration: none; outline:none; }
a:visited { text-decoration: none; color: #666; outline:none; }
a:hover { text-decoration: none; color: #333; outline:none; }
a:active { text-decoration: none; color: #666; outline:none; }

.form-message { font-family:Verdana, Geneva, sans-serif; color:#F00; font-size:12px; font-weight:bold; text-decoration:none; text-decoration:none; }
.lsd { font-family:Verdana, Geneva, sans-serif; color:#F00; text-decoration:none; text-transform:none; font-weight:normal; font-size:12px; }
.highlight{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
.lsd:hover { color:#CCC; }
.social { padding:2px; }
.clear{ clear:both; }

/* Rotate
=============
.rotate {
	transform:rotate(7deg);
	-ms-transform:rotate(7deg);
	-moz-transform:rotate(7deg);
	-webkit-transform:rotate(7deg);
	-o-transform:rotate(7deg);
}

Drop Shadow
==============
.classcname {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	box-shadow: 0px 0px 10px rgba(0,0,0,.4);
}

Multi Colomn
==============
p.classname {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-o-column-count: 2;
	-o-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

Corner Radius
===============
.classnmae {
	border-top-left-radius:2em;
	border-top-right-radius:2em;
	border-bottom-right-radius:2em;
	border-bottom-left-radius:2em;
}

Font Embed
================
@font-face {
	font-family: myFirstFont;
	src: url('Sansation_Light.ttf'),
    url('Sansation_Light.eot');
}

div {
	font-family: myFirstFont;
}


Opacity
================
.transparent {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


Vertical Menu
================
.menudiv { width:180px; }
#sddm { z-index: 999; position:relative; }

#sddm li { list-style: none; font: 14px arial; width:180px; height: 85px; }
#sddm li a { display: block; color:#7C8E24; text-align: center; text-decoration: none; padding-top:7px; padding-bottom:10px; }
#sddm li a:hover { color:#fff; }

#sddm div { position: absolute; visibility: hidden; margin-left: 185px; margin-top:-107px; width:200px;  }

#sddm div a { position: relative; display: block; width: auto; white-space: nowrap; text-align: center; color:#ccc; background-color: #fff;
		text-decoration: none; font: 16px arial; height:22px; margin:10px; border-radius:12px; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.6);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.6); box-shadow: 0px 0px 6px rgba(0,0,0,.6); padding-top:15px;}
#sddm div a:hover { background-color: #ccc; color: #fff;  }


Horizontal Menu
==================
.menudiv { width:580px; height:30px; background-color: #fff; }
#sddm { margin: 0; padding: 0; z-index: 999; position:relative; }

#sddm li { margin: 0; padding: 12px; list-style: none; float: left; font: 6px arial; }
#sddm li a { display: block; margin: 0 0px 0 0; padding: 0px 0px; color:#666; text-align: center; text-decoration: none; }
#sddm li a:hover { color:#B0182B; }

#sddm div { position: absolute; visibility: hidden; margin-left: 0px; margin-top: 10px; border: 1px solid #F90; width:200px; }

#sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left;
		text-decoration: none; background-color: #B0182B; color: #fff; font: 10px Verdana; border-bottom: 1px solid #f90; }
#sddm div a:hover { background-color: #666; color: #fff; border-bottom: 1px solid #fff; }



*/









