/* RESET */
a, a:link, a:visited, a:hover, a:active {text-decoration: none; margin: 0; padding: 0; outline:none;}
p, h1, h2, h3, h4, h5, h6, ul, li, form {margin: 0; padding: 0;}
img {border: none; margin: 0; padding: 0;}

/* LAYOUT */
body {
	background: #323232 url(../images/common/main_bg.jpg) no-repeat top center; color: #cccccc;
	margin: 0; padding: 0; border: none; overflow-y: scroll;
}

#login {
	background: #1c1c1c url(../images/common/texture.gif) repeat-x 0 0; border-bottom:1px solid #555555; color:#555555;
	cursor:pointer; padding: 5px 0; text-align:center; text-transform:uppercase; font-size: 20px;
}
#page, #newthings, #keywordlist, #widgets, #whiteline, #footer, #chatbar {
	width: 100%; overflow: hidden; position: relative;
}
#newthings, #keywordlist { background: #252525; }
#widgets { background: #323232; }
#whiteline { background: #ffffff; }
#footer { background: #202020; padding-bottom: 0px; }
	.wrapper {margin: 0 auto 0 auto; width: 980px; display: block; }

/* FONTS */

body { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 135%; }
p { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size: 13px; }
li { font-family: 'PT Sans', Arial, Helvetica, sans-serif; }
#chatbar h4 { font-family: 'Raleway', Arial, Helvetica, sans-serif; }
#content_home h2, #content h2, #left h2 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 22px; line-height: 120%; font-weight: normal;
}


/*TOP*/

.o_phone {
	background: url(../images/front_sprite.png) no-repeat -330px -3px; line-height: 100px; display: block;
	overflow: hidden; height: 30px; width: 195px; margin: -25px 0px 0px !important; float: right;
}
.o_phone:hover { background-position: -330px -293px; }
.o_chat {
	background: url(../images/front_sprite.png) no-repeat -210px -3px; line-height: 100px; display: block;
	overflow: hidden; height: 30px; width: 120px; margin: -25px 15px 0px 0px !important; float: right;
}
.o_chat:hover { background-position: -210px -293px; }

#top {width:980px; margin: 23px 0 23px 0;}
#top h1 {
	width: 214px; height: 30px; overflow: hidden; background: url(../images/common/omega_logo.png) no-repeat 0 0;
	margin: 0 0 0 25px;
}
h1 span { width: 214px; height: 30px; line-height: 500px; display: block; }

#top_nav {
	float: right; list-style: none; font-family: Helvetica, Arial, sans-serif; width: 135px;
	margin: 5px 5px 0px 0px;
}
/* #top_nav > li > a {
	color: #ffffff; background: #3e3e3e; display: block; font-size: 13px; margin: 5px 25px; padding: 7px 50px 5px;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; width: 70px;
}
#top_nav ul {
	display: none; background: #bcd22c; padding: 10px; margin: -28px 25px; padding: 10px;
	position: relative; width: 150px; z-index: 200; font-size: 12px;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
}
#top_nav li:hover > ul { display: block; }
#top_nav ul li {
	background: none; display: block; float: none; height: auto !important; margin: 0px; padding: 0px;
}
#top_nav ul li a { color: #252525; display: block; padding: 5px 5px 5px; margin: 3px 0px; }
#top_nav ul li a:hover {
	background: #252525; color: #ffffff;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
} */

/*megamenu*/
#top_nav > li > a {
	background: #d5d5d5; color: #252525; font-size: 13px; text-align: center; width: 115px;
	padding: 7px 10px 5px; display: block; position: relative; z-index: 201;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
}
#top_nav > li > ul {
	margin: -3px -465px; height: 0px; width: 600px; padding: 0px; z-index: 200; font-size: 12px; position: absolute;
	-moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;
	overflow: hidden; background: #eeeeee; /* border-radius: 3px;  -moz-border-radius: 3px;
	-webkit-border-radius: 3px; -ms-border-radius: 3px; margin: -28px -290px; */
	/*css3 animation */
	-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px);
	-ms-transform: translateY(-30px); transform: translateY(-30px);
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0.0;

}
#top_nav li:hover > ul {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 100;
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px);
	-ms-transform: translateY(0px); transform: translateY(0px); height: 175px;
}
#top_nav > li > ul > li > a:hover { background: url(../images/megamenu/stripe.png) repeat; }
#top_nav ul li {
	background: none; display: block; float: left; margin: 0px; padding:0px; width: 110px;
	font-family: Helvetica, Arial, sans-serif;
}
#top_nav ul li a span { display: block; padding: 15px 15px 10px; height: 150px; }
#top_nav ul li.tn_w { background: #eeeeee; width: 220px; }
	#top_nav ul li.tn_w a span {
		font-weight: bold; background: url(../images/megamenu/websites2.png) no-repeat 15px 40px;
	}
	#top_nav ul li.tn_w ul {
		font-size: 11px; margin: -140px 0px 0px 110px; position: absolute; z-index: 300;
	}
	#top_nav ul li.tn_w ul li a { padding: 5px 0px 0px; color: #666666; font-weight: bold; }
	#top_nav ul li.tn_w ul li a:hover { background: none !important; color: #000000; }
#top_nav ul li.tn_a { background: #eeeeee; }
	#top_nav ul li.tn_a a span {
		font-weight: bold; background: url(../images/megamenu/apps2.png) no-repeat 15px 40px;
	}
#top_nav ul li.tn_p { background: #e4e4e4; width: 135px; }
#top_nav > li > ul > li.tn_p > a:hover { background: url(../images/megamenu/stripe1.png) repeat; }
	#top_nav ul li.tn_p a span {
		font-weight: bold; background: url(../images/megamenu/photography2.png) no-repeat 15px 40px;
	}
#top_nav ul li.tn_g { background: #d5d5d5; width: 135px; }
#top_nav ul li.tn_g > a:hover { background: none; }
#top_nav ul ul { display: block; height: 125px; width: 100px; margin: 0px; padding: 10px 0px 0px; }
#top_nav ul ul li { display: block; float: none; padding: 0px; }
#top_nav ul ul li a { font-weight: normal; padding: 3px 5px; width: 125px; }
#top_nav ul ul li a:hover { background: url(../images/megamenu/stripe2.png) repeat !important; }
#top_nav ul ul li a span { display: block; height: 20px; padding: 5px 0px 0px 40px; }
#top_nav ul ul li.tng1 a span { background: url(../images/megamenu/icons.png) no-repeat 15px -10px; }
#top_nav ul ul li.tng2 a span { background: url(../images/megamenu/icons.png) no-repeat 15px -42px; }
#top_nav ul ul li.tng3 a span { background: url(../images/megamenu/icons.png) no-repeat 15px -74px; }
#top_nav ul li a {
	color: #252525; display: block; padding: 0px; margin: 0px; text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}
#top_nav ul li strong {
	color: #d5d5d5; display: block; padding: 15px 15px 10px; margin: 0px;
}

/* share */

#sthis {
	float: right; list-style: none; font-family: Helvetica, Arial, sans-serif; width: 105px;
	margin: 5px 25px 0px 0px;
}
#sthis > li > a {
	background: #eeeeee; color: #252525; font-size: 13px; text-align: center; width: 85px;
	padding: 7px 10px 5px; display: block; position: relative; z-index: 201;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
}
#sthis > li > ul {
	margin: -3px 0px; height: 0px; width: 85px; padding: 25px 10px 5px; z-index: 200; font-size: 12px;
	-moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;
	position: absolute; overflow: hidden; background: #eeeeee;
	-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px);
	-ms-transform: translateY(-30px); transform: translateY(-30px);
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0.0;
}
#sthis li:hover > ul {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 100;
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px);
	-ms-transform: translateY(0px); transform: translateY(0px); height: 175px;
}
#sthis ul li {
	background: none; display: block; float: left; margin: 0px 0px 5px 5px; padding:0px; width: 30px;
	font-family: Helvetica, Arial, sans-serif; list-style: none;
}

/*CONTENT*/

#banner { width: 930px; float: left; padding: 25px; }

#content { width: 980px; }
#content_home h2 {
	float: left; font-weight: normal; padding: 0px 40px 25px;
	color: #aaaaaa; text-align: center; border-bottom: 1px solid #3e3e3e;
}
#content_home h2 strong { color: #ffffff; font-weight: normal; }

/* NAVIGATION */

#nav { list-style: none; width: 690px; margin: 0px 0px 0px 2px; position: relative; z-index: 100; }
#nav li {
	display: block; float: left; position: relative; background: url(../images/front_sprite.png) no-repeat;
	height: 30px; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif;
}
#nav li:first-child, #nav li.fchild { background: none; }
#nav li a span {
	padding: 10px 20px 10px 20px; color: #aaaaaa; font-size: 14px; float: left; display: block;
	text-transform: lowercase; font-weight: normal; text-shadow: 1px 1px 1px #202020;
}
#nav li a:hover span, #nav li .active span {color: #ffffff; }

