/* Nice Images website */

/*** Colours

***/
body {
margin: 0;
padding: 0;
background-color: #fff;
font-family: Arial, Helvetica, sans serif;
font-size: 0.75em;
}
img {
border: 0;
}
#wrapper {
margin: 10px auto 0 auto;
padding: 0;
width: 760px;
}
#topBits {
margin: 0;
padding: 0;
width: 758px;
position: relative;
}
#topBits p.hqLocations {
position: absolute;
top: 0;
right: 8px;
margin: 0;
padding: 0;
font-size: 120%;
font-weight: normal;
color: #ccc;
width: 200px;
float: right;
text-align: right;
}
#topBits p.hqLocations a:link, #topBits p.hqLocations a:visited {
color: #ccc;
background-color: transparent;
text-decoration: none;
border-bottom: none;
}
#topBits p.hqLocations a:hover, #topBits p.hqLocations a:active {
color: #888;
border-bottom: 1px dotted #ccc;
}
#topnav {
margin: 0;
padding: 28px 0 0 0;
float: right;
}
#topnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#topnav li {
margin: 0 8px 0 0;
padding: 0;
display: inline;
}
#topnav a:link, #topnav a:visited {
font-size: 90%;
font-weight: normal;
color: #999;
background-color: transparent;
text-decoration: none;
}
#topnav a:hover, #topnav a:active {
color: #333;
}
#inner-wrapper {
width: 758px;
height: 525px;
background-color: #ccc;
border: 1px solid #999;
position: relative;
}
#banner {
margin: 0;
padding: 0;
width: 758px;
height: 150px;
position: relative;
}
#banner.home {
height: 325px;
}
#banner.port {
height: 0;
}
#main {
margin: 20px 0 0 0;
}
#content {
margin: 0 30px 0 50px;
width: 400px;
float: right;
}
#content.homeOnly {
width: 365px;
}
#content h1 {
margin: 0 0 8px 0;
padding: 0;
color: #333;
background-color: transparent;
font-size: 140%;
line-height: 100%;
font-weight: normal;
}
#content h2 {
margin: 0;
padding: 0;
color: #333;
background-color: transparent;
font-size: 110%;
line-height: 100%;
font-weight: normal;
}
#content p {
margin: 0 0 10px 0;
font-size: 90%;
color: #666;
background-color: transparent;
}
#content p a:link, #content p a:visited {
color: #666;
background-color: transparent;
text-decoration: none;
border-bottom: none;
}
#content p a:hover, #content p a:active {
color: #181818;
border-bottom: 1px dotted #181818;
}
.peeps {
margin: 0 0 20px 0;
}
.peeps h4 {
margin: 0 0 3px 0;
padding: 0 0 0 135px;
font-size: 100%;
font-weight: normal;
color: #333;
background-color: transparent;
}
.peeps img {
float: left;
}
.peeps p {
margin: 0 0 5px 0;
padding: 0 0 0 135px;
line-height: 100%
}
/*** Lefter section ***/
#lefter {
margin: 0 0 0 20px;
width: 200px;
}
#clearone {
clear: both;
height: 1px;
}
#footer {
width: 758px;
height: 65px;
position: absolute;
bottom: 0;
}
/*** REMOVED FROM DEV HTML ***/
#madrid {
position: absolute;
top: 0;
right: 10px;
width: 90px;
background-image: url(../img/es.png);
background-repeat: no-repeat;
background-position: right center;
}
#madrid p {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: bold;
color: #666;
background-color: transparent;
text-align: left;
}
/*** / MADRID ***/
#contacts {
position: absolute;
right: 30px;
bottom: 25px;
}
#contacts p {
margin: 0 0 5px 0;
padding: 0;
color: #666;
font-size: 90%;
text-align: right;
line-height: 110%;
}
#contacts p a:link, #contacts p a:visited {
color: #666;
background-color: transparent;
text-decoration: none;
border-bottom: none;
}
#contacts p a:hover, #contacts p a:active {
border-bottom: 1px dotted #666;
}
/*** Secondary navigation ***/
#nav02 {

}
#nav02 h2 {
margin: 0 0 5px 0;
padding: 0;
font-size: 120%;
font-weight: bold;
line-height: 100%;
}
#nav02 h2 a:link, #nav02 h2 a:visited {
color: #666;
text-decoration: none;
}
#nav02 h2 a:hover, #nav02 h2 a:active {
color: #333;
text-decoration: none;
}
#nav02 ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav02 li {
margin: 0 0 3px 0;
padding: 0;
}
#nav02 li a:link, #nav02 li a:visited {
margin: 0;
padding: 0;
color: #666;
text-decoration: none;
}
#nav02 li a:hover, #nav02 li a:active {
color: #333;
}

