/**
 * Minimal and Modern Portfolio Layout PSD to HTML Conversion
 * 
 * Author: Richard Carpenter <http://www.hv-designs.co.uk>
 * Copyright: 2009 Six Revisions
 **/

* {
  margin: 0px;
  padding: 0px;
  border: none;
}
body {
	background-image: url(img/bg.jpg);
  background-repeat: repeat-x;
  background-color: #fff;
  font-family: courier;
  font-size: 12px;
  color : #333;
}
body:hover {
	background-image: url(img/kim.jpg);
	background-size: cover;
  background-repeat: repeat-x;
  background-color: #fff;
  font-family: courier;
  font-size: 12px;
  color : #333;
}
#container {
	background-color: #006400;
  margin: auto;
  width: 1000px;
  height: 1220px;
  padding: 0px;
   border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
#top {
border-bottom: 30px solid #071;
  float: left;
  width: 1000px;
  height: 119px;
  background-color: #179023;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
 
}
.w3-animate-fading
{ border-radius: 10px;}
#title {
color: #ffffff;
font-size: 30px;
font-family : Ravie;
font-weight:bold;
  float: left;
  width: 514px;
  height: 74px;
  padding-top: 45px;
 
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
#title h1 {
color: #ffffff;
font-size: 30px;
font-weight:bold;
  display: block;
  float: left;
  width: 428px;
  height: 74px;
  text-indent: 30px;
}
#title h1 a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff;
font-size: 40px;
font-weight:bold;
font-family : Ravie;
text-shadow: 3px 2px #071;
text-decoration : none;
}

#title h1 a:hover {
  display: block;
  width: 100%;
  height: 100%;
  color: red;
font-size: 41px;
font-weight:bold;
font-family : Ravie;
text-shadow: 3px 2px #071;
text-decoration : none;

}
#navigation { float: right; }
.nav-links li {
  display: block;
  float: left;
  list-style-type: none;
}
.nav-links li a {
  float: left;
  width: 120px;
  height: 68px;
  text-decoration: none;
  text-transform: capitalize;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  padding-top: 51px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #071;
  background-color: #179023;
  text-shadow: 5px 3px #071;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
.nav-links li a:hover {
font-size : 16px ;
text-shadow: 5px 3px #071;
  background-color: #071;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-shadow: 3px 2px #071;
color: #ffffff;
font-weight:bold;
border-radius: 50px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
li.borderx2 {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #cecece;
}

#welcome {
height: 500px;
background-image: url(images/kim3.jpg);
background-repeat: repeat-y;
background-size: cover;
padding-left: 7px;
padding-right: 7px;
  float: left;
  width: 976px;
  background-color: #fff;
  background-repeat: no-repeat; 
  padding-top: 20px;
  color: #555;
  border-top: 0px solid #ddd;
  border-left: 0px solid #ddd;
  border-right: 0px solid #ddd;
  border-bottom: 0px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 8px 12px 0
  rgba(0,0,0,0.2)
  
}
#welcome:hover {
height: 500px;
		background-image: url(img/bg.jpg);
		  background-repeat: repeat-y;
		   background-size: cover;
padding-left: 7px;
padding-right: 7px;
  float: left;
  width: 976px;
  background-color: #fff;
  background-repeat: no-repeat; 
  padding-top: 20px;
  color: #555;
  border-top: 0px solid #ddd;
  border-left: 0px solid #ddd;
  border-right: 0px solid #ddd;
  border-bottom: 0px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
  
}

h2 {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 15px;
}
.heading-color2 {
	font-family : Ravie;
	font-size: 30px;
	color: green; 
text-shadow: 3px 2px #ddd;
}
#welcome-text {
background-image: url(img/l1.jpeg);
background-repeat: repeat-y;
background-size: cover;
text-shadow: 1px 1px green;
  width: 500px;
  line-height: 18px;
  padding-top: 20px;
   padding-left: 5px;
  float: left;
  text-align: left;
  font-size: 15px;
  color: #ffffff;
font-size: 20px;
font-weight:bold;
  height: 460px;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
#welcome-text:hover {
	background-image: url(img/l4.jpeg);
background-repeat: repeat-y;
background-size: cover;
text-shadow: 1px 1px green;
  width: 500px;
  line-height: 18px;
  padding-top: 20px;
   padding-left: 5px;
  float: left;
  text-align: left;
  font-size: 15px;
  color: #ffffff;
font-size: 20px;
font-weight:bold;
  height: 460px;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
#welcome-text { margin-bottom:10px; }
.list li {
  text-decoration: none;
  background-image: url(images/bullet.png);
  background-repeat: no-repeat;
  list-style-type: none;
  float: left;
  width: 180px;
  padding-left: 20px;
  margin-top: 10px;
  background-position: left center;
}
#welcome-image {
	background-image: url(img/l5.jpeg);
  float: right;
  height: 479px;
  width: 450px;
text-align: center;
padding:2px;
  border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
