.align-right{float:right;margin:5px}
.align-left{float:left;margin:5px;}
.clearboth{clear:both;}
.nested {
	margin: 10px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
}
.twenty {width: 20%;height:auto}
.twentyfive {width: 25%;height:auto;}
.thirty {width: 30%;height:auto;}
.thirtyfive {width: 35%;height:auto;}
.forty {width: 40%;height:auto;}
.fortyfive {width: 45%;height:auto;}
.fifty {width: 50%;height:auto;}
.fiftyfive{width: 55%;height:auto;}
.sixty {width: 60%;height:auto;}
.sixtyfive {width: 65%;height:auto;}
.seventy {width: 70%;height:auto;}
.seventyfive {width: 75%;height:auto;}
.eighty {width: 80%;height:auto;}
.eightyfive {width: 85%;height:auto;}
.ninty {width: 90%;height:auto;}
.nintyfive {width: 95%;height:auto;}
.onehundred,.wp-post-image {width: 100%;height:auto;}

body { font-family:-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif; }
#header,
#footer,
#wrapper{
background-size:100%;position:relative;background-repeat:no-repeat;
}

#wrapper{margin-left:auto;margin-right:auto;}
#wrapper{ background-image:url(bg.jpg);background-repeat:repeat; }

.portfolio1{width:8.3333333333333%;}
.portfolio2{width:16.666666666667%;}
.portfolio3{width:25%;}
.portfolio4{width:33.333333333333%;}
.portfolio5{width:41.666666666667%;}
.portfolio6{width:50%;}
.portfolio7{width:58.333333333333%;}
.portfolio8{width:66.666666666667%;}
.portfolio9{width:75%;}
.portfolio10{width:83.333333333333%;}
.portfolio11{width:91.666666666667%;}
.portfolio12{width:100%;}

@media screen and (min-width: 0px) and (max-width: 479px)
{
.portfolio1,
.portfolio2,
.portfolio3,
.portfolio4,
.portfolio5,
.portfolio6,
.portfolio7,
.portfolio8,
.portfolio9,
.portfolio10,
.portfolio11,
.portfolio12 {
display:block;
float: none;
min-width: 100%;
}
#wrapper{ background-image:url(); }

.twenty,
.twentyfive,
.thirty,
.thirtyfive,
.forty,
.fortyfive,
.fifty,
.fiftyfive,
.sixty,
.sixtyfive,
.seventy,
.seventyfive,
.eighty,
.eightyfive,
.ninty,
.nintyfive,
.onehundred,.wp-post-image {width: 100%;height:auto;}

}

/* OOOOOOOOOOOOOOOOOOOOOOOOO PASTE STRUCTURAL CSS HERE OOOOOOOOOOOOOOOOOOOOOOOOO */

.fontsize {
	font-size: 36pt;
	font-weight: bold;
}

/* Functionality */
#navnav ul.nav li a:link{ /* Font */
  font-family: 'Indie Flower', cursive;
  }
  
#navnav {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 23px;
  width: 380px;
  margin-right: auto;
  margin-left: auto}
  
#navnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navnav a {
  text-decoration: none;
}
#navnav ul.nav li {
  float: left;
  margin-left: 1px;
}
#navnav ul.nav li:hover {
  position: relative;
}
#navnav ul.nav ul {
  visibility: hidden;
  position: absolute;
  Z-index: 999;
  left: -1px;
  top: 23px;
}
#navnav ul.nav ul li a:link {
  display: inline-block;
  text-align: left}
#navnav ul.nav li:hover > ul {
  visibility: visible;
}
#navnav ul.nav ul ul {
  width: 160px;
  left: 190px;
  top: -1px;
}

/* Style */
#navnav ul.nav li a:link,#navnav ul.nav li a:visited { /* Parent Button Color */
  background-color: transparent;
  color: #000;
}
#navnav ul.nav li a:hover { /* Parent Hover Button Colors */
  background-color: transparent;
  color: #e8beae;
}
#navnav ul.nav li a:active { /* Parent Active Button Colors */
  background-color: transparent;
  color: #000;
}
#navnav ul.nav ul li a:link { /* Sub-Button Color */
  width: 160px;
  background-color: ;
  color: ;
}
#navnav ul.nav ul li a:visited { /* Visited Child Button Color */
  background-color: ;
  color: ;
}
#navnav ul.nav ul li a:hover { /* Hover Child Button Color */
  background-color: ;
  color: ;}
#navnav ul.nav ul li a:active { /* Active Child Button Color */
  background-color: ;
  color: ;
}
#navnav ul{ /* Move Button Bar Up And Down */
margin-top: 1px
}
#navnav ul.nav li { /* Move Buttons Closer Or Farther Apart */
margin-top: -1px
}
#navnav ul.nav ul { /* Move Dropdowns Set Closer Or Farther From Main Nav */
margin-top: 1px
}
#navnav ul.nav li a:link{ /* Rezize Buttons */
width: 160px;
padding: 4px 18px;
font-size: 16pt;
}



#header { }
#nav { }
#image01,
#image02,
#image03,
#image04 {
float: left;
}
#footer { height:80px; }


/* Links Color */
#wrapper a:link,#section a:visited,#section a:active{text-decoration:none; color:GREEN;}
#wrapper a:hover{ color:ORANGE; }

/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE GREATER THAN 1280 PIXELS OOOOOOOOOOOOOOOOOOOOOOOOO */


@media screen and (max-width: 7000px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:1280px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:38pt;}
#wrapper .nested h3{font-size:34pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}


#wrapper #footer p{color:#dfb8a8;font-size:14pt;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
#wrapper #footer .footer {text-align:center}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE GREATER THAN 1280 PIXELS OOOOOOOOOOOOOOOOOOOOOOOOO */




