/* resets
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; }
li { list-style: none; margin: 0px; padding: 3px 0px; font-size: 8pt; color: #666; }
img { border: none; position: static; }
a, a:link, a:visited, a:active, a:hover { text-decoration: none; font-weight: normal; color: #03F; outline: none; }
a:hover { color: #4FA0BE; text-decoration: none; }
hr, span, .plain-only{	display:none;}
.clear { clear:both; }
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;    }
.clearfix {display: inline-block;}  /* for IE/Mac */


/*Validation
--------------------------------------*/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;}

.LV_valid {
    color:#00CC00;}
	
.LV_invalid {
    color:#888; font-size:9px;}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #00CC00;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #CC0000;}


/* general
--------------------------------------------------*/
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #8F9732; color: #30301C; font-family: Arial, Helvetica, sans-serif; }
h2, h3 { font-family:Arial, Helvetica, sans-serif;  padding-bottom: 15px; color: #777; padding-top: 10px; font-size:18px;}
#content .threecol h2, #content .threecol h3, #content .threecol-white h2, #content .threecol-white h3 {font-weight:normal; font-size:20px; border-bottom: 2px solid #ddd; margin-bottom:20px; padding-bottom:4px;}
#content .threecol-white h3, #content h3, #content .threecol h3 {font-size:16px;}
h3 {clear:both;}
#top { background: url(../img/top-bg.png) no-repeat center 0px; height: 92px; }
#contentcontainer { width: 948px; margin-left:auto; margin-right:auto; position: relative; }
.pad { padding: 12px; }
#left img { margin-bottom: 18px; }

.pic-r { float: right; }
.borders { border: 1px solid #D6D6D6; }
.pic-c {display:block; margin-left:auto; margin-right:auto;}
.clear { clear: both; }
.right { float:left; }
#header { height: 293px; background: url(../img/header.png) no-repeat; position: relative; margin: 0px; padding: 0px; }
#header-home { height: 95px; position: relative; margin: 0px; padding: 0px; background-image: url(../img/header.png); background-repeat: no-repeat; background-position: left top; }

#wrap { background: #FFF url(../img/body-bg.png) repeat-x; position:relative; }
#wrap-home { background: #FFF url(../img/wrap-bg.png) repeat-x; }
#megawrap{width:948px; margin-left:auto; margin-right:auto; display:block; position:relative;}
.logolink { position: absolute; background: url(../img/logo.png); left: 12px; top: 20px; display: block; height: 40px; width: 150px; z-index: 20; visibility: visible; }


/*homepage panel
--------------------------------------------------*/
#left-swish { background: url(../img/left-swish.png) no-repeat; height: 293px; width: 494px; position: absolute; top: 0px; z-index: 6; left: 0px; display: block; }
#right-swish { z-index: 6; background: url(../img/right-swish.png); height: 293px; width: 237px; position: absolute; right: 0px; top: 0px; display: block; }
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }	
#header #view { position: absolute; left: 15px; top: 268px; z-index: 10; font-size: 11px; }
#view a { background: url(../img/goarras.gif) no-repeat 100%; display: block; padding-right: 20px; color: #30301C; text-decoration: none; }
#view a:hover { color:#FFF;}
p.legend {padding-top:4px; padding-right:0px; font-size:13px;}

.onecol.menu h2.heading, .onecolfade h2.heading { background: url(../img/h2-menu-bg.png) no-repeat; color: #fff; font-size: 12px; height: 30px; padding-top: 4px; padding-left: 10px; padding-bottom: 5px; }
#content .onecol.menu { background: url(../img/menu-col-bg.png) left bottom; display: block; }
.onecol.menu ul { padding: 5px 20px 20px; font: 8pt Arial, Helvetica, sans-serif; }
.left, .menu { float:left; margin-right:15px; }

.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active { background: url(../img/menu-aro-off.png) no-repeat 100%; display: block; padding: 5px 0px; border-bottom: 1px solid #D6D6D6; color: #30301C; height: 12px; text-decoration: none; }
.menu ul li a:hover, .menu ul li a.current, .menu ul li a.current:link, .menu ul li a.current:visited, .menu ul li a.current:active { background: url(../img/menu-aro-on.png) no-repeat 100%; color: #EA4200; }


/* main-nav
--------------------------------------------------*/
#mainnav { height: 30px; padding-right: 0px; padding-left: 12px; padding-top: 0px; font: 82.5% "Trebuchet MS", Arial, Helvetica, sans-serif; background-image: url(../img/main-nav-bg.png); background-repeat: no-repeat; background-position: left bottom; }

#menu { padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
#menu li {float:left; margin-right:1px; padding:0px;}
#menu li.here {background-color:#697614;}
#menu li a { display:block; float:left; height:30px; line-height:30px;  color:#ccc; text-decoration:none; font-size:11px; font-weight:normal; padding-top: 0; padding-right: 30px; padding-bottom: 0; padding-left: 30px; }
#menu li a:hover { z-index:200; position:relative; color:#fff; background-color:#697614; }
#menu li:hover {position:relative; z-index:200;}
#menu li:hover > a {color:#fff; background:#697614;}
#menu li:hover > a.sub {color:#fff; background-color:#697614;}
#menu li.current a {color:#fff; background:#697614;}
#menu li a.sub {background: #fff url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#697614 url(down-arrow.gif) no-repeat right center;;}
#menu :hover ul {left:0; top:30px; width:170px; background:#fff;}
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul
{left:165px; top:-1px; background:#fff; white-space:nowrap; width:170px; z-index:200; height:auto;}
#menu :hover ul li { margin:0; border-top-width: 1px; border-top-style: solid; border-top-color: #30301C; }
#menu :hover ul li a { width:170px; padding:0; text-indent:10px; color:#ccc; height:30px; line-height:30px; background-color: #1B1B0C; }
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#697614; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background:#697614; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#697614 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a { width:170px; padding:0; text-indent:10px; color:#ccc; background-color: #000;  }
#menu :hover ul :hover ul :hover {background-color:#697614; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#697614; color:#fff;}

#crumbs { font-size:11px; display:block; width:100%; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D6D6D6; padding-bottom:6px; border-right-width: 1px; border-right-style: dotted; border-right-color: #D6D6D6; position: relative; color:#999; }
#crumbs li { font-weight:bold;}
#crumbs li a {display:block; font-weight:normal;}


/* content and cols
--------------------------------------------------*/
#content { padding-top:18px; position: relative; }
#content .onecol { width: 219px; background: url(../img/onecol-bg.png); margin-bottom: 18px; padding-bottom:12px; }
#content .nonecol { width: 219px; margin-bottom: 18px; }


#content .onecol.holder { width: 219px; background: url(none); margin-bottom: 18px; padding-top: 18px; clear:left; }
#content #left .onecol p.nuffsaid { font: italic 18px/120% Georgia, "Times New Roman", Times, serif; text-align: left; color: #8A920D; }
#content #left .onecol p.client{ text-align: right; font-weight: normal; line-height: 12px; }
#content .onecolfade { width: 219px; background: url(../img/one-box-fade-bg.jpg) no-repeat; margin-bottom: 18px; }

#content .twocol { width: 414px; background: url(../img/twocol-bg.png) no-repeat; padding: 10px 20px 20px; }
#content .threecol { width: 648px; background: url(../img/threecol-bg.png) no-repeat; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
#content .threecol-white { width: 648px; background: url(../img/threecol-white-bghome.png) no-repeat; padding: 10px 20px 20px; }
#content  p { line-height: 175%; color: #666; padding-bottom: 12px; font-size: 8pt; padding-right: 4px; padding-left: 0px; }
#content p.noentry, #content p.error { background-color:#FCC; border: 1px dashed #F00; margin-bottom: 15px; background-image: url(../img/noentry.png); background-repeat: no-repeat; background-position: 5px 5px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 80px; margin:40px;}



.onecol.right .pad .pic-l, .onecol.left .pad .pic-l { float: left; margin-right: 9px; }
.onecol.menu .hr { background: url(../img/menu-hr.png); height: 7px; display: block; margin: 0px; padding: 0px; border-style: none; }
.onecol.right .pad, .onecol.left .pad, .onecolfade.left .pad { background: url(../img/onecol-btm.png) no-repeat bottom; }
.onecol.right .pad, .onecol.left .pad { padding-top: 8px; color: #666; font: normal 13pt/90% "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 20px; }

/* listings
--------------------------------------------------*/
.listing { border: 1px solid #D6D6D6; padding:8px; margin-bottom:18px; display:block;}
.listing a.thumb { float:left; clear:none; text-decoration:none; display:block;color:#999; }
.listing a.thumb:hover {color:#666;}
.listing a.thumb b { text-decoration:none; display:block; text-align:center; font-size:10px; line-height:20px; font-weight:normal; }
.details {margin-left: 170px; }
.details h3 {clear:none; padding:0px; margin:0px;}


/* footer
--------------------------------------------------*/
#footercontainer { height: 197px; width: 948px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-left: 0px; background-image: url(../img/footer.png); background-repeat: no-repeat; position:relative;  }
#footer p { padding-bottom: 8px; color: #CCC; font-size: 10px; }
#footer ul { width: 918px; border-top-width: 1px; border-top-style: dotted; border-top-color: #333; padding-top: 3px; }
#footer { background: #999 url(../img/footer-bg.png); clear: both; height:200px; }

#footer ul li { margin-right: 10px; padding-right: 10px; line-height: 20px; background-image: url(../img/footer-li-divider.jpg); background-repeat: no-repeat; background-position: right; display: block; float: left; }
#footer ul li a { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #323C48; display: block; float: left; color: #FFF; text-decoration: none; }
#footer ul li a:hover { color:#FFF; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFF; }
#footer p.access span {display:none;}
#footer p.accesshome{ background-image: url(../img/valid.png); background-repeat: no-repeat; position:absolute; right:20px; top: 131px; height: 20px; width: 338px; }
#footer p.access{ background-image: url(../img/valid.png); background-repeat: no-repeat; position:absolute; right:20px; top: 8px; height: 20px; width: 338px; }

#footer ul li.twitter a { border-bottom-style: none; background-image: url(../img/twitterlink-li-bg.png); background-repeat: no-repeat; padding-left: 22px; background-position: left; }
#footer ul li.fb a { border-bottom-style: none; background-image: url(../img/fbink-li-bg.png); background-repeat: no-repeat; padding-left: 22px; background-position: left; }

#home_block h2 a { margin-left:5px; font-size:11px; background-color:#FFF; color:#333; text-decoration: none; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; }
#home_block h2 a b {font-weight: normal; } 


#content li { padding-left: 38px; padding-top:7px; height: 15px; text-decoration:none; background-image: url(../img/1315917751_bullet_black.png); background-repeat: no-repeat; background-position: 12px 6px; }
#content li a{text-decoration:none; color:#666;}
#content li a:hover{color:#999;}
#content .onecol.menu li { background: url(../none); margin: 0px; padding: 0px; height: 26px; }
#content ul { padding-bottom: 18px; }
#container { width: 948px; margin-right: auto; margin-left: auto; position: relative; }

/* General Form Styles
--------------------------------------------------*/
form { margin: 5px 0 0px; font-size: 10pt; padding-bottom: 20px; clear:both; }
fieldset { border: 1px solid #ccc; padding: 6px 20px 15px; float:left; width:260px; margin-right:18px; margin-bottom:20px; }
fieldset.rcol {margin-right:0px; }
fieldset.full {float:none; width:595px; clear:both; margin-top:18px;}

legend {	padding: 5px;	font-weight: bold;	color: #555; font-size:11px; margin-bottom:10px;}
label { color: #999; font-size: 8pt; display: block; margin: 0px 0 15px; font-weight: normal; padding: 0px; }
label.check, label.check2 { display: inline; }

textarea { width: 98%; border: 1px solid #7F9DB9; padding: 3px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: url(/templates/img/formshadow.jpg); }
select { width: 60%; }
input.check, label.check2 { background: none; border: none; width: auto; margin: 6px 4px 0 4px; }
label.check2 { width:150px; display:block; float: left; margin: 0px; }

input.sized{width:auto; border: 1px solid #7F9DB9; padding:3px;}
#info { margin-top: 20px; padding: 20px; text-align: center; border: 1px dotted #900; background: #F7F2B3; }
#content #info p { text-align: center; }
#info img { margin-bottom: 10px; }

/*input.submit {margin-top:10px; float:right;}*/




.boxpic.ecom a { background: url(../img/boxpic-ecom.png) no-repeat 0px 0px; display: block; height: 70px; }
.boxpic.ecom a:hover { background: url(../img/boxpic-ecom.png) no-repeat -195px 0px; }

.boxpic.brand a { background: url(../img/boxpix-brand.png) no-repeat 0px 0px; display: block; height: 70px; }
.boxpic.brand a:hover { background: url(../img/boxpix-brand.png) no-repeat -195px 0px; }


.boxpic.web a { background: url(../img/boxpic-web-design.png) no-repeat 0px 0px; display: block; height: 70px; }
.boxpic.web a:hover { background: url(../img/boxpic-web-design.png) no-repeat -195px 0px; }

.boxpic.cms a { background: url(../img/boxpic-cms.png) no-repeat 0% 0%; display: block; height: 70px; }
.boxpic.cms a:hover { background: url(../img/boxpic-cms.png) no-repeat -195px 0%; }

.boxpic.cost a { background: url(../img/boxpic-web-cost.png) no-repeat 0% 0%; display: block; height: 70px; }
.boxpic.cost a:hover { background: url(../img/boxpic-web-cost.png) no-repeat -195px 0%; }

.boxpic.newsletter { background: url(../img/boxpic-newsletter.jpg) no-repeat 0% 0%; display: block; height: 70px; }


a.moreinfo:link, a.moreinfo:visited, a.moreinfo:active  { background: url(../img/boxpic-moreinfo.png) no-repeat; height: 23px; width: 130px; display: block; margin-right: auto; margin-left: auto; font-size: 10pt; color: #FFF; text-align: center; padding: 3px 0px 0px; margin-top: 12px; }
#content .onecol.left .pad p, #content .onecol.right .pad p { margin: 0px; padding: 0px; }
.boxpic a { padding-bottom: 12px; }
#content .onecol.right .pad p { padding-bottom: 12px; }
.new { border: 1px solid #CCC; padding: 12px; position: relative; margin-bottom: 24px; background: url(../img/new-bg.png) no-repeat; }
#content .threecol.right .new .lcol, #content .threecol-white.right .new .lcol  { float: left; width: 280px; margin-right: 0px; }
#content .threecol.right .new .rcol, #content .threecol-white.right .new .rcol { float: left; width: 320px; }
.new .rcol .deets h4 { color: #666; font: bold 11pt "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 5px; }
#content .onecol.right .pad .boxed { margin: 0px; padding: 0px; }
.new .lcol img { border: 1px solid #ccc; }
#content .new p.newbanner { position: absolute; top: 1px; background: url(../img/new.png) no-repeat; height: 53px; width: 68px; margin: 0px; padding: 0px; right: 1px; z-index: 10002; }
.new .rcol .deets { height: 80px; background: #E7E6DA; position: absolute; right: 12px; bottom: 12px; width: 323px; padding: 10px; z-index: 10006; }
#left { float: left; width: 219px; margin: 0px 15px 0px 0px; padding: 0px; }
#left #tweeter img { float: none; margin-bottom: 5px; }

#content .deets li { height: 12px; padding-left: 18px; background-image: url(../img/slider-bullet.jpg); background-repeat: no-repeat; background-position: 0px 8px; }
.new .rcol .deets ul.left, .new .rcol .deets ul.right { float: left; width: 150px; }
#left h3 { font-size: 8pt; font-weight: bold; padding-bottom: 0px; }
#left .minithumb, #left .minithumb-r { display: block; height: 81px; width: 100px; float: left; margin-right: 9px; margin-bottom: 9px; border-top: 6px solid #CCC; border-right: 2px solid #CCC; border-bottom: 6px solid #CCC; border-left: 2px solid #CCC; }
#left .minithumb-r {margin-right: 0px;}
#content #left p  { padding:0px 0px 12px; }
#left .minithumb:hover, #left .minithumb-r:hover { border-top: 6px solid #333; border-right: 2px solid #333; border-bottom: 6px solid #333; border-left: 2px solid #333; }

#left .quote, #left .viewall { background: url(../img/rfq.png) no-repeat left top; display: block; height: 44px; width: 195px; clear: both; margin-bottom: 12px; }
#left .viewall { background: url(../img/viewall.png) no-repeat left top; margin-left:12px;}

#left2col { width: 454px; }
#content #left2col .twocol.left .viewcol .view { position: absolute; right: 10px; top: 20px; }
#content #left2col .twocol.left .gallery { position: absolute; left: 580px; top: 400px; margin-bottom:40px; }

.lcolcontent { width:300px; float:left; margin-right:20px;}
.rcolcontent {width:300px; float:left;}
h2 .link a, h2 .link a:link, h2 .link a:visited, h2 .link a:active { text-decoration: none; font-size: 75%; font-weight: normal; }


#contact { position: absolute; right: 0px; top: 15px; z-index: 4; color: #AAA; font-size: 11px; text-align: left; z-index:20; }
#contact a { background: url(../img/emailus.png) no-repeat 0px 4px; display: block; color: #909F18; text-decoration: none; width: 100px; padding-left: 25px; }
#contact a:hover { color:#CCC; }
#contact b { position: absolute; left: 0px; top: 20px; }

.perfom{ position: absolute; top: 0; left: 0; position: fixed; background-color: #000; color: #fff; font-size: 9px; background-image: url(../img/cp.png); background-position: 3px 3px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 23px; }
p.perf a {color:#CC0; text-decoration:none;}
p.perf a:hover {color:#fff;}


#content ol li { list-style-position: inside; list-style-type: lower-alpha; margin: 0px; background-image: none; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }


.pic-l { float: left; margin-bottom: 20px; margin-right: 20px; }


h2.title{font-family:Arial, Helvetica, sans-serif; border-bottom:dotted 1px #999; margin-bottom:12px; padding-bottom:5px;}
#slider{ background-image: url(../img/loading.gif); background-repeat: no-repeat; background-position: 520px 130px; }
#home_block{ overflow:hidden; height:293px; background-color: #000; position: absolute; left: 0px; top: 0px; z-index: 5; width: 948px; }

/* le slideur
----------------------------------*/
.nivoSlider { width: 720px; height: 293px; position:relative;  background-color: #000; }
.nivoSlider img {	position:absolute;	top:0px;	left:0px; z-index:200;     display:none;}
.nivoSlider a.nivo-imageLink {	position:absolute;	top:0px;	left:0px;	width:100%;	height:100%;	border:0;	padding:0;	margin:0;	z-index:6;	display:none;}
.nivo-slice {	display:block;	position:absolute;	z-index:5;	height:100%;}
.nivo-box {	display:block;	position:absolute;	z-index:5;}

.nivo-caption h2 { font-size:14px; color:#CCC; font-weight:normal; padding-top:6px; z-index:5; height:10px; }
.nivo-caption p {	padding:0px;	margin:0;}
.nivo-caption a {	border-bottom-style: none; display:inline !important;}
.nivo-html-caption, #tabs .panes div div .nivo-html-caption {    display:none;}
.nivo-directionNav a {	border-bottom-style: none; position:absolute;	top:70px;	z-index:9;	cursor:pointer;}
.nivo-prevNav {	left:20px;}
.nivo-nextNav {	right:20px;}

.nivo-controlNav a:hover { background-color: #000; color:#fff; }
.nivo-controlNav a.active {  opacity:1; color:#000; background-color: #999; }



/* homepage sniders
--------------------------------------------------*/
.slide { position: relative; overflow: hidden; height: 582px; width: 720px;  background:url(/templates/img/loading.gif) no-repeat 50% 50%;}





.fb-like span, .fb-activity span {display:block; margin-bottom:20px; width:150px; float:right;}
#fb-root { display:none;}
.crumblink { position:absolute; right:-15px; top:-4px; display:block; width:150px;}
.crumblink.home { position:absolute; right:10px; top:25px; display:block; width:150px;}
.fb-like div {float:right;}

/* pagegalley
----------------------------------*/
.highslide-caption h3 { font-size:24px; color:#697614; padding-bottom:5px; font-weight:normal; font-family:Arial, Helvetica, sans-serif }
.highslide-caption p {font-size:12px; color:#ccc; line-height:130%; padding-right:250px; }

.highslide-caption p.image-description { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #333; padding-bottom:10px; margin-bottom:10px;}
.highslide-caption p.date { font-size: 10px; float: left; padding-bottom:10px; font-weight:normal; color:#333 }
.highslide-caption p.author { font-size: 10px; float: right; padding-bottom:10px; color:#333 }
.highslide-caption b.caption { font-size: 10px; float: right; padding-bottom:10px; color:#333 }
.highslide-caption b.caption a { color: #666; background-image: url(../img/visitsite.jpg); display: block; height: 40px; width: 170px; background-repeat: no-repeat; background-position: 0px 0px; }
.highslide-caption b.caption a span {display:none;}
.highslide-caption b.caption a:hover { background-position: 0px -40px; }
.imgcol .minigallery { padding: 0px 0px 0px 0px; border: 0px none #999; }
#map1{ border: 1px solid #7F862D; }
.map {display:block; width:650px; height:650px; }

#map1.map div div div div div div div div p { color:#000; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;  }

#content #tweeter p{ background-image: url(../img/1316432846_tweet-blue.png); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 35px; border-top-width: 1px; border-top-style: dashed; border-top-color: #D6D6D6; clear:both; padding-top:8px; }


/* Case Study Panel
--------------------------------------*/

#panel {width:665px; height:306px; background-image:url(../img/panelbg.jpg); background-repeat:no-repeat; position:relative;}
#paneltext {height: 175px; width:295px;}
#paneltext p, #paneltext h2 {width:290px; height:175px; position:absolute; top:10px; margin-top:35px;}
#paneltext h2 {margin-top:0px; font-size:14px; font-weight:bold;}

img.screen{position:absolute; top:25px; right:51px;}
img.screen-case {float:left;}
img.reflect {position:absolute; top:10px; right:25px; z-index:700;}




/*Login
--------------------------------------*/

#loginbox, #logoutbox {position:absolute; right:40px; top:7px; font-size:11px; color:#CCC; z-index:501;}
#loginbox a, #logoutbox a {color:#CCC; text-decoration:none; padding-left:0px;}
#loginbox a { padding-left:16px;}
#loginbox a:hover, #logoutbox a:hover {color:#FFF; }
.showbutt a img, .loginbox .showbutt a img {position:absolute; top:0px; margin-top:3px; left:0px; margin-right:5px;}
.loginbox .showbutt a img {top:0px; left:0px; margin-left:0px;}


#logincontainer { background-image: url(../img/loginpanel.jpg); background-repeat: no-repeat; background-position: right bottom; width: 918px; color: white; position: relative; z-index: 3; margin-top:12px; height: 320px; border:1px solid #DDD; -webkit-border-radius:6px; -moz-border-radius:6px; -border-radius:6px; }		
#logincontainer a { text-decoration: none; color: #069; }
#logincontainer a:hover {color: #999;}
#logincontainer .loginContent {	width: 255px;	height: 80px;	margin: 0 auto;	padding-top: 0px;	text-align: left;	font-size: 0.85em;}	
.loginpanel, #panelright { float:left; padding: 15px 28px 20px; width:249px; height:283px; border-right:1px dotted #ddd; -webkit-border-radius:6px; border-radius:6px 0px 0px 6px; -border-radius:6px; }
.loginpanel h3, #panelright h3 b {border-bottom:1px dotted #CCC; font-weight:normal; font-size:13px; padding-bottom:4px; color:#777; font-family:Arial, Helvetica, sans-serif; background-image:url(../img/futuresmall.jpg); background-repeat:no-repeat; background-position:0px 8px; padding-left:30px; margin-bottom:15px;}
.loginpanel p {color:#888; font-size:11px; line-height:170%; font-family:
Arial, Helvetica, sans-serif; letter-spacing:normal; margin-top:8px; text-align:left;}
input.field, textarea.field{	border: 1px #ddd solid;	background: #FFF;	margin-right: 5px;	margin-bottom: 10px;	color: #999;	height: 16px;	padding:5px;	width:236px;	font-size:11px;	font-family:Arial, Helvetica, sans-serif;	/*-webkit-border-radius:4px;	-moz-border-radius:4px;	-border-radius:4px;*/ font-style:normal;	}
textarea.field {width:258px; height:124px;}
input.file {margin-bottom:15px;}
input.field:focus {background-color:#eee;}		
input.button_login {background-color:#CCC; color: #777; border: 1px solid #AAA; font-size:12px; border-radius:4px; width:90px; height:30px; padding-bottom:4px; cursor:pointer; margin-bottom:14px;}	
input.button_login:hover {background-color:#c4c4c4;}
tr.tabletight td label { height:10px; padding-top:6px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; }


#content #sitemap{ margin:0px; padding:0px; width:400px;}
#content #sitemap ul { margin:0px; float:none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }

#content #sitemap li { height:auto; float:none; background-image:none; margin:0px; padding:0px; display:block; line-height:18px; list-style-position: inside; list-style-type: disc; border-left-width: 2px; border-left-style: outset; border-left-color: #999; }
#content #sitemap li a { line-height:20px; float:none; display:block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D6D6D6; padding-left: 10px; }
#content #sitemap li a:hover {background-color:#CCC; color:#000;}
#content h2.tight, #content p.tight { padding:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
#content h2.tight {margin-top:10px;}
#content p.tight {padding-bottom:20px;}


#windeets {width:920px; height:320px;}
h2.title {background-color:#666; color:#FFF;}
img.avatar {float:left; margin:12px; margin-left:0px;}


/*Form
----------------------------------*/

input {font-size:14px; padding:2px; color:#999; font-style:italic; margin-bottom:2px;}
input.submit, input.submit-main {margin-top:12px; padding:4px; font-style:normal; color:#777; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #ccc; cursor:pointer; }
input.submit:hover, input.submit-main:hover {background-color:#555; color:#FFF}
input.submit-main {float:left; margin-right:12px; width:90px; margin-top:1px;}
input.form {margin-top:5px; padding:8px; margin-right:15px; width:218px; margin-bottom:20px;}
label.form {font-size:12px; color:#999; margin-bottom:0px; display:inline;}
textarea.form {margin-top:8px; margin-bottom:12px;} 
#content p.captcha {margin-top:12px; }
label.remember {margin-top:4px;}
label.form-login {font-size:11px; margin-bottom:4px;}


/*New Portfolio Layout
----------------------------------*/

.portfolio-box-right, .portfolio-box-left {width:645px; height:220px; margin-top:15px; position:relative; padding-bottom:12px; border-bottom:2px solid #ddd; }



h4.featured-title {margin-bottom:12px; margin-top:16px; color:#555; font-size:13px; padding-bottom:2px; border-bottom:1px dotted #bbb; margin-left:2px; padding-left:0px; margin-right:5px; }
h4.featured-title:hover {color:#888;}
.portfolio-box-left h4.featured-title {margin-right:360px; left:0px; margin-left:0px;}
.portfolio-box-left p {margin-top:20px; margin-right:348px;}
#content .portfolio-box-right p {position:absolute; right:0px; margin-left:348px;}
#content .portfolio-box-left p {position:absolute; left:0px; margin-right:342px; top:12px;}
.subone {width:312px; float:left; margin-right:12px; margin-bottom:30px; margin-top:20px; /*background-image:url(../img/hover-magnify.png), url(../img/loginpanel2.png); background-position: 105px 50px, -611px 130px;*/ background-repeat:no-repeat; position:relative;}
.subone a {text-decoration:none;}
.subone a:hover {color:#999;}
#content .subone p {color:#777; margin-right:5px;}

.mosaic-block { float:left; position:relative; overflow:hidden; width:300px; height:230px; background:#111 url(/templates/img/progress.gif) no-repeat center center; margin-top: 0px; margin-right: 20px; margin-bottom: 20px; }



.mosaic-backdrop {		display:none;		position:absolute;		top:0;		height:100%;		width:100%;		background:#111;	}
a.mosaic-overlay, a.mosaic-overlay:link, a.mosaic-overlay:visited, a.mosaic-overlay:active { display:none; z-index:5; position:absolute; width:280px; height:210px; background:#111; font-size: 18px; color: #FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px; }

.mosaic-overlay em { display:block; font-size:12px; font-weight:normal; padding-top: 20px; padding-bottom: 20px; }


#minigallery-web {padding-left:16px; padding-top:10px;}
#minigallery-large {border:none; padding-left:0px; margin-bottom:20px;}
#minigallery-large .gallery-bg {float:left; width:190px; height:170px; background-image:url(../img/hover-magnifysmall.png); background-repeat:no-repeat; background-position:center; margin-right:16px; margin-bottom:20px; margin-top:20px;}
.pad-gallery {padding:10px 5px 10px 10px; margin-left:13px;}

#content ul.case, #content ul.case-main, #content ul.case-home {list-style:none; margin-left:0px; padding-bottom:0px;}
#content ul.case-main {padding-bottom:20px;}
#content ul.case-home {margin-right:365px;}
#content ul.case li, #content ul.case-main li, #content ul.case-home li {margin-right:6px; list-style:none; background-image:none; padding-left:0px; padding-bottom:2px; border-bottom:1px dotted #bbb;}
#content ul.case-main li {margin-left:0px;}

a.left-link {font-size:12px; color:#888; margin-left:158px;}

a.left-link:hover {color:#444;}
a.port-view { width:238px; height:45px; background-image:url(../img/link4.png); color:#fff; font-size:12px; position:absolute; left:0px; bottom:30px;}
a.port-view:hover {background-position: 0px -45px;}
a.port-more {  width:238px; height:45px; background-image:url(../img/link3.png); color:#fff; font-size:12px; position:absolute; right:0px; bottom:120px;}
a.port-more:hover {background-position: 0px -45px;}

a.port-view-alt {position:absolute; left:8px; bottom:8px;}

/*New Portfolio Layout
----------------------------------*/

.comments-content-odd, .comments-content-even { width:635px; position:relative; padding:20px 10px 28px; border-bottom:1px dashed #ccc; }
.comments-content-odd { background-color: #fff; }
.comments-content-even { background-color: #aaa; }
.comments-content-odd em, .comments-content-even em { position:absolute; top:10px; right:10px; color:#666; font-size:12px; font-style:normal; }
dt.name { color:#666; font-size:13px; margin-bottom:16px; border-bottom:1px solid #bbb; padding-bottom:4px;}

#content .comments-content-odd p, .comments-content-even p {font-size:12px; color:#999; margin-top:18px; margin-left:35px;}

#content .threecol-white h3 {font-size:18px;}

.subone .black-box {float:left; width:300px; height:190px; position:absolute; top:0px; left:0px; background-color:#000;}
.ava {position:absolute; top:2px; left:12px;}

img.comment {position:absolute; left:8px;}

.case-deets {float:left; width:340px;}
a.next-entry {width:12px; height:12px; background-image:url(../img/next-prev.png); position:absolute; right:48px; top:60px; background-position: 12px 0px; }
a.prev-entry {width:12px; height:12px; background-image:url(../img/next-prev.png); position:absolute; right:70px; top:60px;background-position: 0px 0px; }
a.next-entry:hover {background-position: 12px 12px;}
a.prev-entry:hover {background-position: 0px 12px;}