/**
 * (c) 2008 Jason Crosse Antanova Ltd
 * for Outburst Creative
 * www.Antanova.com
 */
html, body {height:100%;}
body {margin:0; padding:20px 0; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.2em; background:#212126;}

img {border:0;}

/* Defaults */
p {margin:1em 0;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
.clear {clear:both;}

/* SEO style */
#rescont {width:500px; margin:0 auto; position:relative; color:#eeeeee; font-size:0.6875em;}
#rescont a {color:#eeeeee;}

/* Intro page */
#intro-container      {margin:0 auto; padding:0; width:611px; position:relative; text-align:left;}
#intro-container h1   {margin:101px 0 1em; padding:0; width:500px; height:85px; background:url(/images/intro_logo.png) 0 0 no-repeat; float:left; display:inline;}
#intro-container h1 a {margin:0; padding:0; width:500px; height:85px; display:block; text-indent:-999em;}
#intro-container h2   {margin:1em 0; padding:0; width:111px; height:171px; background:url(/images/intro-button.gif) 0 0 no-repeat; float:left; display:inline;}
#intro-container h2 a {margin:); padding:0; width:111px; height:171px; display:block; text-indent:-999em; overflow:hidden; outline:0;}
#intro-container ul   {margin:0; padding:0; clear:both; float:left; width:500px;}
#intro-container li   {margin:0 2px 0 1px; padding:0 2px; float:left; display:inline; font-size:61.25%; font-weight:bold;}
#intro-container a    {text-decoration:none; color:#999999;}

#intro-container .about   a:hover {color:#6DBE53;}
#intro-container .folio   a:hover {color:#00AEEF;}
#intro-container .cat     a:hover {color:#F36F21;}
#intro-container .web     a:hover {color:#02AD8B;}
#intro-container .photo   a:hover {color:#C14B9C;}
#intro-container .contact a:hover {color:#ED1A65;}

/* -- Normal site styles -- */
#container      {margin:0 auto; padding:40px 0; width:763px; position:relative;}
#container h1   {margin:0; padding:0; width:210px; height:36px; background:url(/images/logo_small.png) 0 0 no-repeat;}
#container h1 a {margin:0; padding:0; width:210px; height:36px; display:block; text-indent:-999em;}

.aboutus   h1   {background-position:0 0 !important;}
.portfolio h1   {background-position:0 -180px !important;}
.catalogue h1   {background-position:0 -36px !important;}
.websites  h1   {background-position:0 -72px !important;}
.photography h1 {background-position:0 -108px !important;}
.contactus h1   {background-position:0 -144px !important;}

.imageholder    {margin:0; padding:0; background:#ffffff; width:763px; min-height:508px; _height:508px;}
.copyholder     {margin:0; padding:0; background:#ffffff; width:763px; min-height:508px; _height:508px;}

/* -- Main Nav Styles -- */
ul#mainnav    {margin:20px 0 0 0; padding:0; font-size:68.75%; position:relative; float:left; display:inline; width:100%;}
ul#mainnav li {margin:0; padding:0; width:16.5%; border-right:1px solid #999; list-style:none; float:left; display:inline; text-align:center; position:relative;}
ul#mainnav li#about {border-left:1px solid #999;}
ul#mainnav a  {margin:0; padding:0.5em 0; color:#999999; text-decoration:none; display:block; width:100%;}
ul#mainnav a:hover, ul#mainnav li.activeSection a:hover {color:#ffffff;}
#container ul#mainnav li.activeSection ul li a {color:#999999;}


#container #about   a:hover, .aboutus     #mainnav li.activeSection a, .aboutus     #pageno a:hover, .aboutus     #pageno .activePage a{color:#6DBE53;}
#container #folio   a:hover, .portfolio   #mainnav li.activeSection a, .portfolio   #pageno a:hover, .portfolio   #pageno .activePage a{color:#00AEEF;}
#container #cat     a:hover, .catalogue   #mainnav li.activeSection a, .catalogue   #pageno a:hover, .catalogue   #pageno .activePage a{color:#F36F21;}
#container #web     a:hover, .websites    #mainnav li.activeSection a, .websites    #pageno a:hover, .websites    #pageno .activePage a{color:#02AD8B;}
#container #photo   a:hover, .photography #mainnav li.activeSection a, .photography #pageno a:hover, .photography #pageno .activePage a{color:#C14B9C;}
#container #contact a:hover, .contactus   #mainnav li.activeSection a, .contactus   #pageno a:hover, .contactus   #pageno .activePage a{color:#ED1A65;}

#container ul#mainnav #about   ul a:hover {background-color:#6DBE53; color:#ffffff;}
#container ul#mainnav #folio   ul a:hover {background-color:#00AEEF; color:#ffffff;}
#container ul#mainnav #cat     ul a:hover {background-color:#F36F21; color:#ffffff;}
#container ul#mainnav #web     ul a:hover {background-color:#02AD8B; color:#ffffff;}
#container ul#mainnav #photo   ul a:hover {background-color:#C14B9C; color:#ffffff;}
#container ul#mainnav #contact ul a:hover {background-color:#ED1A65; color:#ffffff;}

  /* subnav */
  ul#mainnav li ul      {z-index:10; visibility:hidden; margin:0; padding:0; width:100%; font-size:90.9%; position:absolute; left:0;}
  ul#mainnav li ul li   {margin:0; padding:0; border:0; display:block; width:100%;}
  ul#mainnav li ul li>a {background:url(/images/subnav_bg.png);}
  * html ul#mainnav li ul li a {cursor:pointer;background:url(/images/subnav_bg.png);/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subnav_bg.png', sizingMethod='scale');*/}
  ul#mainnav li ul li a {padding:2px 0; display:block; line-height:1.4em;}
  ul#mainnav li ul li a:hover {background-image:none;}
  ul#mainnav li:hover ul,
  ul#mainnav li a:hover ul {visibility:visible;}
  ul#mainnav li table   {width:100%; margin:0; padding:0; border:0; border-collapse:collapse;}

/* page numbers */
/* for active page see main nav section */
#pageno    {margin:0; padding:0.8em 0 40px 0; clear:both;}
#pageno li:first-child {border-left:1px solid #999;}
#pageno li {margin:0; padding:0; list-style:none; float:left; display:inline; width:4%; font-size:68.75%; text-align:center; border-right:1px solid #999; border-collapse:collapse;}
#pageno a  {margin:0; padding:0; display:block; width:100%; color:#999999; text-decoration:none;}
#pageno li.weblink {float:right; display:inline; text-align:right; width:auto; border:0;}


/* about clients*/
.clients img {float:left; display:inline; vertical-align:bottom; background-color:#ffffff;}

/* about services */
.bodycopy {font-size:75%; color:#747779; line-height:1.2em;}
.outburst {font-size:83.333%;}
.aboutcopy {padding:43px 0 0 69px; width:337px; float:left; display:inline;}
.aboutholder #cite {padding:150px 0 0 540px;}
.aboutcopy strong {font-weight:bold; color:#6FBE54;}
.aboutcopy strong a {color:#6FBE54; text-decoration:none;}
.aboutcopy strong a:hover {color:#C14B9C;}
.aboutlist {padding:43px 0 0 30px; float:left; display:inline;}
.aboutlist h3 {font-size:1.5em; color:#6FBE54; font-weight:normal; margin:0.75em 0; clear:both;}
.aboutlist .aboutul {float:left; display:inline; width:139px; margin:0 0 1em 0; padding:0; /*-moz-float-edge:content-box;*/}
.aboutlist .aboutul li {margin:0 0 0 1.5em; padding:0; display:list-item; list-style-position:outside;}
.aboutholder {background:url(/img/holder-about-service.gif) 0 0 no-repeat #ffffff;}

.aboutccopy   {background:url(/img/about_clients.jpg) 0 0 no-repeat #ffffff; }
.aboutccopy #cite {margin-left:295px; margin-bottom:38px;}
.aboutcholder {padding:140px 0 0 69px; }
.aboutcholder h3 {font-size:0.9375em; color:#6FBE54; font-weight:normal; margin:0 0 4px 0; clear:both;}
.aboutclist    {float:left; display:inline; width:200px; font-size:.9375em; margin:0; padding:0;}
.aboutclist a  {color:#747779; text-decoration:none;}
.aboutclist a:hover {color:#6fbe54;}
.aboutclist li {list-style:none outside; margin-bottom:4px;}
.aboutccopy .highlight {color:#6FBE54;}


.catsholder {background:url(/img/holder-cat-services.gif) 0 0 no-repeat #fff;}
.catsholder #cite {padding:105px 0 0 550px;}
.catsholder p {margin-top:0em;}
.catsholder h3 {color:#F36918; font-size:1.5em; margin-bottom:0.454em;}
.catservicesr, .catservicesl {width:312px; float:left; display:inline; margin-top:33px; line-height:1.4em;}
.catservicesl {margin-right:15px; margin-left:69px;}

.cats1 {background:url(/img/cat-case-1.jpg) 0 0 no-repeat #fff;}
.catcase1l, .catcase1r {float:left; display:inline; width:302px; margin-top:330px; line-height:1.4em;}
.catcase1l {margin-left:69px; margin-right:25px;}
.cats1 ul {margin:0; padding:0;}
.cats1 li {margin:0; padding:0; display:inline; list-style:none;}
.cats1 p {margin:0;}
.cats1 h3 {color:#F36918;}
.orange {color:#F36918;}

.cats2 {background:url(/img/cat-case-2.jpg) 0 0 no-repeat #fff;}
.catcase2l, .catcase2r {float:left; display:inline; width:302px; margin-top:330px; line-height:1.4em;}
.catcase2l {margin-left:69px; margin-right:25px;}
.cats2 ul {margin:0; padding:0;}
.cats2 li {margin:0; padding:0; display:inline; list-style:none;}
.cats2 p {margin:0;}
.cats2 h3 {color:#F36918;}

.photoholder {background:url(/img/photo-our-services.jpg) 0 0 no-repeat #fff;}
.photoholder #cite {padding:100px 0 0 550px;}
.phototext {padding:54px 0 0 69px; width:300px;}
.phototext h3 {color:#C14B9C; margin-bottom:0; font-size:1.5em;}
.phototext p  {margin-top:0.454em;}

.contactholder {background:url(/img/contact.gif) 0 0 no-repeat #fff;}
.contactholder #cite {padding:160px 0 0 470px;}
.contacts {padding:104px 0 0 60px; width:560px; font-size:1em;}
.contacts .cdetails, .contacts .cdetails a {color:#ED1A65; text-decoration:none;}
.contacts .cdetails a:hover {color:#00AEEF;}
.contacts .cdetails {font-size:1.2em; line-height:1.2em;}