@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Happy+Monkey|Graduate);
/* CSS Document */

html{
width:100%;
}
body{
background-color:#ffffff;
margin:0;
padding:0;
}

.all{
margin:0 auto;
width:980px;
}
.menubg{
background-color:#33A1C9;
width:100%;
margin:4px 0;
padding:0;
height:40px
}
.footer{
background-color:#ffd015;
width:100%;
margin:0;
padding:0;
height:80px
}
.header{
padding:5px;
height:125px;
}
.slide{
padding:5px;
height:400px;
margin-top:10px;
}
.content{
background-color:#FFFFFF;
padding:5px;
margin-top:20px;
}
.logo
{
width:316px;
height:88px;
margin:0 20px;
padding:1px 0;
float:left;
}
.well{ width:650px; color:#353636; font:Arial, Helvetica, sans-serif 13px; float:left;}
h1{font-family: 'Graduate', cursive; font-size:22px; color:#161616;}
h1 .span{font-size:12px;}
.pack{ border:1px solid #999999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 2px 4px #121212; -webkit-box-shadow:0 2px 4px #121212;
box-shadow:0 2px 4px #121212; margin:10px 0;}
.pack h3{margin:10px 25px; padding:0; font-family: 'Graduate', cursive; font-size:20px; color:#161616; }
.pack ul{ margin:0 0 10px 15px; padding:0; float:left; width:470px;}
.pack li{ line-height:1.6em; list-style-type:square !important; font-family: 'Happy Monkey', cursive;}

.wel{ width:650px; color:#353636; float:left;}


.wel .org{color:#e36115;}

.wel p{text-align:justify; line-height:1.8em; padding:5px; 
/*font-family: 'Happy Monkey',*/
font-family: Verdana, Arial, Helvetica, sans-serif,
 cursive; color:#005081;}
.wel ul{ float:left;}
.wel li{ list-style-type:none; line-height:2.0em; 
/*font-family: 'Happy Monkey',*/
font-family: Verdana, Arial, Helvetica, sans-serif,
 cursive; background:url(images/bullet.jpg) left no-repeat; padding-left:20px;}
.spe{ width:320px; float:right; color:#353636; 
/*font-family: 'Happy Monkey',*/
font-family: Verdana, Arial, Helvetica, sans-serif,
 cursive ; }
.spe ul{ float:left; margin:0 5px 10px 30px; padding:0;} 
.spe li{line-height:1.8em; list-style:disc; 
/*font-family: 'Happy Monkey',*/
font-family: Verdana, Arial, Helvetica, sans-serif,
 cursive;}
.spe li span{color:#005081;}
.spe a{ margin:0px 0 0 30px; background-color:#005081; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:4px 8px; color:#FFFFFF; text-decoration:none;}
.spe a:hover{background-color:#d7d4d4; color:#353636; -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.scrunch{ background-color:#33A1C9; border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 2px 4px #121212; -webkit-box-shadow:0 2px 4px #121212;
box-shadow:0 2px 4px #121212; padding-left:10px; height:350px; }	
.scrunch p{ color:#FFFFFF;}
.scrunch h1{ color:#FFFFFF;}
.menu
{float:left; width:850px; height:40px; margin:0 5px; padding:0; }
.menu ul{ padding:0px; margin:0px; display:block; height:35px; float:left; width:800px;}
.menu li{ float:left; list-style-type:none; margin-top:5px; padding:10px 15px 0 15px;  height:35px; display:block;}
.menu li a{ text-decoration:none; padding:10px 15px; height:35px; color:#ffffff; font-family: 'Graduate', cursive;  font-size:16px; font-weight:bold;}
.menu li a:hover{color:#1e1e1e; background-color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }


.port{width:235px; border:1px solid #97b8cc; height:400px;  float:left; margin:10px 10px 10px 0; text-align:center;}
.last{float:right !important; margin-right:0px !important;}
.port h2{ color:#353636; font-family: 'Graduate', cursive; font-size:22px;}
.port p{ color:#333333; line-height:1.7em; font-family: 'Happy Monkey', cursive;}
.port a{ margin:10px 0; background-color:#005081; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; 
color:#FFFFFF; text-decoration:none;}
.port a:hover{background-color:#d7d4d4; color:#353636; -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
.blue{background-color:#bde5fd;}
.orange{ background-color:#fac9ac;}
.green{background-color:#a4fac9;}
.pink{background-color:#fdc7e5;}	
/*************Slider**********/

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.theme-default #slider {
    margin:5px auto 0 auto;
    width:960px; /* Make sure your images are the same size */
    height:360px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}


/*************end of slider**********/


/************ Footer *************/


.footer .blog{ margin:10px 0; padding:5px 0px; text-align:center; color:#FFFFFF;} 
.blog a{ text-decoration:none; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; }



.left{width:600px; padding-left:20px; margin:0; float:left; font:Arial, Helvetica, sans-serif normal 12px; color:#000000;}
.rigt{float:right; width:300px; padding-right:20px; margin:0; text-align:right; font:Arial, Helvetica, sans-serif normal 12px; color:#000000;}
.rigt a{text-decoration:none; color:#ffffff;}

p.clr, .clr { clear:both; padding:0; margin:0;}