/* Global Declarations */
* { margin:0; padding:0; }
body { background:#000000 url(images/bg-page.jpg) repeat-x fixed center top; font:11px Arial, Helvetica, sans-serif; letter-spacing:0.9px; }
a { color:#19a2d8; text-decoration:none; font-weight:bold; }
a:hover { cursor:pointer; }
a img { border:none; }
a em { margin-left:-9999px; }
p { padding-bottom:1em; }

/* Main Layout */
#outer-wrapper { margin:0 auto; padding: 0 0 20px 0; width:1100px; background:url(images/flourish-top04.png) top left no-repeat !important; background:url(images/flourish-top04.gif) top left no-repeat; color:#fff; text-align:justify; }
#outer-wrapper-home { margin:0 auto; padding: 0 0 20px 0; width:1100px; background:url(images/flourish-top04.png) top left no-repeat !important; background:url(images/flourish-top03.png) top left no-repeat; color:#fff; text-align:justify; }
#inner-wrapper { padding:30px 0 42px 0; width:1100px; background:url(images/flourish-bottom04.png) bottom right no-repeat !important; background:url(images/flourish-bottom04.gif) bottom right no-repeat; }
#inner-wrapper span { font-weight:bold; color:#19a2d8; }
#flash-wrapper { }
#handwriting1 { position:absolute; margin-left:25px; top:230px; }
#handwriting2 { position:absolute; margin-left:206px; top:364px; }
#handwriting3 { position:relative; right:128px; bottom:-20px; }
#header { width:760px; padding:0 150px 18px 150px; }
#header h1 { width:320px; height:50px; margin:0 0 30px 0; padding:0; background:url(images/logo-main.png) 0 0 no-repeat !important; background:url(images/logo-main.gif) 0 0 no-repeat; text-indent:-9999px; float:right; }
#content { width:760px; padding:0 150px 20px 150px; clear:both; }
#content h2 { font:18px Arial, Helvetica, sans-serif; color:#19a2d8; text-transform:uppercase; letter-spacing:-0.03em; padding-bottom:16px; }
#content h3 { font:14px Arial, Helvetica, sans-serif; color:#aeaeae; text-transform:uppercase; letter-spacing:-0.01em; padding-bottom:12px; }
#content-contact { text-align:center; }
#content-contact img { margin:20px; }
#featured-portfolio { margin:0 0 30px 0; }
#featured-portfolio p { color:#999999; font-size:10px; text-align:center; }
#featured-portfolio h2 { padding-bottom:0; }
#portfolio .blue-title { line-height:0em; font-weight:bold; color:#19a2d8; text-align:center; padding-top:20px; }
#portfolio p { text-align:center; }
#portfolio h2 { padding-bottom:4px; text-align:center; }
#portfolio h3 { text-align:center; padding-bottom:0px; }
#portfolio ul { list-style-type:none; text-align:center; color:#aeaeae; padding:0 18px 0 18px; }
#portfolio li { background:url(images/bullet.gif) 0 5px no-repeat; padding:0 12px 0 12px; font-weight:bold; display:inline; }
#services { margin:0 auto; width:300px; text-align:center; }
#services ul { text-align:center; list-style:none; }
#services li { padding-bottom:0.6em; }
#design { width:510px; margin:0 auto; padding:20px 0 20px;; text-align:center; }
#design h3 { margin-top:14px; }
#design ul { list-style:none; }
#design ul li { padding-bottom:0.6em; }
#design .boxout { width:120px; margin-right:50px; float:left; }
#design .boxout img { width:120px; height:213px; padding:1px; border:2px solid #fff; }
#design .boxout-last { width:120px; height:213px; margin-right:0; padding:1px; border:2px solid #fff; float:left; }

/* Image Headings */
#heading-samsung { width:200px; height:66px; margin:0 auto; background:url(images/headings/heading-samsung.png) 0 0 no-repeat !important; background:url(images/headings/heading-samsung.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-virgin { width:150px; height:97px; margin:0 auto; background:url(images/headings/heading-virgin.png) 0 0 no-repeat !important; background:url(images/headings/heading-virgin.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-asda { width:200px; height:60px; margin:0 auto; background:url(images/headings/heading-asda.png) 0 0 no-repeat !important; background:url(images/headings/heading-asda.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-tesco { width:200px; height:56px; margin:0 auto; background:url(images/headings/heading-tesco.png) 0 0 no-repeat !important; background:url(images/headings/heading-tesco.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-chanel { width:153px; height:98px; margin:0 auto; background:url(images/headings/heading-chanel.png) 0 0 no-repeat !important; background:url(images/headings/heading-chanel.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-newlook { width:200px; height:129px; margin:0 auto; background:url(images/headings/heading-newlook.png) 0 0 no-repeat !important; background:url(images/headings/heading-newlook.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-next { width:200px; height:101px; margin:0 auto; background:url(images/headings/heading-next.png) 0 0 no-repeat !important; background:url(images/headings/heading-next.png) 0 0 no-repeat; text-indent:-9999px; }
#heading-drmartens { width:200px; height:114px; margin:0 auto; background:url(images/headings/heading-drmartens.png) 0 0 no-repeat !important; background:url(images/headings/heading-drmartens.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-lambrini { width:200px; height:72px; margin:0 auto; background:url(images/headings/heading-lambrini.png) 0 0 no-repeat !important; background:url(images/headings/heading-lambrini.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-hasbro { width:200px; height:200px; margin:0 auto; background:url(images/headings/heading-hasbro.png) 0 0 no-repeat !important; background:url(images/headings/heading-hasbro.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-converse { width:200px; height:46px; margin:0 auto; background:url(images/headings/heading-converse.png) 0 0 no-repeat !important; background:url(images/headings/heading-converse.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-stiefel { width:200px; height:62px; margin:0 auto; background:url(images/headings/heading-stiefel.png) 0 0 no-repeat !important; background:url(images/headings/heading-stiefel.gif) 0 0 no-repeat; text-indent:-9999px; }
#heading-scjohnson { width:200px; height:66px; margin:0 auto; background:url(images/headings/heading-scjohnson.png) 0 0 no-repeat !important; background:url(images/headings/heading-scjohnson.gif) 0 0 no-repeat; text-indent:-9999px; }

/* Footer */
#footer { width:1100px; }
#panel-twitter { width:594px; height:65px; padding:0 10px 0 10px; margin:0 0 0 57px; color:#fff; }
#tweet ul { list-style:none; } 
#address { margin:0 51px 0 55px !important; margin:0 51px 0 27px; background:url(images/logo-footer.jpg) 0 0 no-repeat; width:335px; height:52px; text-indent:-9999px; float:left; }
#logo-contact { width:320px; height:50px; margin:0 auto; padding-bottom:20px; background:url(images/logo-main.png) 0 0 no-repeat !important; background:url(images/logo-main.gif) 0 0 no-repeat; text-indent:-9999px; }
#button-facebook { width:118px; height:38px; margin: 0 13px 0 0; float:left; }
#button-youtube { width:98px; height:38px; float:left; }

/* Main Navigation */
#main-nav { list-style:none; padding:0; margin:0; width:760px; height:30px; }
#main-nav a { color:#222222; }
#main-nav li { height:30px; padding:0; margin:0; float:left; }
#main-nav li a { height:30px; display:block; overflow:hidden; padding:0; margin:0; cursor:pointer; float:left; }
#main-nav li a.nav-home { width:70px; height:30px; background:url(images/nav01-home.png) 0 0 no-repeat; }
#main-nav li a:hover.nav-home { background-position:0 -30px; }
#main-nav li a.nav-about { width:115px; height:30px; background:url(images/nav02-about.png) 0 0 no-repeat; }
#main-nav li a:hover.nav-about { background-position:0 -30px; }
#main-nav li a.nav-portfolio { width:123px; height:30px; background:url(images/nav03-portfolio.png) 0 0 no-repeat; }
#main-nav li a:hover.nav-portfolio { background-position:0 -30px; }
#main-nav li a.nav-testimonials { width:144px; height:30px; background:url(images/nav04-testimonials.png) 0 0 no-repeat; }
#main-nav li a:hover.nav-testimonials { background-position:0 -30px; }
#main-nav li a.nav-news { width:85px; height:30px; background:url(images/nav05-news.png) 0 0 no-repeat; }
#main-nav li a:hover.nav-news { background-position:0 -30px; }
#main-nav li a.nav-careers { width:107px; height:30px; background:url(images/nav06-careers.png) 0 0 no-repeat; }
#main-nav li a:hover.nav-careers { background-position:0 -30px; }
#main-nav li a.nav-contact { width:116px; height:30px; background:url(images/nav07-contact.png) 0 0 no-repeat; }
#main-nav li a:hover.nav-contact { background-position:0 -30px; }

/* About Us Panels */
#panel-nav { list-style:none; padding:0; margin-bottom:30px; width:760px; height:124px;}
#panel-nav a { color:#222222; }
#panel-nav li { height:124px; float:left; }
#panel-nav li a { height:124px; display:block; overflow:hidden; padding:0; margin:0; cursor:pointer; float:left; text-indent:-9999px;  }
#panel-nav li a.nav-about01 { width:180px; height:124px; background:url(images/panel-about01.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-about01 { background-position:0 -124px; }
#panel-nav li a.nav-about02 { width:180px; height:124px; background:url(images/panel-about02.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-about02 { background-position:0 -124px; }
#panel-nav li a.nav-about03 { width:180px; height:124px; background:url(images/panel-about03.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-about03 { background-position:0 -124px; }
#panel-nav li a.nav-about04 { width:180px; height:124px; background:url(images/panel-about04.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-about04 { background-position:0 -124px; }
#panel-nav li a.nav-home01 { width:180px; height:124px; background:url(images/panel-samsung.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-home01 { background-position:0 -124px; }
#panel-nav li a.nav-home02 { width:180px; height:124px; background:url(images/panel-chanel.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-home02 { background-position:0 -124px; }
#panel-nav li a.nav-home03 { width:180px; height:124px; background:url(images/panel-virgin.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-home03 { background-position:0 -124px; }
#panel-nav li a.nav-home04 { width:180px; height:124px; background:url(images/panel-newlook.jpg) 0 0 no-repeat; }
#panel-nav li a:hover.nav-home04 { background-position:0 -124px; }

/* Portfolio Nav */
.portfolio-nav { list-style:none; padding:0; margin:0; width:760px; height:51px; }
.portfolio-nav a { color:#000000; }
.portfolio-nav li { padding:0; margin:0; float:left; }
.portfolio-nav li a { display:block; padding:0; margin:0; cursor:pointer; float:left; }
.portfolio-nav li a.port-samsung { width:130px; height:49px; background:url(images/logos/logos02.png) 0 0 no-repeat !important; background:url(images/logos/logos02.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-virgin { width:120px; height:49px; background:url(images/logos/logos03.png) 0 0 no-repeat !important; background:url(images/logos/logos03.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-asda { width:110px; height:49px; background:url(images/logos/logos04.png) 0 0 no-repeat !important; background:url(images/logos/logos04.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-tesco { width:150px; height:49px; background:url(images/logos/logos05.png) 0 0 no-repeat !important; background:url(images/logos/logos05.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-chanel { width:160px; height:49px; background:url(images/logos/logos06.png) 0 0 no-repeat !important; background:url(images/logos/logos06.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-newlook { width:90px; height:49px; background:url(images/logos/logos07.png) 0 0 no-repeat !important; background:url(images/logos/logos07.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-next { width:116px; height:49px; background:url(images/logos/logos09.png) 0 0 no-repeat !important; background:url(images/logos/logos09.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-drmartens { width:104px; height:51px; background:url(images/logos/logos10.png) 0 0 no-repeat !important; background:url(images/logos/logos10.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-lambrini { width:120px; height:51px; background:url(images/logos/logos11.png) 0 0 no-repeat !important; background:url(images/logos/logos11.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-hasbro { width:90px; height:51px; background:url(images/logos/logos12.png) 0 0 no-repeat !important; background:url(images/logos/logos12.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-converse { width:90px; height:51px; background:url(images/logos/logos13.png) 0 0 no-repeat !important; background:url(images/logos/logos13.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-stiefel { width:120px; height:51px; background:url(images/logos/logos14.png) 0 0 no-repeat !important; background:url(images/logos/logos14.gif) 0 0 no-repeat; }
.portfolio-nav li a.port-scjohnson { width:120px; height:51px; background:url(images/logos/logos15.png) 0 0 no-repeat !important; background:url(images/logos/logos15.gif) 0 0 no-repeat; }

/* Classes */
.row { width:760px; padding-bottom:20px; }
.row img { float:left; }
.p-last { padding:0; }
.panel-box { width:756px; height:260px; margin-bottom:27px; padding:1px; border:1px solid #6d6e71; }
.panel-client { width:180px; height:124px; padding:1px; margin-right:8px; border:1px solid #6d6e71; }
.panel-client-last { width:180px; height:124px; padding:1px; margin:0px; border:1px solid #6d6e71; }
.title { width:90px; margin-right:8px; color:#19a2d8; font-weight:bold; float:left; }
.text { width:500px; color:#666666; float:left; }
.box-border { width:738px; padding:10px; margin-bottom:18px; border:1px dotted #555555; }
.box-border-last { width:738px; padding:10px; margin:0; border:1px dotted #666666; }
.box-border .news-image { width:200px; height:200px; padding:1px; margin: 0 18px 0 0 ; border:2px solid #fff; float:left; }
.box-border-last .news-image { width:200px; height:200px; margin: 0 18px 0 0 ; border:2px solid #fff; float:left; }
.box-border .design-image { width:100px; height:100px; margin: 0 18px 0 0 ; padding:1px; border:2px solid #fff; float:left; }
.box-border-last .design-image { width:100px; height:100px; margin: 0 18px 0 0 ; float:left; }
.box-border .testimonial-image { width:120px; margin:0 18px 0 0; float:left; }
.small-image-top { width:236px; height:236px; border:2px solid #fff; margin:10px 20px 17px 0; }
.small-image-bottom { width:236px; height:236px; border:2px solid #fff; }
.large-image { width:496px; height:496px; border:2px solid #fff; margin-top:10px; float:right; }
#directors { width:650px; margin:0 auto; }
.content-directors-kevin { width:300px; margin:10px 0 10px 0; float:left; }
.content-directors-phillip { width:300px; margin:10px 0 10px 0; float:right; }
#directors p { margin:0; text-align:left; float:left; }
#directors img { margin-bottom:10px; border:2px solid #fff; float:left; }
.return { padding-top:15px; }
.left { float:left; }
.right { float:right; }
.cleared { clear:both; height:0; font-size:1px; overflow:hidden; }
.cleared-right { clear:right; overflow:hidden; line-height:0; height:1px; }