/*** Slideshow on home page ***/
#slideshow{ 
margin: 0; 
width: 758px; 
height: 325px;
background: #999; 
position: relative;
float: right;
}
#slideshow a {
color: #fff;
text-decoration: none;
}
#rotator_wrapper {
width: 758px;
height:300px;
}
#rotator {
list-style-type: none;
margin: 0;
padding: 0;
}
#rotator li { 
position: absolute; 
left: 0;
top: 0;
}
#rotator_controls {
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
left: 15px;
top: 307px;
width: 150px;
}
#rotator_controls li {
margin-left: 5px; 
display: inline;
float: left;
width: 10px;
height: 10px;
text-indent: -9999px;
}
#rotator_controls .current {
background-color: #fff;
}
#rotator_controls a {
display: block;
width: 10px;
height: 10px;
border: 1px solid #fff;
overflow: hidden;
}
#rotator_play_pause {
position: absolute;
right: 20px;
top: 305px;
}
#rotator li p {
position: absolute;
left: 20px;
bottom: 20px;
margin: 0;
padding: 5px;
font-size: 90%;
color: #fff;
background-image: url(/img/home-p-bg.png); 
}
#rotator li p.black {
color: #333;
}
/*** Bottom 3 images ***/
.tpics {
position: absolute;
left: 20px;
bottom: 20px;
margin: 0;
padding: 0;
}
.tpics ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.tpics li {
margin: 0 8px 0 0;
padding: 0;
display: inline;
}
.tpics img {
border: 1px solid #666;
}
/*** Home Page stuff ***/
h2.homeNews {
margin: 0 0 8px 50px;
padding: 0;
font-size: 140%;
font-weight: normal;
color: #666;
text-transform: uppercase
}
ul.homeNews {
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
font-size: 90%;
}
ul.homeNews li {
margin: 0 0 3px 0;
padding: 0;
}
ul.homeNews a:link, ul.homeNews a:visited {
text-decoration: none;
color: #666;
background-color: transparent;
}
ul.homeNews a:hover, ul.homeNews a:active {
border-bottom: 1px dotted #666;
}
h1.intro {
margin: 0 0 5px 0;
padding: 0;
font-size: 175%;
line-height: 100%;
color: #fff;
background-color: transparent;
font-weight: normal;
}
p.intro {
margin: 0 0 12px 0;
padding: 0;
color: #666;
background-color: transparent;
line-height: 110%;
font-size: 120%;
width: 300px;
}
p.intro a:link, p.intro a:visited {
color: #333;
text-decoration: none;
border-bottom: none;
}
p.intro a:hover, p.intro a:active {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #666;
}
/*** Scroller stuff ***/
#scroller {
padding-right: 20px;
height: 230px;
overflow: auto;
outline: 0;
}
/*** Portfolio Gallery ***/
#gallery {
position: relative;
}
#gallery ul {
margin: 20px 0 0 0;
padding: 0;
list-style-type: none;
}
#gallery ul li {
margin: 0 5px 5px 0;
padding: 0;
display: inline;
float: left;
}
#gallery ul img {
border: 0;
}
.newStory {
margin: 0 0 20px 0;
padding: 0;
}
#content .newStory h2 {
margin: 0 0 2px 0;
padding: 0;
font-size: 90%;
font-weight: bold;
line-height: normal;
}
.newStory h2 a:link, .newStory h2 a:visited {
color: #333;
text-decoration: none;
}
.newStory h2 a:hover, .newStory h2 a:active {
border-bottom: 1px dotted #333;
}
.newStory img {
margin: 0 10px 10px 0;
float: left;
border: 0;
}
#content .newStory p {
margin: 0 0 5px 0;
line-height: 1.2em;
}
.newStory p.fullStory a:link, .newStory p.fullStory a:visited {
color: #333;
text-decoration: none;
}
.newStory p.fullStory a:hover, .newStory p.fullStory a:active {
border-bottom: 1px dotted #333;
}
/*** Social Media links in News section ***/
#socMedia {
margin: 20px 0;
padding: 0;
}
#socMedia p.twitter {
margin: 0;
padding: 6px 0 6px 25px;
background-image: url(/img/twitter.png);
background-position: left center;
background-repeat: no-repeat;
}
#socMedia p.facebook {
margin: 0;
padding: 6px 0 6px 25px;
background-image: url(/img/facebook.png);
background-position: left center;
background-repeat: no-repeat;
}
#socMedia p.rss {
margin: 0;
padding: 6px 0 6px 25px;
background-image: url(/img/rss.png);
background-position: left center;
background-repeat: no-repeat;
}
#socMedia a:link, #socMedia a:visited {
margin: 0;
padding: 0;
color: #333;
font-size: 90%;
text-decoration: none;
border-bottom: none;
}
#socMedia a:hover, #socMedia a:active {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #333;
}
/*** London - Madrid nav under left side nav ***/
#localeJump {
margin: 20px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px dotted #888;
}
#localeJump p {
margin: 0;
padding: 0;
font-size: 90%;
color: #888;
background-color: transparent;
}
#localeJump a:link, #localeJump a:visited {
color: #888;
text-decoration: none;
}
#localeJump a:hover, #localeJump a:active {
color: #333;
text-decoration: none;
}
/*** Client list ***/
ul.client, ul.client02 {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
color: #666;
width: 50%;
}
ul.client02 {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 90%;
color: #666;
float: right;
width: 50%;
}
ul.client li, ul.client02 li {
margin: 0 0 2px 0;
padding: 0;
}
#content p a:link, #content p a:visited {
border-bottom: 1px dotted #666;
}