/* CSS Document */


body
{
background-image:url(../images/section-bg1.png);
background-size:cover;
background-repeat:no-repeat;
background-position:top;
}


.nav
{
top:0px;
position-top:fixed;
background-color:#000000;
}


.nav a
{

float:left;
text-decoration:none;
padding:7px 18px;
font-weight:bold;
color:#FFFFFF;
border: 1px solid #5b9fc3;
border-right:1px solid #FFFFFF;
}

.nav a:hover
{
background-color:#00CCFF;
color:#FFFFFF;
}

.thumbnail
{
background-color:#8ddafd;
box-shadow: 0 0 1px 2px #ccc;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}



.button
{
display: inline-block;
padding: 9px 19px;
font-size: 16px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: #fff;
background-color:#003366;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
margin-bottom:14px;
width:220px;
font-weight:bold;
margin-left:12px;
margin-top:15px;
}

.button:hover
{
background-color:#009966;
color:#FFFFFF;
}


.button1
{
background-color:#00CCFF; /* blue */
border: none;
color:#FFFFFF;
padding: 12px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 17px;
margin: 2px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius:5px;
font-weight:bold;
margin-bottom:10px;
width:130px;
box-shadow: inset 0 1px 0 #fff, 0px 3px 0 #119ec1, 1px 5px 5px 3px rgba(0,0,0,.3);
}
.button1:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.button2
{
background-color:#65c82d; /* blue */
border: none;
color:#FFFFFF;
padding: 12px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 17px;
margin: 2px 2px;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border-radius:5px;
font-weight:bold;
margin-bottom:10px;
width:130px;
box-shadow: inset 0 1px 0 #fff, 0px 3px 0 #50af1a, 1px 5px 5px 3px rgba(0,0,0,.3);
}
.button2:hover
{
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.inner_pages
{
width:250px;
margin-bottom:20px;
margin-top:20px;
}

.inner_pages a
{
color:#000000;
display:block;
text-decoration:none;
padding:5px;
border-bottom:1px dotted;
font-weight:bold;
margin-right:15px;
margin-left:10px;
margin-bottom:2px;
}

.inner_pages a:hover
{
background-color:#FFCC66;
color:#000000;
}