/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 1024 AND 1279 OOOOOOOOOOOOOOOOOOOOOOOOO */


@media screen and (max-width: 1279px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:1024px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:38pt;}
#wrapper .nested h3{font-size:34pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}

#wrapper #footer p{color:#dfb8a8;font-size:14pt;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
#wrapper #footer .footer {text-align:center}


} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 1024 AND 1279 OOOOOOOOOOOOOOOOOOOOOOOOO */



/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 960 AND 1023 OOOOOOOOOOOOOOOOOOOOOOOOO */


@media screen and (max-width: 1023px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:960px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:28pt;}
#wrapper .nested h3{font-size:24pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}

#wrapper #footer p{color:#dfb8a8;font-size:14pt;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
#wrapper #footer .footer {text-align:center}


} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 960 AND 1023 OOOOOOOOOOOOOOOOOOOOOOOOO */



/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 768 AND 959 OOOOOOOOOOOOOOOOOOOOOOOOO */


@media screen and (max-width: 959px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:768px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:18pt;}
#wrapper .nested h3{font-size:14pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}


#wrapper #footer p{color:#dfb8a8;font-size:12pt;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
#wrapper #footer .footer {text-align:center}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 768 AND 959 OOOOOOOOOOOOOOOOOOOOOOOOO */



/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 480 AND 767 OOOOOOOOOOOOOOOOOOOOOOOOO */


@media screen and (max-width: 767px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:480px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:14pt;}
#wrapper .nested h3{font-size:12pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}
 #image01{width:49.999998%;} /* 3 cols changed to 6 */
#wrapper #image02{
	width: 49.999998%;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	
	font-style: normal;
	font-weight: 400;
	color: #000;
	text-align: left;
} /* 3 cols changed to 6 */
#image03{width:49.999998%;} /* 3 cols changed to 6 */
#image04{width:49.999998%;} /* 3 cols changed to 6 */
#wrapper #image02h{
	width: 100%;}
	

	
#wrapper #footer p{color:#dfb8a8;font-size:12pt;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
#wrapper #footer .footer {text-align:center}



} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 480 AND 767 OOOOOOOOOOOOOOOOOOOOOOOOO */



/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 380 AND 479 OOOOOOOOOOOOOOOOOOOOOOOOO */


@media screen and (max-width: 479px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:380px;} /* CHANGE WIDTH */
#wrapper .nested h1{font-size:18pt;}
#wrapper .nested h3{font-size:14pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {font-size:12pt;}


#wrapper #footer p{color:#dfb8a8;font-size:12pt;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
#wrapper #footer .footer {text-align:center}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 380 AND 479 OOOOOOOOOOOOOOOOOOOOOOOOO */



/* OOOOOOOOOOOOOOOOOOOOOOOOO BEGIN RESPONSIVE BETWEEN 320 AND 379 OOOOOOOOOOOOOOOOOOOOOOOOO */


@media screen and (max-width: 380px)
{
#header .nested{position:absolute;top:-5px;left:-20px;} /* Hamburger Position */
#wrapper{width:320px;} /* CHANGE WIDTH */
#wrapper .nested h1{
	font-size: 12pt;
	color: #E6C0AD;
	font-family: indie-flower;
	font-style: normal;
	font-weight: 400;
}
#wrapper .nested h3{font-size:14pt;}
#wrapper .nested p,
#wrapper .nested li,
#wrapper .nested blockquote {
	
}
#nav{display:none}

#wrapper #footer p{color:#dfb8a8;font-size:12pt;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
#wrapper #footer .footer {text-align:center}

} /* OOOOOOOOOOOOOOOOOOOOOOOOO END RESPONSIVE BETWEEN 320 AND 379 OOOOOOOOOOOOOOOOOOOOOOOOO */

amp-sidebar {color:#fff;font-family: 'Indie Flower', cursive;line-height:50px;font-size:24px;}
amp-sidebar a{color:#fff;text-decoration:none;line-height:16px;}
amp-sidebar a:hover{color:#000}
amp-sidebar {
background-color:#e7bfae;
width: 250px;
padding-right: 10px;
}
.amp-sidebar-image {
line-height: 100px;
vertical-align:middle;
}
.amp-close-image {
top: 15px;
left: 225px;
cursor: pointer;
}
amp-sidebar li {
margin-bottom: 20px;
list-style: none;
}
button {
margin-left: 20px;
}
.toggle {
background-color: #fff;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
color: Menu;
border:1px solid #fff;
background-image: url(images/button_bg.jpg);
}
.toggle:hover {
color:#000;
background-color: #f4cbba;
background-image: url(images/button_bg_over.jpg);
}
#me {
	height: auto;
	width: 300px;
}
**{border:thin solid red}






.portfoliobutt {
background-color: #fff;
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
color: #000;
border:1px solid #000;
background-image: url(images/button_bg.jpg);
}

.portfoliobutt:hover {
color: #fff;
background-color: #a89f98;
border:1px solid #000;
background-image: url(images/button_bg_over.jpg);
}

.portfoliotext {
background-color : #fff1e6;
border: 1px solid #666;
width: 230px;
}

.captcha {
background-color : #000;
border: 1px solid #666;
width: 50px;
}

.portfoliotextarea {
width:230px;
height:80px;
background-color : #fff1e6;
border: 1px solid #666;
font-family:sans-serif;
font-size:10pt;
}

.portfolioform{
font-family:sans-serif;
font-size:10pt;
text-align:right}

.portfolioselect{
background-color : #eee;
border: 1px solid #666;
 line-height: 1;
 border-radius: 10;
width: 230px;
 }

.portfoliolabels {
font-family:sans-serif;
font-size:10pt;
}