/* 
McMahon French Palette
#f63 orange
#ccc light grey (borders)
#666 grey
#999 mid grey (footer)
#333 dark grey (text)

Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #f63; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 69% arial,helvetica,sans-serif; color: #333; background-color: #fff; text-align: center; }

/* Headings,text
================================================================*/
ul, ul li { list-style: none; }
#main p, #main ul, #main ol, #main dl { clear: left; margin: 0 0 1.2em;  }
h1 { font-size: 1em; font-weight: bold; }
h2 { margin-bottom: 1em; font-size: 1em; text-transform: uppercase; font-weight: normal; }
h2 em { font-style: normal; color: #f63; float: left; margin-bottom: 1em; margin-right: 5px; }
address { font-style: normal; }
dt { float: left; margin-right: 7px; font-weight: bold; }

/* Forms
================================================================*/
form { padding: 1.5em 0; }
.sectionContact label { float: left; display: inline; width: 155px; }
form em.error { display: block; color: #f63; font-style: normal; font-weight: bold; }
button, input, textarea, select { font: 1em Arial, Helvetica, sans-serif; color: #333; }
.sectionContact textarea, .sectionContact input { width: 230px; }
select { width: 235px; }
.sectionContact textarea { height: 180px; }
button { width: 76px; height: 18px; padding: 0 0 2px 5px; margin-top: 2.5em; border: 0; background: #fff url(../images/buttons/submit.gif) top left no-repeat; text-align: left; color: #f63; cursor: pointer; }
.folaigh { display: none; }

/* Structure
================================================================*/
#wrapper { position: relative; width: 839px; margin: 15px auto 0; padding-bottom: 30px; text-align: left; }
#pageHome #wrapper { padding-bottom: 20px; }
#columns, .column { float: left; display: inline; width: 409px; }
#columns { width: 839px; }
.left { margin-right: 21px; }

.branding { padding-bottom: 21px; }
.nav ul, .nav .subnav { padding-bottom: 12px; margin-bottom: 11px; border-bottom: 1px solid #ccc; }
.nav .subnav { float: left; display: inline; width: 839px; }

.nav a, .nav a:visited { color: #666; }
.french .nav a, .french .nav a:visited { color: #f63; }
.nav a:hover, .nav .current a, .nav .current a:visited, .nav a.current, .nav a.current:visited,
.sectionProfile .navProfile a, .sectionProfile .navProfile a:visited,
.sectionNews .navNews a, .sectionNews .navNews a:visited,
.sectionProjects .navProjects a, .sectionProjects .navProjects a:visited,
.sectionLinks .navLinks a, .sectionLinks .navLinks a:visited,
.sectionContact .navContact a, .sectionContact .navContact a:visited { text-decoration: none; color: #f63; }

/*NB IE7 adds space to left of each li if display inline added*/
.nav .subnav ul { float: left; width: 131px; border: 0; margin: 0; padding: 0; }

#main { float: left; display: inline; width: 839px; margin-bottom: 30px; line-height: 1.4em; min-height: 300px; height: auto; }
* html #main { height: 300px; }
#pageProjects #main { min-height: 120px; }
* html #pageProjects #main { height: 120px; }

img.banner, .sectionNews .items img { display: block; margin-bottom: 1em; padding-top: 4px; }

#footer { clear: both; padding: 9px 0 11px; height: 8px; border: 1px solid #ccc; border-width: 1px 0; color: #999; }
#pageHome #footer { height: 41px; padding: 10px 0 12px; }
#footer address { margin-right: 10px; }
#footer li { float: left; margin: 0 18px 0 10px; }
#pageHome #footer li { margin: 15px 55px 0 0; }
#pageHome #footer li.first { margin-top: 0; }
#footer a, #footer a:visited { color: #999; }
#footer a:hover { text-decoration: none; color: #f63; }
#footer a#credit, #footer a#credit:visited { color: #ccc; text-transform: lowercase; }

#logo { position: absolute; bottom: 0; right: 20px; width: 85px; height: 92px; }
#pageHome #logo { bottom: 6px; }

/* Special cases
================================================================*/

#pageHome #main p { margin-right: 15px; margin-bottom: 1.5em; }
#pageHome #main .right p { margin-top: 1.3em; }

/*home animation*/
#showcase { clear: both; width: 839px; height: 266px; overflow: hidden; }

div.highlightEn, label span { color: #787878; }
p.alert { color: #f63; font-weight: bold; }

.sectionContact iframe { margin: 1em 0 0.5em; }

a.subtle, a.subtle:visited { color: #333; }
a.minor, a.minor a:visited { color: #787878; text-decoration: underline; }

.items { float: left; display: inline; width: 839px; border-bottom: 1px solid #ccc; margin-bottom: 1em; }
.sectionNews #main .last { border: 0 !important; margin-bottom: 3em !important; }

.nophoto { margin-top: 1em; padding-top: 113px; } 

.sectionProjects #main { padding-top: 4px; }
.iframe #main { padding: 0 !important; margin: 0 !important; min-height: 284px; }
* html .iframe #main { height: 284px; }

/*gallery / jquery galleria styling*/
/*ie7 needs height on ul to get spacing right*/
#main ul.gallery { float: left; display: inline; width: 409px; margin-bottom: 11px; }
#pageProject #main ul.gallery { height: 273px;  }
#pageProject #main .left { width: 410px; margin-right: 20px; }
#pageProject #main .left ul.gallery { width: 410px; }
.gallery img { display: block; }
.gallery li { float: left; display: inline; width: 131px; height: 83px; margin-bottom: 8px; overflow: hidden; }
#pageProject .gallery li { width: 98px; height: 84px; margin: 0px 6px 6px 0; }
.gallery li.middle { margin-left: 8px; margin-right: 8px; }
#pageProject .gallery li.last { margin-right: 0; }
.jsgallery li img.thumb { display: block; cursor: pointer; }
#photo { width: 409px; height: 284px; }
/*if resized photo is too deep, hide part of it*/
#photo .galleria_wrapper { width: 409px; height: 265px; overflow: hidden; }
#photo img { display: block; }
#photo .caption { display: none; padding-top: 0.4em; color: #f63; }

#pageProject h1 { margin-bottom: 1.2em; font-size: 1.1em; }