/* CSS Document */

body{
margin:0px;
padding:0px;
background-image:url(images/body-bg.jpg);
}

#top
{
color:#666666;
font-family: 'Cuprum', sans-serif; 
font-weight:normal;
font-size:11px;
text-align:center;
line-height:18px;
}

#top a
{
text-decoration:none;
color:#666666;
}

#top a:hover
{
color:#006699;
font-family: 'Cuprum', sans-serif; 
font-weight:normal;
font-size:11px;
text-align:center;
line-height:18px;
}

.head-contact{color:#666666; line-height:0px; font-size:12px; margin:5px; font-family: 'Cuprum', sans-serif; font-weight:normal; padding:5PX;}

/* CSS code */
#menu {
  background: #333;
  height: 30px;
}
#menu ul {
  margin:0;padding:0;
}
#menu ul a {
  text-decoration: none;
}
#menu ul li {
  list-style: none;
  float: left;
  position: relative;
}
#menu ul li a {
  background: #333;
  color: #fff;
  border: 1px solid #333;
  display: block;
  padding: 4px;
  width: 154px;
}
#menu ul ul {
  padding:0;
  overflow: hidden;
}
#menu ul ul li {
  float: none;
  display: none;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;  
}
#menu ul ul li a {
  background: #f0f0f0;
  color: #333;
  border:none;
}
#menu ul ul li a:hover {
  background: #ccc;
}
#menu ul li a:hover, 
#menu ul li:hover ul li {
  display:block !important;
}

.imagedropshadow {
	border: solid 2px #ffffff;
	-moz-box-shadow: 1px 1px 3px #cccccc;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
    box-shadow: 1px 1px 1px 3px #cccccc;
}

h1,h2,h3,h4,h5,h6{color:#ffffff; line-height:0px; font-size:14px; font-family: 'Cuprum', sans-serif; font-weight:normal; padding:2PX;}

.ver-line
{
border-left: 1px solid ffffff;
height: 100%;
}

#content
{
color:#666666;
font-family: 'Cuprum', sans-serif; 
font-weight:normal;
font-size:13px;
text-align:justify;
}

#readmore{
background:#8f1c77;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
text-decoration:none;
}

#readmore a{
text-decoration:none;
color:#FFFFFF;
}

#readmore a:hover {
color:#FFFF00;
text-decoration:none;
}

.imagedropshadow {
	padding: 5px;
	border: solid 1px #FFFFFF;
}

.embossed{
-webkit-box-shadow: inset 0 0 2px rgba(00,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
-moz-box-shadow: inset 0 0 2px rgba(0,0,,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);
box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

input.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;   
    font-size: 14px;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
	width:250px;
}

input.rounded:focus {
    border-color: #8f1c77;
}

textarea.rounded {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;    
    font-size: 14px;
    padding: 10px 10px;
    outline: 0;
    -webkit-appearance: none;
		width:250px;

}

textarea.rounded:focus {
    border-color: #8f1c77;
}

input#shiny {
padding: 6px 20px;
/*give the background a gradient*/
background:#006699; /*fallback for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #006699, #0099ff);
background: -moz-linear-gradient(top, #006699, #0099ff);
background: -o-linear-gradient(top, #006699, #0099ff);
background: linear-gradient(top, #006699, #0099ff);
border:2px outset #dad9d8;
/*style the text*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
font-size:1.1em;
letter-spacing:0.05em;
text-transform:uppercase;
color:#fff;
text-shadow: 0px 1px 10px #000;
/*add to small curve to the corners of the button*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*give the button a drop shadow*/
-webkit-box-shadow: rgba(0, 0, 0, .55) 00 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .55) 0 1ppx 6px;
box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
cursor:pointer;
}
input#shiny:hover, input#shiny:focus {
border:2px solid #dad9d8;
}

.contact-rounded-corners {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* universal */
}


#footer
{
color:#666666;
font-family: 'Cuprum', sans-serif; 
font-weight:normal;
font-size:11px;
text-align:justify;
line-height:18px;
}

#footer a
{
color:#666666;
font-family: 'Cuprum', sans-serif; 
font-weight:normal;
font-size:11px;
text-align:justify;
line-height:18px;
text-decoration:none;
}

#footer a:hover
{
color:#8f1c77;
font-family: 'Cuprum', sans-serif; 
font-weight:normal;
font-size:11px;
text-align:justify;
line-height:18px;
}