#welcome-image:hover{
	background-image: url(img/l6.jpeg);
  float: right;
  height: 479px;
  width: 450px;
text-align: center;
padding:2px;
  border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
.separator {
 background-image: url(images/separator.png);
  background-repeat: no-repeat;
  float: left;
  height: 17px;
  width: 850px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#welcome-image:hover{
  float: right;
  height: 479px;
  width: 450px;
text-align: center;
  border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
.separator {
 background-image: url(images/separator.png);
  background-repeat: no-repeat;
  float: left;
  height: 17px;
  width: 850px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#sidebar {
  float: left;
  height: 209px;
  width: 450px;
  background-color: #fff;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  color: #555;
 border: 0px;
 margin-left: 7px;
 	background-image: url(img/l6.jpg);
		  background-repeat: repeat-y;
		   background-size: cover;
 border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
    text-shadow: 3px 2px #071;
}
#sidebar:hover{
  float: left;
  height: 209px;
  width: 450px;
  background-color: #fff;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  color: #555;
 border: 0px;
 margin-left: 7px;
 	background-image: url(img/l3.jpg);
		  background-repeat: repeat-y;
		   background-size: cover;
 border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
    text-shadow: 3px 2px #071;
}

h3 {
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
}
.sidebar-list li {
  list-style-type: none;
  margin-top: 10px;
  padding-bottom: 10px;
  background-color: #ddd;
  background-repeat: repeat-x;
  background-position: bottom;
  font-size: 20px;
}
#content {
background-image: url(img/l2.jpg);
background-size: cover;
height: 260px;
float: right;
width: 450px;
text-align: center;
color: #555;
border: 0px;
font-size: 20px;
margin-right: 7px;
padding-left: 7px;
padding-right: 7px;
border-radius: 10px;
box-shadow: 0 8px 12px 0  rgba(0,0,0,0.2)
text-shadow: 3px 2px #071;
vertical-align: middle;
}
#content p { margin-bottom: 10px; }

#footer {
  float: left;
  width: 1000px;
  height: 60px;
  background-color: #179023;
  background-repeat: no-repeat;
  margin-top: 40px;
  padding-top: 25px;
  text-align: center;
  font-size : 30px ;
text-shadow: 3px 2px #071;
font-family : courier;
color: #ffffff;
font-weight:bold;
border-top: 15px solid #071;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
    position: fixed; 
}

#footer:hover {
  float: left;
  width: 1000px;
  height: 60px;
  background-color: #179023;
  background-repeat: no-repeat;
  margin-top: 40px;
  padding-top: 25px;
  text-align: center;
  font-size : 31px ;
text-shadow: 3px 2px #071;
font-family : courier;
color: red;
font-weight:bold;
border-top: 15px solid #071;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
    position: fixed; 
}


input[type="submit"], .button {
background: none repeat scroll 0% 0% #179023;
font-weight: bold;
color: #FFF;
border: 2px solid #071;
margin: 0px 1px 0px 0px;
padding : 15px 32px ;
text-align : center ;
text-decoration : none;
display : inline-block ;
font-size : 20px ;
border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}



.button:hover, .input[type="submit"]:active, .input[type="submit"]:visited, input[type="submit"]:hover{
background: none repeat scroll 0% 0% #eee;
font-weight: bold;
color: #555;
border: 2px solid #ddd;
margin: 0px 1px 0px 0px;
padding : 15px 32px ;
text-align : center ;
text-decoration : none;
display : inline-block ;
font-size : 20px ;
}
  
input, textarea, select {
background: #fff;
margin: 2px;
border: #ddd 1px solid;
color: #555; 
padding : 15px 32px ;
text-align : left ;
text-decoration : none;
display : inline-block ;
font-size : 20px ;
border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)
}
input[type="radio"]{
padding: 1px;
}
#shad{
text-shadow: 2px 1px #000;
 }
 
   #footer2 { 
      width: 1000px;
  height: 60px;
  margin-top: 10px;
  padding-top: 10px;
   padding-bottom: 50px;
  text-align: center;
   position: fixed; 
   left: 0px; 
   bottom:0px;
   height: 30px; 
   width: 100%; 
     text-align: center;
  font-size : 10px ;
text-shadow: 3px 2px #071;
font-family : courier;
color: #ffffff;
font-weight:bold;
 
border-top: 15px solid #071;
background-color: #179023;
border-radius: 10px;
  box-shadow: 0 8px 12px 0
    rgba(0,0,0,0.2)}
	
	#content:hover {
		background-image: url(img/l3.jpg);
		background-size: cover;
height: 260px;
  float: right;
  width: 450px;
  text-align: center;
 color: red;
 border: 0px;
    font-size: 20px;
    margin-right: 7px;
    padding-left: 7px;
padding-right: 7px;
border-radius: 10px;
box-shadow: 0 8px 12px 0  rgba(0,0,0,0.2)
text-shadow: 3px 2px #071;
vertical-align: middle;
align-items: center;
position: fix;
top: 50%;
left: 50%;
}