#navbottom {
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;
	background: #202020; height: 5px; clear: both; position: relative; z-index: 1;
}
#nav li.backLava { border-bottom: 1px solid #91a02a; height: 42px !important; }

/* welcome message */

.boxclass { width: 275px; float: left; padding: 25px; float: left; }
.boxclass h3 {
	color: #ffffff; padding: 0px 0px 10px 0px; font-weight: normal;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size: 15px;
}
.boxclass p { padding: 10px 0 0 0; font-size: 12px; color: #757575; }
.boxclass a span {
	padding: 2px 9px 2px 10px; color: #2a2a2a; border: none; font-size: 10px; font-weight: bold; display: table;
	cursor: pointer; float: right; margin: 12px 0 0 0;
}
.boxclass a:hover h3 { color: #c1d72e; }
.boxclass a:hover p { color: #eeeeee; }
.boxclass h3 strong {
	background: url(../images/front_sprite.png) no-repeat; width: 28px; height: 30px; display: block;
	float: left; overflow: hidden; line-height: 100px; margin: 3px 0px 15px 0px;
}
#box1 h3 strong { background-position: -405px -50px; margin-right: 6px}
#box2 h3 strong { background-position: -434px -50px; margin-right: 9px; }
#box3 h3 strong { background-position: -466px -50px; margin-right: 12px; }

/*LEFT*/
#left { width: 541px; float: left; padding: 0 25px 25px 25px; position: relative; }

#left a {color: #bcd22c;}
#left .panel {float: left; width: 541px; overflow: hidden;}
#left .panel h3 {display:none;}
#left .panel p {margin: 10px;}
#left .panel .panel-wrapper { float: left; background: #444444; padding: 10px 15px; position: relative;}
#left .panel .panel-wrapper .bullets { margin: 10px 0 0 10px;}
#left .panel .panel-wrapper .bullets li { float: left; display: inline; }
#left .panel .panel-wrapper li { float: left; display: inline; width: 220px; margin: 5px 0px 5px 0px;}
#left .panel .panel-wrapper li a {color: #e7e7e7;}
#left .panel .panel-wrapper li a:hover {color: #ffffff;}
#left .panel .panel-wrapper p {color: #e7e7e7; margin: 5px 0px; }

#left .services { float: left; padding: 0px 15px 10px; position: relative; }
#left .services li { float: left; display: inline; width: 235px; margin: 5px 0px 5px 0px; font-size: 13px; }
#left .services li a { color: #e7e7e7;}
#left .services li a:hover { color: #ffffff;}
#left .jsp li a { color: #c7d727;}
#left .jsp li a:hover { color: #ffffff;}

#left .panel-wrapper p {
	font-size: 13px; padding: 5px; line-height: 170%; text-shadow: 1px 2px 3px #252525;
}
#left .panel-wrapper p { font-size: 12px; padding: 5px 5px 0px; line-height: 140%; text-shadow: 1px 2px 3px #252525; }

#left ul#online_servicelist { margin: 0px 0px 20px; font-size: 13px; color: #666666; background: none; display: table; }
#left ul#online_servicelist li { display: block; width: 190px; background: none; margin: 10px 0px 5px 0px; }
#left ul#online_servicelist li a { color: #c7d727; }
#left ul#online_servicelist li a:hover { color: #ffffff; }

#left .sitemap {float: left; background: #444444; border: 1px solid #4a4a4a; padding: 20px 25px 20px 25px; position: relative; margin: 30px 0 0 0;}
#left .sitemap li {float: left; display: inline; background: url(../images/common/bullet.gif) no-repeat 0 4px; padding: 0 0 0 12px; margin: 0 30px 8px 0; width: 210px; font-size: 14px;}
#left .sitemap li a {color: #e7e7e7;}
#left .sitemap li a:hover {color: #ffffff;}
#left .sitemap li ul { margin: 10px 0 0 20px;}
#left .sitemap li ul li a {color: # cccccc; font-size: 12px; padding: 5px;}
#left .sitemap li ul li a:hover {background: #3a3a3a;}

/*RIGHT*/
#right {width: 389px; float: right;}
#myMap {width: 389px; height: 510px; float: left; position: static;}
.map_btn {margin: 25px 0 20px 0 !important;}
#displayText {color: #2a2a2a !important; background: #bcd22c; padding: 5px;}
#office {display: none;}

/*SLIDESHOW*/
div.wrap {width:930px; margin:0 auto; text-align:left;}
div#top div#nav {float:left; clear:both; width:930px; height:52px; margin:22px 0 0;}
div#top div#nav ul {float:left; width:930px; height:52px; list-style-type:none;}
div#nav ul li {float:left; height:52px;}
div#nav ul li a {border:0; height:52px; display:block; line-height:52px; text-indent:-9999px;}
div#header div.wrap { height:261px; padding: 38px 0 0 0;}
div#header div#slide-holder {
	z-index:0; width:930px; height:300px; position:absolute; margin: -38px 0 0 0; overflow: hidden;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
}
div#header div#slide-holder div#slide-runner {width:930px; height:300px; overflow:hidden; position:absolute;}
div#header div#slide-holder img {margin:0; display:none; position:absolute;}
div#header div#slide-holder div#slide-controls {width:930px; display:none; position:absolute; margin: 267px 0 0 0;}
div#header div#slide-holder div#slide-controls p.text {float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; display: none;}
div#header div#slide-holder div#slide-controls p#slide-nav {float:right; display:inline; margin-right: 5px; }
div#header div#slide-holder div#slide-controls p#slide-nav a {
	float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px;
	font-weight:bold; text-align:center; text-decoration:none;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {background: #bcd22c; color: #2a2a2a;}
div#header div#slide-holder div#slide-controls p#slide-nav a {background: #333333; color: #e7e7e7;}

/*SLIDESHOW*/
#right div.wrap {width:389px; margin:0 auto; text-align:left;}
#right div#top div#nav {float:left; clear:both; width:389px; height:52px; margin:22px 0 0;}
#right div#top div#nav ul {float:left; width:389px; height:52px; list-style-type:none;}
#right div#nav ul li {float:left; height:52px;}
#right div#nav ul li a {border:0; height:52px; display:block; line-height:52px; text-indent:-9999px;}
#right div#header div.wrap { height:299px;}
#right div#header div#slide-holder {z-index:40; width:389px; height:299px; position:absolute; margin: -38px 0 0 0;}
#right div#header div#slide-holder div#slide-runner {top:0; left:0; width:389px; height:510px; overflow:hidden; position:absolute; /*padding: 38px 0 0 0;*/}
#right div#header div#slide-holder img {margin:0; display:none; position:absolute;}
#right div#header div#slide-holder div#slide-controls {width:362px; display:none; position:absolute; margin: -31px 0 0 0;}
#right div#header div#slide-holder div#slide-controls p.text {float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; display: none;}
#right div#header div#slide-holder div#slide-controls p#slide-nav {float:right; display:inline;}
#right div#header div#slide-holder div#slide-controls p#slide-nav a {float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none;}
#right div#header div#slide-holder div#slide-controls p#slide-nav a.on {background: #bcd22c; color: #2a2a2a;}
#right div#header div#slide-holder div#slide-controls p#slide-nav a {background: #333333; color: #e7e7e7;}

/*CODA SLIDER*/
.panel h2.title {margin-bottom: 10px;}
noscript div {background: #e7e7e7; color: #444444; margin: 80px 0; padding: 30px;}
noscript div a {color: #111111;}
.coda-slider-wrapper {}
.coda-slider {background: #444444;}	
.coda-slider, .coda-slider .panel {width: 541px;} 
.coda-slider .panel-wrapper {padding: 10px 0 0 0;}
.coda-slider p.loading {padding: 20px; text-align: center;}
.coda-nav ul {clear: both; display: block; margin: auto; overflow: hidden; float: left; width: 500px !important;}
.coda-nav ul li {display:inline; float: left; margin: 0 1px 0 0;}
.coda-nav ul li a {padding: 7px 20px 7px 20px; color: #cccccc !important; font-size: 11px; background: #2a2a2a; float: left; text-transform: uppercase; font-weight: bold; font-family: Helvetica, Arial, sans-serif; }
.coda-nav ul li a:hover {color: #2a2a2a !important; background: #bcd22c;}
.coda-nav ul li a.current {color: #dddddd !important; background: #444444;}
.coda-slider-wrapper {clear: both; overflow: auto;}
.coda-slider {float: left; overflow: hidden; position: relative;}
.coda-slider .panel {display: block; float: left;}
.coda-slider .panel-container {position: relative;}	

/*CONTACT FORM*/
.message2 { font-weight: bold; background: #bcd22c; padding: 10px 15px; font-size: 11px; display: none; position: relative; }
	.message2 p { padding: 20px 0px; }
	.message2 span { color: #ffffff; font-weight: bold; clear: both; display: block; line-height: 120%; }
	.errfield { border: 1px solid #bcd22c !important; background: #eeeeee !important; }
	div.success strong { font-size: 14px; color: #252525; }

.contactForm {float: left; margin: 0 0 0 22px; position: relative; z-index: 999;}
.contactForm .textField {border: 1px solid #dddddd; padding: 7px; width: 350px; background: #f4f4f4; color: #777777; clear: both; float: left; margin: 15px 0 0 0;}
.contactForm .textArea {border: 1px solid #dddddd; padding: 7px; width: 350px; background: #f4f4f4; color: #777777; clear:both; float: left; margin: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.contactForm .submitButton {background: #bcd22c; padding: 4px 5px 3px 5px; color: #2a2a2a; border: 1px solid #bcd22c; font-size: 10px; font-weight: bold; margin: 10px 0 0 0;}

/*FOOTER*/

#footer #fff {
	background: url(../images/front_sprite.png) no-repeat -388px -50px; width: 15px; height: 30px; display: block;
	overflow: hidden; line-height: 100px; position: absolute; margin: -5px 25px 5px; z-index: 300;
}
#footer #links { float: right; list-style: none; width: 425px; padding: 35px 0px 0px; }
#footer #links > li { float: left; width: 170px; }
#footer #links > li.thin { width: 125px; }
#footer #links li h5 { color: #c1d72e; font-weight: bold; text-transform: uppercase; font-size: 100%; margin-bottom: 5px; }
#footer #links li { text-shadow: 1px 1px 1px #252525; font-size: 11px; list-style: none; }
#footer #links ul li a {
	padding: 5px 15px 0px 15px; color: #666666; background: url(../images/front_sprite.png) no-repeat -3px -27px;
}
#footer #links li a:hover {color: #eeeeee; background-position: -2px -42px; }
#footer #contactinfo {
	float: left; width: 480px; min-height: 150px; margin: 20px 0px 10px; padding-left: 25px;
	background: url(../images/front_sprite.png) no-repeat 345px -155px;
}
#footer #contactinfo h3 {
	width: 155px; height: 25px; background: url(../images/front_sprite.png) no-repeat -187px -96px;
	overflow: hidden; line-height: 120px; margin: 20px 0px 10px;
}
#footer #contactinfo p { color: #666666; text-shadow: 1px 1px 1px #252525; font-size: 11px; }
	p.social a {
		display: block; float: left; margin: 10px 5px 0px 0px; width: 25px; height: 25px; overflow: hidden;
		line-height: 120px; background: url(../images/front_sprite.png) no-repeat;
	}
	p.social a.so-fb { background-position: -5px -94px; }
		p.social a.so-fb:hover { background-position: -5px -124px; }
	p.social a.so-rf { background-position: -33px -94px; }
		p.social a.so-rf:hover { background-position: -33px -124px; }
	p.social a.so-cu { background-position: -62px -94px; width: 120px; }
		p.social a.so-cu:hover { background-position: -62px -124px; }

#whiteline .fb-like { float: left; padding: 15px 25px 0px; }
#whiteline .to-the-top { float: right; padding: 15px 25px; font-weight: bold; }
	#whiteline .to-the-top a {
		float: right; font-size: 10px; color: #474747; text-transform: uppercase;
		padding: 5px 0px 3px; text-shadow: 1px 1px 1px #cccccc;
	}
	#whiteline .to-the-top a span {
		width: 17px; display: block; overflow: hidden; float: left; margin-top: -2px;
		background: url(../images/front_sprite.png) no-repeat -33px -66px;
	}

#copyright p {
	clear: both; text-align: center; color: #6c6c6c; font-size: 11px; padding: 15px 25px;
	border-top: 1px solid #3e3e3e; margin: 25px 0px 0px;
}
#copyright a { color: #bbbbbb; }

#chatbar { background: #000000; bottom: 0px; position: fixed; overflow: visible; display: none; }
	#chatbar a#cclose {
		display: block; float: left; margin: -22px 0px 0px 460px; width: 40px; height: 40px; overflow: hidden;
		line-height: 120px; background: url(../images/front_sprite.png) no-repeat -332px -44px;
		position: absolute;	cursor: pointer;
	}
	#chatbar h4 { font-size: 18px; color: #ffffff; float: left; margin: 30px 0px; width: 300px; font-weight: normal; }
	#chatbar .clink { float: right; width: 300px; margin: 20px 0px; }
	#chatbar .clink a { float: right; }

/* NEW FRONTPAGE */

#newthings #latestprojects { float: left; width: 650px; }
	#newsletter h4, #latestprojects h4 {
		font-size: 14px; text-shadow: 1px 1px 1px #202020; margin: 25px 20px 5px; padding: 3px 2px;
		display: table; color: #ffffff;
	}
	#newsletter h4 strong, #latestprojects h4 strong {
		background: url(../images/front_sprite.png) no-repeat; width: 21px; height: 21px; display: block;
		float: left; overflow: hidden; line-height: 100px; margin: -5px 3px 0px 0px;
	}
	#latestprojects h4 strong { background-position: -212px -126px }
	#latestprojects > div { margin: 20px 0px 0px 20px; display: table; }

.lpro a {
	float: left; width: 200px; height: 125px; margin: 0px 10px 0px 0px; position: relative; overflow: hidden;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
}
.lpro a strong {}
	.lpro a.mydjspace strong { background: #0b9ebe; }
	.lpro a.tennisnut strong { background: #b48d48; }
	.lpro a.skcc strong { background: #da4028; }
		.lpro a strong span.ico {
		background: url(../images/front_sprite.png) no-repeat; width: 30px; height: 30px; display: block;
		float: left; overflow: hidden; line-height: 100px; margin: 30px 0px 0px 10px;

		}
		.lpro a.mydjspace span.ico { background-position: -432px -90px; }
		.lpro a.tennisnut span.ico { background-position: -408px -90px; width: 25px; }
		.lpro a.tennisnut span.doma { margin-left: 35px; }
		.lpro a.skcc span.ico { background-position: -462px -90px; }
	.lpro a strong span.doma { margin: 40px 0px 0px 45px; }

/* css3 animation
.lpro span { position: relative; }
.lpro a img {
	max-width: 200px;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.lpro .mask {
	width: 200px; height: 85px;
	position: absolute; overflow: hidden; top: 20px; left: 0;
    background-color: rgba(200, 200, 200, 0.3);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    opacity: 0;
}
.lpro span.doma, .lpro span.ico {
	display: block;
    background: transparent;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
    color: #333;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    opacity: 0;
    color: #202020;
}
.lpro a:hover img {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}
.lpro a:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=90);
    opacity: 0.9;
}
.lpro a:hover span.doma, .lpro a:hover span.ico {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    opacity: 1;
}
/* end of animation */
/* css3 animation */
.lpro span { position: relative; }
.lpro a img {
	max-width: 200px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.lpro .mask {
	width: 200px; height: 85px;
	position: absolute; overflow: hidden; top: 20px; left: 0;
    background-color: rgba(200, 200, 200, 0.3);
	-webkit-transform: translate(460px, -100px) rotate(180deg);
	-moz-transform: translate(460px, -100px) rotate(180deg);
	-o-transform: translate(460px, -100px) rotate(180deg);
	-ms-transform: translate(460px, -100px) rotate(180deg);
	transform: translate(460px, -100px) rotate(180deg);
	-webkit-transition: all 0.2s 0.4s ease-in-out;
	-moz-transition: all 0.2s 0.4s ease-in-out;
	-o-transition: all 0.2s 0.4s ease-in-out;
	-ms-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    opacity: 0;
}
.lpro span.doma {
	display: block;
    background: transparent;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
    color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #202020;
}
.lpro span.ico {
	display: block;
    background: transparent;
	-webkit-transform: translateX(300px) rotate(90deg);
	-moz-transform: translateX(300px) rotate(90deg);
	-o-transform: translateX(300px) rotate(90deg);
	-ms-transform: translateX(300px) rotate(90deg);
	transform: translateX(300px) rotate(90deg);
    color: #333;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #202020;
}
.lpro a:hover img {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}
.lpro a:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
    opacity: 0.9;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
.lpro a:hover span.doma {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.lpro a:hover span.ico {
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/* end of animation */

#newthings {}
#newthings #recentblogs { float: right; width: 300px; margin-bottom: 25px; }
	#recentblogs > h4 a {
		background: url(../images/front_sprite.png) no-repeat -235px -123px; width: 220px; height: 42px;
		display: block; overflow: hidden; line-height: 100px; margin: 20px 0px 15px 0px;
		border-bottom: 1px solid #3e3e3e;
	}
	.recentposts { text-shadow: 1px 1px 1px #202020; padding: 5px; color: #666666; height: 135px; overflow: hidden; }
	.rssBody { position: relative; }
	.recentposts .rssRow {
		list-style: none; clear: both; color: #777777; line-height: 135%; min-height: 45px; margin-bottom: 5px;
	}
	.recentposts .rssRow h4 a {
		color: #ffffff; font-size: 11px; font-weight: normal; margin-left: 42px;
		background: url(../images/front_sprite.png) no-repeat -2px -46px; padding-left: 12px;
	}
	.recentposts .rssRow .timeago { margin-left: 42px; }
	.recentposts .rssRow small { color: #3e3e3e; }
	.recentposts .rssRow img:first-child {
		width: 35px; max-height: 35px; overflow: hidden; display: block; float: left; margin: 0px 0px 0px;
		position: absolute; /* border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
		-ms-border-radius: 2px; */
	}
	.rssRow div.rsscontent {
		margin: 5px 0px 0px 42px; font-size: 11px !important; line-height: 120% !important; color: #757575 !important;
		display: none;
	}
	.rssRow div.rsscontent p, .rssRow div.rsscontent span, .rssRow div.rsscontent strong, .rssRow div.rsscontent h1, .rssRow 	div.rsscontent h2, .rssRow div.rsscontent h3, .rssRow div.rsscontent h4 {
		font-size: 11px !important; line-height: 120% !important; color: #757575 !important; text-align: left !important;
		padding: 3px 0px !important;
	}
	.rssRow div.rsscontent img { display: none; }
	.noimage h4 a, .noimage .timeago, .noimage small, .noimage .rsscontent { margin-left: 0px !important; }

#keywordlist { display: none; }
#keywordlist p {
	color: #3e3e3e; text-align: center; padding: 15px 25px; font-size: 11px;
	border-top: 1px solid #2b2b2b; margin: 10px 0px 10px;
}
#keywordlist a { color: #606060; }

.schange { display: none; }
.schange #widgets .wrapper { border-top: 1px solid #3e3e3e; }

#widgets #cmsblock { float: left; width: 270px; margin: 20px 0px; }
#widgets #cmsblock a { float: left; width: 135px; height: 160px; display: block; overflow: hidden; line-height: 500px; }
	.cjoomla { background: url(../images/cms_block.png) no-repeat top left; }
	.cmagento { background: url(../images/cms_block.png) no-repeat top right; }

#widgets #fpackages { float: right; width: 345px; }
#widgets #fpackages a {
	width: 330px; height: 115px; margin: 45px 25px 0px 0px; overflow: hidden; line-height: 250px;
	background: url(../images/front_sprite.png) no-repeat -150px -165px; display: block;
}
#widgets #newsletter { float: left; width: 350px; }
	#newsletter h4 { margin: 25px 20px 15px; }
	#newsletter h4 strong { background-position: -185px -126px; }
	#newsletter p { text-shadow: 1px 1px 1px #202020; margin: 0px 25px 10px; color: #666666; font-size: 12px; }
	#newsletter form { margin: 0px 25px 25px; }
	#newsletter .textField {
		border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
		background: #202020; padding: 7px 10px; color: #aaaaaa; border: none; width: 270px;
	}
	#newsletter .subscribeButton, #chatbar .clink a {
 		color: #252525; text-align: center; text-transform: uppercase; padding: 7px; display: block;
 		font-weight: bold; clear: both; cursor: pointer; border: none; margin: 5px 0px 0px; width: 150px;
		background-color: #c1d72e;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#c1d72e), to(#94a929));
		background-image: -moz-linear-gradient(top, #c1d72e, #94a929);
		background-image: -ms-linear-gradient(top, #c1d72e, #94a929);
		background-image: linear-gradient(top, #c1d72e, #94a929);
		border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
		-webkit-box-shadow: inset 0 1px 0 0 #94a929;
		-moz-box-shadow: inset 0 1px 0 0 #94a929;
		-ms-box-shadow: inset 0 1px 0 0 #94a929;
		-o-box-shadow: inset 0 1px 0 0 #94a929;
		box-shadow: inset 0 1px 0 0 #94a929;
		text-shadow: 1px 1px 1px #fff;
	}
	#newsletter .subscribeButton:hover, #chatbar .clink a:hover {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#94a929), to(#c1d72e));
		background-image: -moz-linear-gradient(top, #94a929, #c1d72e);
		background-image: -ms-linear-gradient(top, #94a929, #c1d72e);
		background-image: linear-gradient(top, #94a929, #c1d72e);
	}
	#widgets input:invalid, #widgets input:required { box-shadow: none; }

/*FLASHCONTENT*/

#flashcontent {
	width: 960px; padding: 0px 10px; background: #F7F7F7; font-size: 12px; display: table; clear: both;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
	overflow: hidden; margin: 15px 0px 15px
}
#right #flashcontent { width: 389px; padding: 0; background: #000000; font-size:12px; display: table;}
#flashcontent a {color: #bcd22c;}
.disabled {display: none !important; }

/*FLASHCONTENT_2*/

#flashcontent_2 {
	width: 280px; background: #444444; height: 165px; font-size: 12px; display: table; clear: both; margin: 0 0 0 -25px;
}

/*TUMBLR*/

ul#social li.tumblr {width: 20px; height: 20px; overflow: hidden; float: right; margin: 9px 25px 0 0;}
ul#social li.tumblr a span {background: url(../images/common/tumblr.gif) no-repeat 0 0; line-height: 100px; padding: 0 !important;}
ul#social li.tumblr a:hover span {background: url(../images/common/tumblr.gif) no-repeat 0 -20px;}

/*LIGHTBOX*/

#zoom {z-index: 10000;}

/*ADDRESS*/

ul.people {list-style: none;}
ul.people li {width: 220px; float: left; margin: 40px 38px 0 0; border-bottom: 1px solid #555555;}
ul.people li span {font-size: 10px; color: #999999; margin: 0 0 0 0 !important;}
ul.people li span.email_link {font-size: 11px; text-transform: uppercase; float: left;}

.bottom_border {border-bottom: 1px solid #555555; padding: 0 0 10px 0;}

div#right.blackbox { background: #000000; padding: 5px; width: 359px; height: 450px; margin: 30px 20px 25px 0px; }
.newboxes { clear: both; }
.newboxes a { font-size: 11px; color: #757575; line-height: 125%; display: block; padding: 10px; height: 103px; }
.newboxes a:hover { background: #181818; color: #FFFFFF; padding: 10px 15px 10px 10px; }
.newboxes a img { float: left; margin-right: 15px; max-width: 138px; max-height: 103px; }
.newboxes a:hover img { border: 5px solid #000000; max-width: 128px; max-height: 93px; }
.newboxes a strong { color: #BCD22C; font-size: 12px; display: block; font-weight: bold; margin: 5px 0px; }
.newboxes a span { color: #BCD22C; }


/* SLIDER */
.arrow {
	background: url(../images/arrows.gif) no-repeat 0 0; line-height: 500px; width: 103px; height: 21px; overflow: hidden;
	display: block; float: left; position: absolute; opacity: 0.7; filter:alpha(opacity=70);
}
.up {margin: -30px 0 0 70px !important;}
.down {background-position: 0 -21px !important; margin: 104px 0 0 70px !important;}
#customers {width: 250px; height: 80px; float: left; overflow: hidden; margin: 42px 0 43px 0;}
#customers a span, #customers a:hover span {border: none; background: none;}

.sample {width: 250px; float: left;}
.sample img {float: left;}
.sample img {width: 250px;}
.sample .thumbnail {opacity: 0.5; filter: alpha(opacity=50);}

h3.viewfolio {
	width: 88px; height: 29px; overflow: hidden; display: block; background: url(../images/common/view_folio.gif) no-repeat;
}
h3.viewfolio a span {
	font-size: 13px; font-weight: normal; width: 88px; height: 29px; display: block; overflow: hidden; line-height: 200px;
}

#left h2.address {font-size: 13px;}
#left h2.brief {background: #333333; padding: 15px 15px 15px 15px !important; margin: 5px 0 0 0;}
#left h2.brief:first-child {margin: 20px 0 0 0;}
#left h2.brief:hover {background: #444444;}

#right.jslide {width: 389px; height: 510px; overflow: hidden;}
#right.jslide .holder {}

/* NEW ONLINE */

#left.mymarketing { width: 850px; padding: 10px 35px; }
#left.mymarketing p.online_para { margin: -15px 0px 20px; display: table; }
#left.mymarketing div.cols { float: left; width: 250px; font-size: 12px; }
#left.mymarketing .fwcols { margin-left: 50px; }
	#left.mymarketing .fwcols h4 { margin: 0px 0px 35px; }
	#left.mymarketing .fwcols ul { padding: 0px; }

#left.myonline, #left.myonline .panel, #left.myonline .coda-slider { width: 500px; padding: 10px 35px; }
#left.myphotography, #left.myphotography .panel, #left.myphotography .coda-slider { width: 500px; }
#left.mypackaging, #left.mypackaging .panel, #left.mypackaging .coda-slider { width: 500px; padding: 10px 35px; }
#left.myprint, #left.myprint .panel, #left.myprint .coda-slider { width: 500px; padding: 10px 35px; }

#left.mywebdesign, #left.myhosting, #left.mysocial, #left.myfacebook, #left.mycms {
	width: 470px; margin: 10px 15px;
}

#left.myonline .coda-nav ul { width: 500px !important;}
	#left h2 { padding: 0px !important; margin: 30px 0px 15px; font-size: 36px; color: #c1d72e; }
	#left p { clear: both; margin: 20px 0px; line-height: 150%; }

div.bigicons, div.bigpack, div.bigphoto, div.bigfb, div.bigprint {
	background: url(../images/online/big_online.jpg) no-repeat; width: 400px; height: 460px; margin: -5px 0px 0px -35px;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; overflow: hidden;
}
div.bigfb { background: url(../images/online/big_facebook.jpg) no-repeat; }
div.bigpack { background: url(../images/online/big_packaging.jpg) no-repeat; }
div.bigphoto { background: url(../images/online/big_photography.jpg) no-repeat; }
div.bigprint { background: url(../images/online/big_print.jpg) no-repeat; }
div.bigpack a, div.bigphoto a, div.bigprint a { display: block; height: 460px; }

	div.bigicons a { background: url(../images/online/btn_links.png) no-repeat; overflow: hidden; line-height: 100px; width: 119px; height: 34px; display: block; position: absolute; }
	div.bigicons a.bi-ws { margin: 280px 0px 0px 260px; background-position: 0px -4px; }
	div.bigicons a.bi-ws:hover { background-position: -120px -4px; } 
	div.bigicons a.bi-ap { margin: 230px 0px 0px 30px; background-position: 0px -39px; }
	div.bigicons a.bi-ap:hover { background-position: -120px -39px; }
	div.bigicons a.bi-ec { margin: 170px 0px 0px 235px; background-position: 0px -74px; }
	div.bigicons a.bi-ec:hover { background-position: -120px -74px; }
	div.bigicons a.bi-hp { margin: 380px 0px 0px 180px; background-position: 0px -108px; }
	div.bigicons a.bi-hp:hover { background-position: -120px -108px; }
	div.bigicons a.bi-fb { margin: 355px 0px 0px 40px; background-position: 0px -144px; }
	div.bigicons a.bi-fb:hover { background-position: -120px -144px; }

	div.bigfb a { background: url(../images/online/fb_links_sprite.png) no-repeat; overflow: hidden; line-height: 100px; width: 119px; height: 34px; display: block; position: absolute; }
	div.bigfb a.fbe { margin: 30px 0px 0px 250px; background-position: 0px -4px; }
	div.bigfb a.fbe:hover { background-position: -120px -4px; } 
	div.bigfb a.fbi { margin: 65px 0px 0px 250px; background-position: 0px -39px; }
	div.bigfb a.fbi:hover { background-position: -120px -39px; }
	div.bigfb a.fbs { margin: 100px 0px 0px 250px; background-position: 0px -74px; }
	div.bigfb a.fbs:hover { background-position: -120px -74px; }
	div.bigfb a.fbc { margin: 135px 0px 0px 250px; background-position: 0px -108px; }
	div.bigfb a.fbc:hover { background-position: -120px -108px; }
	div.bigfb a.fbp { margin: 170px 0px 0px 250px; background-position: 0px -144px; }
	div.bigfb a.fbp:hover { background-position: -120px -144px; }

#left .panel .panel-wrapper li.newlist {
	width: 205px; margin: 0px 10px 10px 0px; font-size: 12px; line-height: 130%; line-height: 150%;
}
.infobutton {
	background: url(../images/online/btn_info.png) no-repeat; overflow: hidden; line-height: 50px; width: 24px; height: 18px; display: inline-block; display: none;
}

#left p.online_para a { color: #ffffff; text-shadow: none; }
div.myonline div.cols, div.mysocial div.cols, div.myhosting div.cols, div.mywebdesign div.cols, div.myfacebook div.cols, div.mycms div.cols {
	float: left; width: 215px; margin-top: 20px;
}
	div.myonline div.cols p, div.mysocial div.cols p, div.myhosting div.cols p, div.mywebdesign div.cols p, div.myfacebook div.cols p, div.mycms div.cols p { text-shadow: 1px 2px 3px #252525; }
	div.cols h4 { font-weight: normal; font-size: 17px; color: #bcd22c; line-height: 120%; }
	div.col_social a, div.col_facebook a.fbutt {
		background: url(../images/online/btn_omegafb.png) no-repeat; overflow: hidden; line-height: 100px;
		width: 130px; height: 35px; display: block; margin: 0px 0px 0px -5px;
	}
	div.col_facebook, div.col2 { margin-left: 40px; }
	div.col_facebook h4 { color: #4775ce; }
	#left div.col_facebook a { color: #4775ce; font-weight: bold; }
		div.col_facebook a.fbutt { background: url(../images/online/btn_facebookpacks.png) no-repeat; width: 200px; }

div.mycms_joomla { width: 900px !important; }
	div.mycms_joomla > div { margin: 0px 0px 20px; display: table; }
	div.mycms_joomla div p.strong { color: #ffffff; width: 900px; }
	div.mycms_joomla div p {
		float: left; width: 260px; clear: none !important;
		text-shadow: 1px 2px 3px #252525; margin: 0px 40px 20px 0px !important;
	}
	div.mycms_joomla ul { list-style: none; }
	div.mycms_joomla ul li { float: left; margin: 0px 15px 15px 0px; height: 145px; overflow: hidden; }
	div.mycms_joomla ul li a { position: relative; }
		div.mycms_joomla ul li.nextblog a {
			background: url(../images/joomla/p_next.jpg) no-repeat; width: 255px; height: 145px;
			overflow: hidden; line-height: 300px; display: block;
		}
	div.mycms_joomla ul li a .mask {
		width: 247px; height: 85px; background: #c1d72e;
		overflow: hidden; position: absolute; left: 0; margin-top: 30px;
	    background-color: rgba(193, 215, 46, 0.9);
		-webkit-transform: translate(460px, -100px) rotate(180deg);
		-moz-transform: translate(460px, -100px) rotate(180deg);
		-o-transform: translate(460px, -100px) rotate(180deg);
		-ms-transform: translate(460px, -100px) rotate(180deg);
		transform: translate(460px, -100px) rotate(180deg);
		-webkit-transition: all 0.2s 0.4s ease-in-out;
		-moz-transition: all 0.2s 0.4s ease-in-out;
		-o-transition: all 0.2s 0.4s ease-in-out;
		-ms-transition: all 0.2s 0.4s ease-in-out;
	    transition: all 0.2s 0.4s ease-in-out;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
	    opacity: 0;
	}
	div.mycms_joomla ul li a span.doma {
		display: block; color: #252525; position: relative; font-size: 13px;
	    background: transparent; margin: 35px 10px 15px; text-align: center;
	    font-weight: normal; font-family: Helvetica, Arial, sans-serif;
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;
	    color: #202020;
	}
	div.mycms_joomla ul li a:hover .mask {
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=90);
	    opacity: 0.9;
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		-ms-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
	div.mycms_joomla ul li a:hover span.doma {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	ul.newonline { margin: 15px 0px; display: table; }
	ul.newonline li { background: none !important; clear: both; width: 300px !important; }
		ul.newonline li a { background: url(../images/online/icons_grey.png) no-repeat; padding: 3px 0px 0px 25px; height: 25px; display: block; }
			ul.newonline li a.no-cw { background-position: 0px 0px;}
			ul.newonline li a.no-mc { background-position: 0px -35px;}
			ul.newonline li a.no-go { background-position: 0px -70px;}
			ul.newonline li a.no-eu { background-position: 0px -105px;}
	a.instantq {
		background: url(../images/online/btn_quote.png) no-repeat; float: left;
		overflow:hidden; line-height:100px; width:110px; height:35px; display:block; margin: 0px 0px -5px;
	}
	a.browsefolio, a.printfolio, a.packfolio, a.kwresearch {
		background: url(../images/online/btn_browse.png) no-repeat; float: left;
		overflow:hidden; line-height:100px; width:155px; height:35px; display:block; margin: 0px 0px -5px 5px;
	}
	a.printfolio { background: url(../images/online/btn_printfolio.png) no-repeat; }
	a.packfolio { background: url(../images/online/btn_packagingfolio.png) no-repeat; }
	a.kwresearch { background: url(../images/online/btn_keyword.png) no-repeat; }

/* Online - Update v2 */

div#flashcontent.folio { display: block; overflow: hidden; padding: 0px 0px 25px !important; width: 980px; }
div.oleft { height: 500px; position: relative; }
	div.myfolio { padding: 20px 30px 0px; color: #959595; }
	div.myfoliocontent { height: 300px; }
		div.myfolio p { clear: both; padding: 5px 10px; width: 360px; }
		div#hotpick h2, div#ecommerce h2, div#websites h2, div#applications h2, div#facebook h2  
		div#ecommerce h2 { background: url(../images/online/title_ecommerce.gif) no-repeat; }
		div#websites h2 { background: url(../images/online/title_websites.gif) no-repeat; }
		div#applications h2  
		div#facebook h2 { background: url(../images/online/title_facebook.gif) no-repeat; }
		div#hotpick strong.callus, div#ecommerce strong.callus, div#websites strong.callus, div#applications strong.callus, div#facebook strong.callus {
			 background: url(../images/online/callus_yellow.gif) no-repeat; display: block; width: 245px;
			 height: 40px; overflow: hidden; line-height: 150px; padding: 0px !important; margin: 0px 0px 0px -42px;
		}
		div#ecommerce strong.callus { background: url(../images/online/callus_grey.gif) no-repeat; }
		div#websites strong.callus { background: url(../images/online/callus_purple.gif) no-repeat; }
		div#applications strong.callus { background: url(../images/online/callus_green.gif) no-repeat; }
		div#facebook strong.callus { background: url(../images/online/callus_blue.gif) no-repeat; }
		div#hotpick p.callus, div#ecommerce p.callus, div#websites p.callus, div#applications p.callus, div#facebook p.callus {
			font-size: 11px; padding: 15px 50px 5px;
		}
		div#hotpick p a { color: #f09f2b; font-weight: bold; }
		div#ecommerce p a { color: #5a6c7a; font-weight: bold; }
		div#websites p a { color: #8d216a; font-weight: bold; }
		div#applications p a { color: #adc822; font-weight: bold; }
		div#facebook p a { color: #3158ae; font-weight: bold; }
		div#hotpick div.myfoliocontent h3 { color: #f09f2b; }
		div#ecommerce div.myfoliocontent h3 { color: #5a6c7a; }
		div#websites div.myfoliocontent h3 { color: #8d216a; }
		div#applications div.myfoliocontent h3 { color: #adc822; }
		div#facebook div.myfoliocontent h3 { color: #3158ae; }

	ul.navlist { margin: 20px 0px 0px 0px; position: absolute; }
		ul.navlist li { list-style: none; float: left; }
			#flashcontent ul.navlist li { background: url(../images/online/segment.gif) no-repeat; padding-left: 2px; }
				#flashcontent ul.navlist li.first { background: none; padding: 0px; }
			#flashcontent ul.navlist li a {
				background: url(../images/online/segment1.gif) no-repeat; text-shadow: 1px 1px 0px #f8f8f8;
				padding: 6px 10px; font-family: Helvetica, Arial, sans-serif; height: 20px; display: block;
				float: left; color: #555960;  font-weight: bold; font-size: 11px;
			}
			#flashcontent ul.navlist li.first a { background: url(../images/online/segment1_over.gif) no-repeat; }
			#flashcontent ul.navlist li.middle a { background: url(../images/online/segment1.gif) no-repeat top right; }
			#flashcontent ul.navlist li.last a { background: url(../images/online/segment2.gif) no-repeat top right; }
				#flashcontent ul.navlist li:hover { background: url(../images/online/segment_over.gif) no-repeat; }
				#flashcontent ul.navlist li a:hover { background: url(../images/online/segment1_over.gif) no-repeat top right; }
				#flashcontent ul.navlist li.last a:hover { background: url(../images/online/segment2_over.gif) no-repeat top right; }

	div.casestudies {
		background: #efefef url(../images/online/dashed.gif) repeat-x top left; padding: 40px 30px 40px; display: table; width: 920px; margin: 30px -30px 0px;
	}
	#flashcontent div.casestudies a { float: left; display: table; color: #9ca4a6; font-size: 10px; border: 1px solid #dddddd; padding: 2px; margin-right: 10px; }
	div.casestudies a span.imgcont { float: left; width: 150px; height: 90px; overflow: hidden; }
		div.casestudies a span.imgcont img { max-width: 150px; }
		div.casestudies a strong, div.casestudies a span.more { display: none; }

	div.changecategory { height: 40px; margin-top: -30px; }
		a#backto {
			color: #252525; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 5px 30px 0px;
			position: relative; display: none; float: left; width: 200px; z-index: 200;
		}
		div.changecategory ul { float: right; background: url(../images/online/selectbox.png) no-repeat; width: 125px; height: 30px; margin: 8px 4px 0px 0px; }
			div.changecategory ul li { list-style: none; }
				div.changecategory ul li a { color: #aaaaaa !important; font-size: 11px; padding: 4px 11px; display: block; }

/* Quote */

	div.getaquote {
		background: #bcd22c; color: #ffffff; padding: 25px;
		width: 930px; position: relative; height: 425px; display: block; margin: 0px;
	}
		#quoteform { padding: 15px 40px 0px 150px; }
			#quoteform .fbuttons { position: absolute; bottom: 21px; left: 610px; }
		#flashcontent div.gaq {
			background: #a3bf1a; margin: -25px 0px 20px -25px; display: table; width: 500px;
			width: 980px; position: relative;
		}
		#flashcontent div.gaq > a { display:block; float: left; margin: 0px; padding: 15px 15px 15px; width: 215px; cursor: pointer; font-size: 10px; font-weight: bold; }
		#flashcontent div.gaq a.active { background: #8dae0f; color: #ffffff; }
		#flashcontent div.gaq a.passive { background: #a3bf1a; color: #d1df8d; }
		div.gaq a span { display: block; margin-top: -1px; font-size: 11px; }
		div.gaq p {
			position: absolute; color: #252525; width: 360px; height: 414px; padding: 0px font-size: 12px; font-weight: bold;
			background: url(../images/online/quote2.jpg) no-repeat bottom left; top: 61px; line-height: 999px; overflow: hidden;
		}
			div.gaq p strong { display: none; font-size: 14px; text-transform: uppercase; }

		div.getaquote form label {
			color: #577b00; font-weight: bold; font-size: 11px; line-height: 110%; /* padding-top: 5px; width: 145px; */
			padding: 10px 5px 0px 0px; width: 300px; text-align: right; margin-left: 125px;
		}
		div.getaquote form label.twoline { padding: 5px 5px 0px 0px; }

/* Contact Page - NEW!!! */

	div.contactpage {
		background: #eeeeee url(../images/online/contact/bg.gif) no-repeat top left; padding: 40px 25px 15px;
		width: 930px; position: relative; height: 425px; display: block; margin: 0px;
	}
		.cdetails { float: left; width: 500px; }
			.cdetails h2 {
				color: #2a2a2a; font-size: 12px !important;
				background: url(../images/online/contact/thumb_omega.png) no-repeat; padding: 85px 10px 0px;
				line-height: 145% !important; width: 240px; font-family: Helvetica,Arial,sans-serif !important;
			}
			.cdetails h2 span { float: left; font-weight: bold; font-size: 9px; text-transform: uppercase; width: 45px; }
			.cdetails ul.people { display: table; clear: both; padding: 15px 5px; }
			.cdetails ul.people li {
				border: none; color: #202020; font-weight: bold; font-size: 14px; margin: 10px 0px 0px;
				padding: 10px 10px 10px 75px; width: 150px;
			}
			li.p-rm { background: url(../images/online/contact/thumb_1.png) no-repeat; }
			li.p-mr { background: url(../images/online/contact/thumb_2.png) no-repeat; }
			li.p-tm { background: url(../images/online/contact/thumb_3.png) no-repeat; }
			li.p-cs { background: url(../images/online/contact/thumb_4.png) no-repeat; }
			
			.cdetails ul.people li span { color: #757575; font-weight: normal; font-size: 12px; display: block; }
			.cdetails ul.people li span.email_link { float: none; }
			.cdetails ul.people li span.email_link a { font-weight: bold; color: #839b00 !important; font-size: 10px; }
		#contform, #mm { float: right; width: 410px; }
			#contform { padding: 45px 10px 15px; }
			div#mm #myMap { display: block; width: 400px; height: 300px; border: 3px solid #cccccc; padding: 45px 0px 0px; }

	div.kwpage {
		background: #e2e0e1 url(../images/online/bg_keyword2.jpg) no-repeat top left; padding: 40px 25px 15px;
		width: 930px; position: relative; height: 375px; display: block; margin: 0px;
	}
	div.kwpage .message { margin-top: -40px; text-align: right; }
	.kwdetails { width: 600px; margin: 20px 0px 0px 280px; }
		.kwdetails h2 { color: #d22118; display: block; float: none; margin: 0px 0px 20px; padding: 0; }
		.kwdetails p { color: #757575; }
	div.kwpage form div.formpage1 { float: left; margin: 20px 0px 0px 280px; width: 300px; }
	div.kwpage form div.formpage2 { float: left; margin: 20px 0px 0px 20px; width: 300px; }
		div.kwpage form label { color: #252525; padding: 7px 0px; width: 90px; }
		#kwform div.jqTransformInputWrapper { width: 200px !important; }
		#kwform .jqTransformInputInner, #kwform .jqTransformInputInner input { position: relative;	width: 175px !important; }
		#kwform div.formelem button { margin: 0px 10px 0px 0px; }
		div.kwpage form div.formpage1 label { width: 30px; }
		#kwform div.formpage1 div.jqTransformInputWrapper { width: 250px !important; }
		#kwform div.formpage1 .jqTransformInputInner, #kwform div.formpage1 .jqTransformInputInner input { width: 225px !important; }

	div.fbpage {
		background: #e2e0e1 url(../images/online/bg_facebook.jpg) no-repeat top left; padding: 40px 25px 15px;
		width: 930px; position: relative; height: 425px; display: block; margin: 0px;
	}
	.fbdetails { width: 750px; margin: 0px 0px 0px 50px; }
		.fbdetails h2 { color: #183671; display: block; float: none; margin: 0px 0px 20px; padding: 0; }
		.fbdetails p { color: #252525; }
	.fbfilter { margin: -10px 50px 20px; display: table; }
	.fbfilter li { float: left; list-style: none; }
		.fbfilter li a {
			font-weight: bold; background: #415f9a; color: #c0d2dc !important; padding: 7px 12px; margin: 5px 5px 0px 0px;
			border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
		}
		.fbfilter li a.active { background: #173570; color: #ffffff !important; }
	.fbcontent { clear: both; margin: 15px 50px; display: block; }
	.fbcontent a { float: left; width: 450px; height: 280px; overflow: hidden; margin: 5px 5px 0px 0px; }
	.fbcontent a span.imgcont { width: 450px; }
		.fbcontent a span.imgcont span.inner { position: relative; }
			.fbcontent a img { width: 450px; }
	.fbcontent p { color: #252525; padding: 20px; width: 330px; float: left; }
		.fbcontent p strong { color: #183671; font-weight: normal; font-size: 17px; display: block; }
		.fbcontent p a.fb2c {
			color: #183671 !important; font-weight: bold; background: #ffffff; display: block; padding: 10px 20px;
			border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;
			width: auto; height: auto; margin: 15px 0px 0px; box-shadow: 1px 1px 1px #aaaaaa; text-transform: uppercase;
		}
		.fbcontent p a.fb2c:hover {
			color: #eeeeee !important; background: #183671; }

/*...*/

		#flashcontent div.cnav {
			background: #cccccc; margin: -40px 0px 25px -25px; display: table; width: 500px;
			width: 980px; position: relative;
		}
		#flashcontent div.cnav > a {
			display: block; float: left; margin: 0px; height: 55px; width: 215px; cursor: pointer;
			font-size: 10px; font-weight: bold; overflow: hidden; line-height: 150px;
		}
		#flashcontent div.cnav a.active {
			background: #aaaaaa url(../images/online/contact/tab_contactus.png) no-repeat 10px 10px;
		}
		#flashcontent div.cnav a.passive {
			background: #cccccc url(../images/online/contact/tab_findus.png) no-repeat 10px 10px;
		}
		div.contactpage form label {
			color: #757575; font-weight: bold; font-size: 11px; line-height: 110%;
			padding: 10px 5px 0px 0px; width: 100px; text-align: right;
		}
		div.contactpage form #qsubmit { margin: 10px 220px 0px 0px; }
		div.contactpage div.jqTransformSelectWrapper, div.contactpage div.jqTransformSelectWrapper div span {
			width: 245px !important; margin-bottom: 5px;
		}
		div.contactpage textarea {
			width: 275px; height: 90px; resize: none; font-family: Arial, Helvetica, sans-serif;
			color: #424242; padding: 5px;
		}
		div.contactpage .message { margin-top: -25px; text-align: right; }

/* Online - Update v3 */

div.oright { position: absolute; height: 480px; margin: 40px 0px 0px 435px; width: 545px; color: #454545; z-index: 100; }

	/* the screenshots */
	div.oright .screen {
		display: block; height: 352px; margin: 15px 0px 0px -17px; width: 561px; overflow: hidden;
		border: 1px solid #e4e4e4; border-right: none; background: #ffffff;
	}
		div.oright .screen .slidercont { width: 2000px; position: relative; }
			div.oright .screen .slidercont img { margin: 1px 0px 1px 1px; position: absolute; float: left; height: 350px; display: none; }
	div.oright h3 { font-size: 16px; margin: 15px 25px 15px 10px; font-weight: normal; color: #050505; }
	div.oright > p { font-size: 11px; margin: 5px 25px 0px 10px; line-height: 135%; }
		div.oright p p { color: #757575; font-weight: bold; }
		div.oright p p span { margin: 2px 5px; padding-left: 10px; border-left: 1px dotted #bbbbbb; }
			div.oright p p span.Client { border: none; padding-left: 0px; margin-left: 0px; }
			div.oright p p span.Delive {
				display: block; clear: both; border-top: 1px dashed #cccccc; border-left: none; margin: 5px 0px 10px 0px; padding: 5px 0px 0px; width: 450px;
			}
		div.oright p p b { font-weight: normal; }
		div.oright p p a, div.myfoliocontent p p a {
			background: url(../images/online/btn_biggreen.gif) no-repeat; margin: 5px 0px 0px; padding: 8px 5px 7px;
			font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; display: block;
			width: 235px; text-shadow: 1px 1px 0px #cadb67; color: #2a2a2a !important;
		}
		div.myfoliocontent h3 { font-size: 27px; font-weight: normal; margin: 40px 10px 20px; }
		div.myfoliocontent p p a { margin-top: 15px; }

div.fullfolio { background: #efefef; position: relative; height: 477px; margin-top: 100px; clear: both; }
	ul.fcategories { margin: -10px 30px 10px 0px; width: 420px; float: right; }
		ul.fcategories li { list-style: none; float: left; }
			ul.fcategories li a {  background: url(../images/online/categories.png) no-repeat; overflow: hidden; line-height: 60px; width: 39px; height: 25px; display: block; float: left; }
			ul.fcategories li a:hover, ul.fcategories li a.selected { background-image: url(../images/online/categories2.png); }
				ul.fcategories li a.bi-hp { background-position: -39px 0px; width: 67px; }
				ul.fcategories li a.bi-fb { background-position: -106px 0px; width: 72px; }
				ul.fcategories li a.bi-ec { background-position: -178px 0px; width: 88px }
				ul.fcategories li a.bi-ws { background-position: -266px 0px; width: 70px; }
				ul.fcategories li a.bi-ap { background-position: -337px 0px; width: 81px; }
	ul.fitems {
		display: table; margin: 40px 0px 20px; padding: 30px 20px 20px; width: 980px; height: 380px; min-height: 390px;
		background: #f7f7f7 url(../images/online/dashed.gif) repeat-x top left;
	}
		ul.fitems li { list-style: none; float: left; margin: 5px 0px 0px 5px; }
			ul.fitems li a { float: left; width: 177px; display: block; color: #9ca4a6; font-size: 10px; }
			ul.fitems li a span.imgcont { width: 164px; height: 102px; overflow: hidden; margin: 6px 0px 0px 5px; display: block; border: 1px solid #eeeeee; }
				ul.fitems li a span.imgcont img { width: 164px; }
				ul.fitems li a span.imgcont span.inner { position: relative; }
				ul.fitems li a strong { display: none; color: #252525; font-size: 11px; text-align: center; }
				ul.fitems li a span.more { display: none; }
				
	div.infoblack {
		filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 144px; height: 54px;
		background: #000000; color: #ffffff; display: none; font-size: 11px; line-height: 135%; margin: -95px 0px 0px 6px; padding: 30px 10px 10px; position: absolute; text-align: center; }
	div.infoblack strong { font-size: 12px; }

div.formelem { clear: both; position: relative; }
	div.message { background: #252525; margin: -20px -25px 5px; padding: 10px 15px; font-size: 11px; display: none; position: relative; }
	div.error { margin: 20px 0px 0px -450px; z-index: 250; color: #252525; font-weight: bold; width: 150px; line-height: 100%; font-size: 10px; text-align: right; }

div.tnx-elem { display: table; float: none; }
	div.tnx-elem span { background-image: url(../images/online/form.png); display: block; }
	div.tnx-elem span span { float: left; width: 5px; }
	span.tnx-t { background-position: 0px 0px; }
		span.tnx-t span { height: 8px; }
		span.tnx-tl { background-position: -120px -1px; }
		span.tnx-tc { width: 200px !important; background-image: url(../images/online/form-h.png) !important; background-repeat: repeat-x; background-position: 0px -161px; }
		span.tnx-tr { float: right !important; background-position: -175px -1px;  }
	span.tnx-m { clear: both; }
		span.tnx-m span {}
		span.tnx-ml { height: 20px !important; background-image: url(../images/online/form-v.png) !important; background-repeat: repeat-y; background-position: -67px 0px; }
		span.tnx-mc { height: 20px !important; width: 200px !important; background-image: none !important; background-color: #ffffff; }
		span.tnx-mr {  height: 20px !important; background-image: url(../images/online/form-v.png) !important; background-repeat: repeat-y; float: right !important; background-position: -122px 0px;  }
	span.tnx-b { clear: both; }
		span.tnx-b span { height: 8px; }
		span.tnx-bl { background-position: -120px -36px; }
		span.tnx-bc { width: 200px !important; background-image: url(../images/online/form-h.png) !important; background-repeat: repeat-x; background-position: 0px -199px;  }
		span.tnx-br { float: right !important; background-position: -175px -36px; }
		
	div.jqTransformInputWrapper { width: 295px !important; margin-bottom: 3px;  }
	.jqTransformInputInner, .jqTransformInputInner input { width: 270px !important; position: relative; }
	.jqTransformInputInner input:invalid {
		 margin: 7px; width: 262px !important; /* box-shadow: none; */
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.jqTransformInputInner input { margin: 5px 0px 0px !important; }
	}

	div.jqTransformSelectWrapper, div.jqTransformSelectWrapper div span { width: 255px !important; }
	div.jqTransformSelectWrapper ul { width: 265px !important; }
	div.jqTransformSelectWrapper div span { color: #404040; }
	#flashcontent .jqTransformSelectWrapper ul a { color: #404040; }
	#flashcontent .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background: #8DAE0F; color:#FFFFFF; }

	div.formelem p { float: left; width: auto; color: #ffffff; font-weight: bold; font-size: 11px;  margin: 10px 10px 10px 0px; text-transform: uppercase; }
		div.formelem p.radiobox { text-transform: none; }
	div.formelem p .jqTransformRadioWrapper { margin-top: 0px; }
	span.jqTransformCheckboxWrapper { margin: 10px 0px 10px 0px !important; }
	div.formelem button, div.formelem a.btnnxt { float: right; margin: 5px 0px 0px 0px; cursor: pointer; }
	div.formelem button:focus, div.formelem a.btnnxt:focus { outline: 0; border: 0px; }
	div.formelem button::-moz-focus-inner { border: 0; }

	div.formpage div.biglist { margin-left: 325px; }
	div.biglist strong { clear: both; color: #577b00; display: block; font-size: 11px; padding-top: 15px; /* color: #789b02 */ } 
	div.biglist span.jqTransformCheckboxWrapper { clear: both; margin: -18px 6px 0px 140px !important; }
	div.biglist span.checklabel { float: left; font-size: 11px; font-weight: bold; padding: 8px 6px 0px; margin: -25px 0px 25px; }

.hidethis { display: none; }

/* pricing tables */

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('font/TitilliumText22L005-webfont.eot');
    src: url('font/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/TitilliumText22L005-webfont.woff') format('woff'),
         url('font/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('font/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body .jquery-lightbox-mode-html .jquery-lightbox-background { background: url(../images/online/texture.gif) 50% 50%; }
.backupbox { padding: 15px; }
	.backupbox ul {
		border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
		list-style: none; display: table; padding-bottom: 15px; margin: 10px 15px;
		background: #f4f4f4 url(../images/online/gradient1.gif) repeat-x;
	}
	.backupbox ul.backuptable { font-size: 13px; }
	.backupbox li {
		clear: both; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #f7f7f7; display: table;
		font-family: Helvetica, Arial, sans-serif;
	}
	.backupbox li:nth-child(even) { background: #e3e3e4; }
		.backupbox li:nth-child(even) span { border-left: 1px solid #d0d0d1; }
	.backupbox li.highlight { background: #ffffff; border-bottom: none; }
		.backupbox li.highlight span { border-left: 1px solid #e3e3e3; }
			.backupbox li.highlight:last-child { border-bottom: 1px solid #e3e3e3; }
	.backupbox li:first-child { border-top: none; }
		.backupbox li.head h4, .backupbox li.head span {
			font-family: 'TitilliumText22LBold', Arial, sans-serif; text-shadow: 1px 1px 0px #101010;
			color: #e9e9e9; text-transform: uppercase; font-weight: normal;
		}
		.backupbox li.head h4 { font-size: 14px; padding: 30px 15px; }
			.backupbox li.head h4 strong { font-size: 20px; display: block; }
		.backupbox li.head span { padding: 10px 15px 0px; border-left: 1px solid #2f2f2f; }
		.backupbox li.backuphead span { font-size: 18px; padding: 15px 15px 10px; }
			.backupbox li.head span b {
				background: url(../images/online/gradient2.gif); font-weight: normal; font-size: 10px; margin: -10px -15px 0px;
				display: block; width: 150px; padding: 7px 0px; text-transform: none;
			}
			.backupbox li.head span strong { display: block; font-size: 45px; padding: 20px 0px 2px; font-weight: normal; }
				.backupbox li.head span strong em { font-style: normal; font-size: 28px; padding-left: 3px; }
			.backupbox li.head span small { display: block; font-size: 9px; }
	.backupbox li span { border-left: 1px solid #d9d9d9; }
		.backupbox li > strong, .backupbox li > h4 , .backupbox li > span {
			text-shadow: 1px 1px 0px #ffffff; color: #2f2f2f; display: block; width: 200px; float: left; padding: 8px 15px;
		}
		.backupbox li > span { color: #757575; width: 120px; text-align: center; font-weight: bold; }
	.backupbox .cta { margin: 0px 120px; } .backupbox .ctb { margin: 0px 40px; }
		.backupbox .cta a { float: left; margin: 0px; }

/* NEW FOLIO FOR PHOTOGRAPHY */

#pgallery { display: table; width: 960px; }
#pgallery .selected { width: 655px; height: 380px; overflow: hidden; float: left; margin: 20px 10px; }
	#pgallery .swipecontent { position: relative; }
	#pgallery .swipecontent > div { float: left; width: 655px; background: #eaeaea; min-height: 400px; }
		#pgallery .swipecontent > div.para {
			padding: 50px 350px 0px 50px; color: #424242; font-size: 13px; width: 255px;
			background-position: 350px 0px; background-repeat: no-repeat;
		}
		#pgallery .swipecontent > div.para p {
			border-left: 1px solid #cccccc; padding: 10px 0px 10px 20px; text-shadow: 1px 1px 1px #cccccc;
		}
		#pgallery .swipecontent > div.para p strong { font-size: 14px; }
#pgallery .categories { float: right; width: 200px; }
	#pgallery .categories h5 {
		display: block; margin: 20px 0px 20px; font-size: 24px; color: #a1b23d; width:146px; height: 33px;
		background: url(../images/online/title_categories.gif) no-repeat; overflow: hidden; line-height: 100px;
	}
	#pgallery .categories .item a {
		color: #424242; font-size: 13px; font-weight: normal; line-height: 25px;
		padding: 5px 0px 0px 20px; background: url(../images/online/black_arrow.gif) no-repeat 0px 7px;
	}
	#pgallery .categories .item a.active { font-weight: bold; color: #000000; }
#pgallery .navigation { clear: both; margin: 0px 10px 20px; float: left; width: 100px; }
#pgallery .navigation2 { float: right; margin: 0px 295px 0px 0px; }

	#pgallery .navigation a {
		background: url(../images/online/browser_nav.png) no-repeat; overflow: hidden; line-height: 60px;
		width: 24px; height: 23px; display: block; float: left;
	}
	#pgallery .navigation a.tnx-prev { background-position: 0px 0px; }
	#pgallery .navigation a.tnx-next { background-position: -24px 0px; }

	#pgallery .navigation2 ul { list-style: none; float: left; background: url(../images/online/segment.gif) no-repeat; }
	#pgallery .navigation2 li:first-child a { background: url(../images/online/segment1.gif) no-repeat; padding-left: 10px; }
	#pgallery .navigation2 li a { background: url(../images/online/segment1.gif) no-repeat top right; }
	#pgallery .navigation2 li:last-child a {
		background: url(../images/online/segment2.gif) no-repeat top right; padding-right: 10px;
	}
	#pgallery .navigation2 li { list-style: none; float: left; }
	#pgallery .navigation2 li a {
		color: #aaaaaa; float: left; font-size: 11px; font-weight: bold; padding: 5px;
	}
	#pgallery .navigation2 li a:hover, #pgallery .navigation2 li a.active { color: #252525; }
	#pgallery .info { font-size: 10px; font-weight: bold; color: #aaaaaa; float: right; margin: 4px 40px 0px 0px; }

/* fpacks */

div.fpack { width: 300px; float: left; margin: 0px 0px 0px 10px; }
	div.fpack h4 { width: 260px; height: 260px; overflow: hidden; line-height: 600px; display: block; }
		div.fpack h4.starter { background: url(../images/online/fpack2_starter.png) no-repeat; }
		div.fpack h4.business { background: url(../images/online/fpack2_business.png) no-repeat; }
		div.fpack h4.premium { background: url(../images/online/fpack2_premium.png) no-repeat; }
	div.fpack p { color: #252525; padding: 0px 8px; }
		div.fpack p.price { font-size: 24px; color: #004077; margin-top: 20px; }
		div.fpack p.price span { font-size: 17px; }
	div.fpack ul { list-style: none; }
		div.fpack li {
			background: url(../images/online/fpack_line.png) no-repeat 12px 8px; padding: 5px 0px 0px 32px;
			line-height: 120%; color: #555555;
		}
	div.fpack a {
		font-weight: bold; text-transform: uppercase; font-size: 10px; color: #004077 !important; padding: 0px 8px;
	}
div.fbextras { clear: both; display: table; margin: 0px 15px 0px; }
	div.fbextras a {
		font-weight: bold; background: #004077; color: #ffffff !important; padding: 5px 15px; margin-right: 5px;
		border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
	}

/* safari and webkit */			
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.casestudies { width: 980px; }
	ul.fitems { clear: both; margin: 0px 0px 20px; padding: 10px 20px 20px; }
	#left ul#online_servicelist { display: block; margin: 0px 0px 30px; }
	.o_phone { width: 190px; }
}