/* Defaults

================================================================*/

*, dl, dd, dt { margin: 0; padding: 0; }

#text p { clear: left; }

#text p, #pagecontent p { margin: 0 0 1em;  }

#text ul, #pagecontent ul { margin: 0 0 1em 17px; }

#text li, #pagecontent li { margin-bottom: 0.5em; }

img { border: 0; }

a { color: #999; 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: 67% arial,verdana,sans-serif; color: #333; background-color: #666; text-align: center; }

#wrapper { width: 800px; margin: 20px auto; text-align: left; }



/* Headings,text

================================================================*/

h1, h2 { font: bold 1.5em futura,'trebuchet ms',helvetica,arial,sans-serif; color: #333; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 0.5em; line-height: 1em; }

h2 { font-size: 1.2em; color: #333; padding-bottom: 0.25em; border-bottom: 1px dashed #ccc; }

ul {  }

#text dl, #pageIntro dl { float: left; margin-bottom: 1em; border-bottom: 1px solid #ccc; font-size: 1.3em; line-height: 18px; }

dt, dd { float: left; display: inline; padding-bottom: 1em; }

dt { clear: left; width: 53px; margin-right: 5px; font-weight: bold; text-transform: uppercase; color: #666; }

dt em { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; text-transform: lowercase; color: #999; }

dd { width: 190px; color: #999; }




/* Structure

================================================================*/

#branding { height: 57px; background: url(../images/bg-branding.gif) bottom left repeat-x; text-align: right; }

#branding img { margin-right: 20px; }



#main, #wrapperText, #pictures, #nav { float: left; display: inline; }

#wrapperText, #pictures, #nav { margin-top: 35px; }



#main { width: 760px; border: 20px solid #999; border-width: 0 20px 20px; background: #fff url(../images/bg-main.gif) top right no-repeat; }

* html #main { width: 800px; w\idth: 760px; }



#wrapperText { width: 254px; height: 446px; overflow: auto; margin-right: 27px; margin-left: 19px; margin-bottom: 20px; }

#text { margin-right: 6px; line-height: 1.3em; }



#pictures { width: 280px; }

#pictures ul, #pictures li { list-style: none; }

#pictures ul { width: 280px; }

#pictures li { position: relative; float: left; display: inline; width: 280px; margin-bottom: 28px; }

#pictures li.square { width: 130px; }

#pictures li.first { clear: left; margin-right: 20px; }

#pictures li.bottom { margin-bottom: 0; }

#pictures li img { border: 1px solid #999; display: block; }

#pictures p.caption { position: absolute; width: 270px; bottom: 0; left: 0; height: 20px; margin: 0; padding: 0 5px; line-height: 20px; color: #fff; text-transform: uppercase; font-size: 10px; font-family: arial,sans-serif; letter-spacing: 1px; text-align: right; background: url(../images/caption.png) bottom left no-repeat; font-weight: bold; }
* html #pictures p.caption { width: 280px; w\idth: 270px; }
#pictures li.square p.caption { width: 120px; }
* html #pictures li.square p.caption { width: 130px; w\idth: 120px; }


#nav { width: 180px; height: 465px; background: bottom right no-repeat; }

#nav ul, #nav li { list-style: none; }

#nav li { margin-bottom: 10px; display: inline; float: right; width: 180px; }

#nav li a { text-transform: uppercase; color: #666; font-family: futura,'trebuchet ms',helvetica,arial,sans-serif; font-weight: bold; font-size: 12px; letter-spacing: 2px; text-align: right; display: block; padding-right: 31px; line-height: 11px; }

#nav li a:visited { color: #666; }

#nav li a:hover { color: #000; text-decoration: none; padding-right: 2px; border-right: 29px solid #666; }



#pageWhat #nav li#navWhat a, #pageWhat #nav li#navWhat a:hover,

#pageHow #nav li#navHow a, #pageHow #nav li#navHow a:hover, 

#pageClients #nav li#navClients a, #pageClients #nav li#navClients a:hover, 

#pageTeam #nav li#navTeam a, #pageTeam #nav li#navTeam a:hover, 

#pageNews #nav li#navNews a, #pageNews #nav li#navNews a:hover,

#pageFriends #nav li#navFriends a, #pageFriends #nav li#navFriends a:hover,

#pageContact #nav li#navContact a, #pageContacts #nav li#navContacts a:hover, 

#pageHome #nav li#navHome a, #pageHome #nav li#navHome a:hover

{ color: #666; padding-right: 2px; border-right: 29px solid #999; }



#footer { float: left; width: 800px; display: inline; height: 17px; background: url(../images/bg-footer.gif) bottom left no-repeat; color: #ccc; }

#footer p { margin: 3px 0 0 190px; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; }

#footer a, #footer a:visited { color: #ccc; text-transform: lowercase; }



/* Special cases

================================================================*/

#text p.tagline { padding: 3px 0; font: bold 1.1em futura,'trebuchet ms',helvetica,arial,sans-serif; color: #333; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border: 1px solid #ccc; border-width: 1px 0; line-height: 14px; }

/*intro page*/
#content { float: left; display: inline; width: 536px; margin-left: 27px; margin-right: 17px; }
#intro { clear: left; width: 536px; height: 354px; overflow: hidden; }
#music { float: left; margin: 10px 0; }

#pageIntro dl { margin-top: 38px; margin-bottom: 20px; width: 536px; font-size: 1.1em; }
#pageIntro dt { clear: none; padding-bottom: 1.4em; font-size: 1.1em; }
#pageIntro dd { width: 190px; margin-right: 40px; padding-bottom: 1.4em; }
#pageIntro dd#verb { width: 165px; margin-right: 0; }

/*word of mouth page downloads list*/
#pageClippings #text ul, ul.pdfs { list-style: none; margin-left: 0; }
#pageClippings #text li, ul.pdfs li { list-style: none; background:transparent url(../images/icon-pdf.jpg) no-repeat scroll left center; margin-bottom:1em; padding-left:20px; }

/*location map*/
#pictures li img#markerDublin, #pictures li img#markerCork, #pictures li img#markerBelfast { position: absolute; border: 0; }
#pictures li p#dublin, #pictures li p#cork , #pictures li p#belfast{ display: none; position: absolute; margin: 0; width: 150px; color: #333; line-height: 1.4em; }
#markerDublin { top: 138px; left: 168px; }
#markerCork { top: 239px; left: 73px; }
#markerBelfast { top: 58px; left: 168px; }
p#dublin { top: 158px; left: 140px; }
p#cork { top: 180px; left: 123px; }
p#belfast { top: 78px; left: 120px; }