@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; font-size:11px; line-height:18px; height:auto; height:100%; font-weight:bold;}

h1 {color:#9bb9a5; font-size:35px; font-weight:bold;}
h2 {color:#d2d9d5;}
h3 {color:#9bb9a5;}
p {margin:15px 0 5px 0;}
.bigspan {line-height:33px;}
ul {list-style:none; list-style-type:none;}
li {list-style:none; list-style-type:none;}
a {margin:0; padding:0; text-decoration:none;color:#244535;}
a:hover;a:active; a.active {width:185px; height:186px;color:#669966;}

.green {color:#244535;}
.zgreen {color:#90ac43;}
.lgreen {color:#6e7c46;}
.biggreen {color:#244535; font-size:35px; font-weight:bold;}
.lightgreen {color:#9bb9a5;}
.biglightgreen {color:#9bb9a5;font-size:35px;font-weight:bold;}

/* overides */
.container { background: url(../images/contentbg.jpg) repeat-x 0 0;min-height:830px; height:100%; width:595px; display:block; z-index:1;}
.wwd { background: url(../images/contentbgwhatwedo.jpg) no-repeat 0 85px;}

/* Custom Elements */

#swirltl {background:url(../images/swirlstopleft.png) no-repeat 0 0; height:294px; width:384px; z-index:-2; margin:-5px 0 0 -315px;}
#logo {margin:48px 0 0 -245px;}

#swirlbr { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;margin:-350px 0 0 190px;}
#swirlbrwwd { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;margin:-349px 0 0 190px; z-index:5; position:relative;}
#swirlbrporty { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;margin:-515px 0 0 190px; }
#swirlbrclients { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;margin:-380px 0 0 190px; }
#swirlbrportyoneline { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;margin:-380px 0 0 190px; }
#swirlbrportycontact { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;margin:-360px 0 0 190px; }
#swirlbrportyclients { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;position:relative;right:-188px;}
#swirlbrteam { background:url(../images/swirlright.png) no-repeat 0 0; width:694px; height:577px;margin:-279px 0 0 190px;}

#slogan{margin:45px 0 0 20px;}
#lldc { background:url(../images/lldtitle.jpg) no-repeat 0 0; margin:45px 0 0 -48px;}
#lldcteam { background:url(../images/lldtitle.jpg) no-repeat 0 0; margin:-83px 0 0 -48px;}

#titleline { margin:-18px 0 0 -50px;}
#titlelineteam { margin:-52px 0 0 -50px;}
#titlelineporty{ margin:-44px 0 0 -50px;}

#clientright {}
#wwdright {}

#characterhome {background:url(../images/mascot1.png) no-repeat 0 0; margin:-50px 20px 0 0; width:272px; height:138px; float:right;}
#characterhomenone { margin:-50px 20px 0 0; width:272px; height:138px; float:right;}
#characterholdpen {background:url(../images/mascotwwdo.png) no-repeat 0 0;z-index:2; width:139px;height:136px;margin:-180px 0 0 495px;}
#pencil {background:url(../images/pencil.png) no-repeat 0 0;z-index:3;width:303px;height:243px;margin:110px 0 0 284px;z-index:6; position:relative;}
#characterporty {background:url(../images/mascotthumbstopright.png); margin:90px -4px 0 0; width:119px; height:109px; float:right;}
#characterteam {background:url(../images/peeping.png) no-repeat 0 0;width:339px;height:121px;margin:7px 150px 0 0;z-index:6; position:relative; float:right;}

#content {padding:40px 20px; margin:-154px 0 0 0; height:500px; display:block;}

/* Menu */

#menuboxleft {margin:70px 0 0 -180px; line-height:20px;}
#menuboxleft ul {list-style:none; width:120px;}
#menuboxleft li { display:block; text-align:left; margin: 0 0 0 4px; width:115px;list-style:none;color:#9bb9a5; font-size:12px;}
#menuboxleft li.tabactive {text-decoration: none;background:url(../images/menuarrow.jpg) no-repeat top right;}
#menuboxleft li a { text-decoration: none;color:#244535; width:115x; height:20px; padding:5px 0 0 0; margin:0;font-size:11px; font-family:"Lucida Sans", Arial;font-weight:normal;}
#menuboxleft li a:hover {text-decoration: none;width:115px; color:#9bb9a5;}

/* Portfolio Menu list */

#portbox {line-height:20px;}
#portbox ul {list-style:none; padding-left:0em;}
#portbox li { display:inline; text-align:left; margin: 0 0 0 4px; list-style:none; }
#portbox li a { text-decoration: none; width:115x; height:20px; padding:5px 0 0 0; margin:0;color:#666666;}
#portbox li a.active {text-decoration: none;width:115px; color:#9bb9a5;}
#portbox li a:hover, a:active, a.active {text-decoration: none;width:115px; color:#9bb9a5;}

/* Slider and pager */

#slider1 {width:571px; position:relative; z-index:2; margin:0 0 20px 0;}
#slider1 ul { padding:0; margin:0;}
#slider1 div {background: url("../images/portyblock.jpg") no-repeat scroll 0 0 transparent;height: 285px; margin: 0;width: 556px; vertical-align:central; vertical-align:middle;}
#slider1 div img {height: 280px;width: 551px; margin:1px 0 0 1px;}
#slider1 div a {margin:0; padding:0;width:555px; height:286px;}
#slider1 a:hover;a:active; a.active {width:555px; height:286px;color:#9bb9a5;}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
height: 286px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 571px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination {  display: block;    list-style: none outside none;    padding-left: 0;    position: relative;    text-align: left;    width: 554px; z-index: 10000;}
.pagination a {color:#666666; text-decoration:none; padding:8px;}
.pagination a.selected { text-decoration:none; background:url(../images/greendot.jpg) no-repeat center center;}
.pagination a:hover {color:#9bb9a5; text-decoration:none;} 
.pagination a.selected {color:#FFF; text-decoration:none;}









/* Our Team Page */

ul#ourteam  {list-style:none; padding-left:0em; margin: 5px 0; position:relative; z-index:2;}
ul#ourteam li {margin:4px 0;}
ul#ourteam li a:hover {color:#669966;}

.blue {color:#7292a2;}
.teal {color:#307b7d;}
.pink {color:#ff0786;}
.orange {color:#cc6600;}
.green {color:#666633;}
.purple {color:#605ca8;}
.lightblue {color:#339999;}

.ourteam {margin:-160px 0 10px -18px; display:block;}

/* Fancybox styles*/

#fancybox-title { text-align: left; }

#fancybox-title b { display: block; }

#fancybox-title span { float: right; }

#dots {border-top:dashed 1px #CCCCCC;color:#d9d9d9;}

#dots a {color:#d9d9d9;}
#dots a:hover {color:#99cc99;}
#fancybox-title b {display:block;color:#ccc;}