/*basic and global styles*/
body{margin:0;
    background-attachment: fixed;
    background-size: cover;
	}

nav {
    position: fixed;
    width: 100% !important;
	z-index:1;
	
	
}

p{
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#666;
	font-size:12pt;
	text-align:left;
	margin-top:0;
	padding-top:0;
	
}

h2{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	color:#00CCCC;
	font-size:14pt;
	text-align:left;
	margin-bottom:2px;
	padding-bottom:0;
	
}
/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
	
}

/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    float: left;
   /* margin-right: 1px;*/
}
.navlist{width:14%;}

/*Style for menu links*/
li a {
    display:block;
    min-width:140px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-family: 'Open Sans', sans-serif;
	font-weight:600;
    color: #fff;
    background: #33CCCC;;
    text-decoration: none;
}
li span.greeting {
	display: block;
	min-width: 250px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	color: #fff;
	background: #009999;
	;
	text-decoration: none;
}

.imghead{background-color:#33CCCC;height:65px;width:12%;position:relative;}
.greetingli{width:18%;}

/*Hover state for top level links*/
li:hover a {
    background: #009999;
}

/*Style for dropdown links*/
li:hover ul a {
    background: #F4F4F4;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
    background: #009999;
    color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
    display: none;
}

/*Make dropdown links vertical*/
li ul li {
    display: block;
    float: none;
}

/*Prevent text wrapping*/
li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
    display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    color: #fff;
    background: #009999;
    text-align: center;
    padding: 10px 0;
    display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

.footer-center{ border-top: #666666 ridge 2px; color:#666666; padding:25px 0; text-align:center;font-family:'Open Sans', sans-serif;}

/*Responsive Styles*/

@media screen and (max-width : 760px){
    /*Make dropdown links appear inline*/
    .imghead{display:inline;}
    ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    li {
        border-bottom:1px solid #38B8B8;
    }
    /*Make all menu links full width*/
    ul li, li a {
        width: 100% !important;
        padding:0  !important;
    }
    ul li a{padding:0 !important;}
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
        height: 40px;
        line-height: 40px;
    }
    .greetingli{display:none;}
}

@media screen and (max-width : 760px){
	.homegraphic{
		position:fixed;
		top:28%;left:5%;
}
}

/*PORTFOLIO*/
h1.port{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	color:#33CCCC;
	font-size:24pt;
	text-align:center;
}

h2.port{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	color:#666;
	font-size:18pt;
	text-align:left;
}

p.port{
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#666;
	font-size:12pt;
	text-align:left;
	
}


.dots{
	position:fixed;top:20%;right:5%; 
}
@media screen and (max-width : 760px){
	.dots{
		position:fixed;
		top:20%;left:-90%;
}

h1.port{
	font-size:14pt;
	text-align:center;
}}

/*END PORTFOLIO*/

/*DOODLE*/

table.doodle{
	width:100%;
	padding:0px;
	margin:0px;
}

div.doodle{
	width:100%;
	background-color:#33CCCC;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

h1.doodle{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	color:#FFF;
	font-size:38pt;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

h1.doodleyear{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:48px;
	padding-left:0px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

h2.doodleintro{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	color:#666;
	font-size:16pt;
	text-align:center;
	padding:10px;
}

h2.doodle{
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	color:#666;
	font-size:16pt;
	text-align:left;
	padding:10px;
}

p.doodle{
	font-family: 'Open Sans', sans-serif;
	color:#666666;
	padding:10px 20px 10px 10px;
	font-size:14pt;
}

p.doodleindex{
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	padding: 20px 20px 0px 20px;
	font-size:12pt;
	font-weight:bold;
}

img.doodle-right{
	padding: 0px 0px 3px 25px;
}

img.doodle-left{
	padding: 0px 25px 3px 0px;
}

ol.doodle{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10pt;
	line-height:128%;
	}
li.doodle{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10pt;
	line-height:128%;
	}

ul.DI{
	list-style:initial;
    margin: initial;
    padding: 0 0 0 55px;
}

li.DI{
	display:list-item;
	float:initial;
	font-family: 'Open Sans', sans-serif;
	color:#FFFFFF;
	font-size:12pt;
	padding-bottom:5px;
}

a.doodle {
	font-size: 12pt;
	color: #FFFFFF;
	font-family:'Open Sans', sans-serif;
	padding-bottom:5px;

	}
	
a.doodle:link{
	text-decoration: none;
	}
	
a.doodle:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
	
a.doodle:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}
	
a.doodle:active {
	text-decoration: none;
	color: #FFFFFF;
	}
/*END DOODLE*/