@charset "UTF-8";
/* CSS Document */

html, body { margin:0; padding:0; }

body {
	background-color:#FFF;
	border:0;
	
}

a {
	text-decoration:none;
	color:#000;
	border: 0;
	-webkit-transition: color 70ms ease-in 70ms;
    -moz-transition: color 70ms ease-in 70ms;
    -o-transition: color 70ms ease-in 70ms;
    transition: color 70ms ease-in 70ms;
}


#container { border:0; position: relative; padding-top: 0px; margin: 0 auto !important;}
#container img { border: 0; }

.wrapper { position:relative; margin: 0 auto; width: 800px; }


/* MAIN */

#main { } 

/* END MAIN */


/* NAVIGATION BAR */
#logo { font-family: "Avenir LT Std", Arial, sans-serif; color:#000; font-size: 32px; letter-spacing: -.05em; }
#header { margin: 0 auto; background:url(images/crop%20maple-glazed-root-vegetables.jpg) left repeat-x; width: 100%; height: 150px;}
#header img { left: -10px; position: relative; }
#header table { position:relative; top: 80px; }
#header ul { list-style: none; }
#header li { display: inline; }
#quicklinks { position:relative;  right: 0; text-align: right;}
#quicklinks a { font-family: "Avenir LT Std", Arial, sans-serif; font-size: 14px; color: #FFF; }
#quicklinks a:hover { color: #333;}
#quicklinks ul { list-style: none; }
#quicklinks li { display:inline ; padding-top: 5px; padding-right: 10px; }
#quicklinks li.current {  color:#CCC; font-family: "Avenir LT Std", Arial, sans-serif; font-size: 14px; }
/* END NAVIGATION BAR */


#section-intro, #about-intro { margin: 0 auto; margin-top: 0px; 
/* background:#F4F4F4 url(images/soccer-demo.jpg) top no-repeat;  */
background:#F4F4F4;
height: 400px;}

#about-intro { height: 375px; }

#section-intro img { border:0; overflow:hidden; min-width: 800px; max-width: 1600px;}

#section-video, #section-sample, #section-intro
{ border-top:thin; border-top-color:#CCC; border-top-style:solid; }

#section-intro { border-top-color:#000 }

#section-video { background-color: #F4F4F4; padding-bottom: 40px; }

#section-sample p,
#section-video p { padding-left: 55px; }

#section-intro p,
#section-sample p,
#section-video p { font-family: "Avenir LT Std", Arial, sans-serif; }


#section-sample p.head,
#section-video p.head { font-size: 24px; top:20px; position:relative; }
#section-intro p.head { margin-top: 100px; font-size: 36px; color:#FFF; }

#section-sample p.body,
#section-video p.body { font-size: 15px; color:#666; }


/* ABOUT PAGE STYLE */
#about-image, #about-text { border-top:thin; border-top-color:#CCC; border-top-style:solid; }
#about-image { border-top-color:#333 }

#about-image { margin: 0 auto; margin-top: 0px; background:#F4F4F4 url(images/about-top.jpg) top no-repeat; height: 250px;}
#about-image, #about-text p { font-family: "Avenir LT Std", Arial, sans-serif; }
#about-image p.head { font-size: 24px; top:20px; position:relative; }
#about-image p.body { font-size: 15px; color:#666; }


#about-text p { font-size: 15px; color:#333; }
#about-text p.head { font-size: 22px; }
#about-text .wrapper { width: 700px; }
/* END ABOUT PAGE STYLE */


/* PROJECTS PAGE STYLE */
#projects-white, #projects-gray, #footer-2 { border-top:thin; border-top-color:#CCC; border-top-style:solid; }
#projects-white, #projects-gray { background-color: #F4F4F4; padding-bottom: 0px; font-family: "Avenir LT Std", Arial, sans-serif; }
#projects-white { background-color:#FFF }
#projects-white p, #projects-gray p{ padding-left: 55px; position: relative; top:20px}
#projects-white p.head, #projects-gray p.head {font-size: 16px; }
#projects-white p.body, #projects-gray p.body { font-size: 14px; position:relative; top:5px}
/* END PROJECTS PAGE STYLE */


/* EXPERIENCE PAGE STYLE */
#experience-white, #experience-gray, #footer-2 { border-top:thin; border-top-color:#CCC; border-top-style:solid; }
#experience-white, #experience-gray { background-color: #F4F4F4; padding-bottom: 0px; font-family: "Avenir LT Std", Arial, sans-serif; }
#experience-white { background-color:#FFF }
#experience-white p, #experience-gray p{ padding-left: 55px; position: relative; top:20px}
#experience-white p.head, #experience-gray p.head {font-size: 18px; }
#experience-white p.body, #experience-gray p.body { font-size: 14px; position:relative; top:5px}
/* END EXPERIENCE PAGE STYLE */


/* PROJECT-SUB STYLE */
#project-sub { background-color:#F4F4F4; border-top:thin; border-top-color:#CCC; border-top-style:solid; }
#project-sub p{ font-family: "Avenir LT Std", Arial, sans-serif; }
#project-sub p.head { font-size: 18px; }
#project-sub p.body { font-size: 14px; }
#project-sub table {text-align: center; padding-top: 20px;}
#project-sub table td { width: 350px; }
#project-sub table tr { height: 350px; }
#project-sub a { color: #000; }
#project-sub a:hover { color:#CCC }

#project-sub table.video { padding-top: 0; padding-bottom: 40px;}
#project-sub table.video tr { height: 275px }
/* END PROJECT SUB PAGE STYLE */



/* CONTACT PAGE STYLE */
#contact, #footer-2 { border-top:thin; border-top-color:#CCC; border-top-style:solid; }
#contact { background-color: #F4F4F4; padding-bottom: 40px; font-family: "Avenir LT Std", Arial, sans-serif; }
#contact p.head {font-size: 18px;}
#contact ul { list-style:none }
#contact li { }
#contact font { position: relative; top: -8px; padding-left: 10px; }
#contact td.contact-right { position:relative; text-align:right; left: 320px; }
#contact td.contact-right li { padding-top: 0px; }
#contact td.contact-right p.head { font-size: 16px; color:#999 }
/* END PROJECTS PAGE STYLE */


/* BACK BUTTON STYLE */
#back, #back2 { height:60px; background-color:#F4F4F4; }
#back, #back2 p{ font-family: "Avenir LT Std", Arial, sans-serif; font-size: 14px; padding-top:0; text-decoration:underline}
#back, #back2 a { color: #000; }
#back, #back2 a:hover { color:#CCC }
#back2 { background-color:#FFF; height:90px }
/* END BACK BUTTON STYLE */




/* FOOTER */
#footer { padding-bottom:15px; background-color:#1F1F1F; padding-top: 20px;}
#footer-2 { padding-bottom:15px; background-color:#FFF; padding-top: 20px;}
#footer p, #footer-2 p { color:#FFF; font-family: "Avenir LT Std", Arial, sans-serif; font-size:14px; }
#footer p.copy, #footer-2 p.copy { padding-top: 20px; color:#575757; font-size: 12px; }
#footer ul, #footer-2 ul { list-style: none; position:relative; left:-25px; }
#footer li, #footer-2 li { display:inline; padding-left: 10px }
#footer-2 p { color:#000 }
#footer-2 p.copy { padding-top: 20px; color:#000; font-size: 12px; }
/* END FOOTER */