/* Links
 *******************************/
body    { font-family: "Open Sans", arial, sans-serif; background-color: #d6d5cd; margin: 0; padding: 0 }
/*REMOTS Video on MOVIE Page */
#movie  { background-color: white; width: 1038px;}
#movie a   { color: #666; text-decoration: underline;}
/*Main body content*/
#wrapper                         { color: #333; font-size: 14px; font-family: "Open Sans", arial, sans-serif; font-weight: normal; line-height: 24px; background-color: white; text-align: left; text-indent: 0; padding: 40px 140px 10px; width: 758px }
#wrapper li          { text-align: left; text-indent: 0; white-space: normal; list-style-type: disc; list-style-position: outside; margin: 0 0 0 -20px; padding: 0 }
p       { font-size: 14px; font-family: "Open Sans", Arial, sans-serif; margin: 0; padding: 0 }
/*Columns for Contact page*/
#left-contact    { margin-left: 100px; padding-left: 5px; float: left; border-left: 2px solid #ab794d }
#right-contact  { display: inline; margin-left: 50px; padding-left: 3px; float: left; border-left: 2px solid #ab794d }
/*styling images */
/*columns for Example Projects Pages */
#left-example    { margin-left: 0; padding-left: 0; width: 200px; float: left }
#right-example    { display: inline; margin-left: 20px; float: left }
/*paragraph text color emphasis*/
.emphasis-copper /* inline heading */  { color: #ab794d; font-weight: 600 }
.emphasis-copper-no /* inline heading */  { color: #ab794d; font-weight: 400 }
.emphasis-blue /* inline heading */  { color: #3c8da7 }
.class img  /* left aligned images for profile page */   { margin-right: 30px; margin-bottom: 20px; float: left; border: dotted 1px #3c8da7 }
.class-right img /* right aligned images */  { margin-bottom: 20px; margin-left: 30px; float: right; border: dotted 1px #3c8da7 }
/*Link*/
a { color: #ab794d; font-weight: normal; text-decoration: none }
a:hover  { color: #3c8da7; text-decoration: none }
/*Picture with Caption*/
#wrapper .picture      { color: #ab794d; text-align: center; margin-left: 200px; padding: 3px 3px 3px 3px; float: left } 
#wrapper .picture img    { color: #c63; margin-bottom: 3px; vertical-align: middle; border: solid 1px #d6e2e3 }
#wrapper .right  { margin: 0.5em 0 0.5em 0.08em; float: right }

/*PROFILE PAGE & IMAGES*/
#profile {  clear:both; font-size: 14px; line-height: 24px; background-color: #fff; text-align: left; text-indent: 0; padding: 10px 140px 15px; width: 758px; height: auto }
#profile img  { margin: 10px 30px 30px 0; float: left; border: dotted 1px #3c8da7 }

/*Headings*/
h1     /* page header */          { color: #3c8da7; font-size: 20px; font-weight: 500; background-color: #fff; text-align: left }
h2     /* secondary heading */        { color: #ab794d; font-size: 16px; font-weight: 600; text-align: left; margin-top: 10px; margin-bottom: 5px }
h3    /* 3rd level heading */ { color: #ab794d; font-size: 14px; line-height: 24px; text-align: left; margin: 0; padding: 0; float: left }
h4     { color: #ab794d; font-size: 14px; font-weight: 400; line-height: 24px }
h5  { color: #ab794d; font-size: 14px; font-weight: 400; line-height: 24px; margin: 0; padding: 0; float: left }

/* Navigation Main 
 *******************************/
#navigation ul
           { font-size: 15px; font-family: "Open Sans", sans-serif, Arial; font-weight: 400; background-color: #c7bda6; text-align: center; list-style-type: none; margin: 0; padding: 12px 0; width: 1038px }

#navigation ul li       { font-weight: 400; background-color: #c7bda6; text-transform: uppercase; display: inline; border-style: none solid none none; border-width: medium 2px medium medium; border-color: #fff }

#navigation ul li a
       { color: #333; font-weight: 400; text-decoration: none; background-color: #c7bda6; padding: 0.2em 1em }

#navigation ul li a:hover 
      { color: #000; font-weight: 600; text-decoration: none }
 
#navigation ul li a:active 
   { text-decoration: none; background-color: #c7bda7 }
#navigation  li.first-child .page {margin-left:0;}


#navigation li.last-child {border-right: 0; padding-right:0;}
#navigation li.last-child .page {margin-right:0;}
#navigation  li.first-child .page {margin-left:0;}
#navigation li.last-child {border-right: 0; padding-right:0;}
#navigation li.last-child .page {margin-right:0;}
/*Style of Blockquote*/
blockquote    { color: #ab794d; font-size: 22px; font-family: "Times New Roman", Times, serif; font-style: italic; line-height: 24px; text-align: left; display: inline; margin: 0 0 0 20px; padding: 5px 5px 5px 10px; width: 250px; float: right; border-left: 3px solid #ab794d }
/*Style of two columns on Contacts Page  */
#left-contact     { margin-left: 100px; padding-left: 10px; float: left; border-left: 2px solid #ab794d }
#right-contact   { display: inline; margin-left: 50px; padding-left: 10px; float: left; border-left: 2px solid #ab794d }
/*Rows & Columns for Project Example Overview Page*/
#projects       { color: #333; font-size: 12px; font-weight: normal; line-height: 14px; background-color: #fff; text-align: left; text-indent: 0; padding: 0 140px 0; width: 758px; height: 320px }
#projects img   { padding-top: 0; padding-bottom: 0; border: solid 1px #000 }
#project-1         { display: inline; width: 169px; float: left }
#project-heading     {  clear:both; background-color: #fff; text-align: left; text-indent: 0; padding: 10px 140px; width: 758px; height: 30px }
#project-2         { display: inline; margin-left: 5px; padding-left: 10px; width: 169px; float: left }
#project-3          { display: inline; margin-left: 5px; padding-left: 10px; width: 169px; float: left }
#project-4          { display: inline; margin-left: 5px; padding-left: 10px; width: 169px; height: auto; float: left }