/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:240px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:225px; color:#000; height:19px; padding:3px 0 0 6px; float:left; background:url(images/select-bg.gif) 100% 0 no-repeat #fff;font-size:12px;margin-top:8px;margin-right:15px;}/**/
.newListSelected span {width:224px; display:block;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:198px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#650101!important; color:#fff!important;}
.hiLite a {background:#650101!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:100% 100%; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}









ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 73px;
    right: 10px;
    list-style: none;
    z-index:10;
    width:600px;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#7BAB4A;
    background-repeat:no-repeat;
    background-position:50% 30px;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}
ul#navigation li a:hover{
     background-color:#7BAB4A;
    opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);  
}
#navigation .home a{background-image:url(images/menu_home_bg.gif);}
#navigation .web a{background-image:url(images/menu_web_bg.gif);}
#navigation .print a{background-image:url(images/menu_print_bg.gif);}
#navigation .edm a{background-image:url(images/menu_edm_bg.gif);}
#navigation .contact a{background-image:url(images/menu_contact_bg.gif);}

#ContactUsBtn {position:fixed;width:100%;height:0px;margin-top:300px;z-index:11;cursor:pointer;}
#ContactUsBtn a{background:url(images/contact_button.png) 5px 0 no-repeat;width:54px;height:130px;display:block;text-indent:-9999px;float:right;}
#ContactUsBtn a:hover{background-position:0 0;}

ul#navigation li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#fff;
	font-weight:bold;
}

div.item_over_content{
	width:0px;
	height:0px;
	position:absolute;
	overflow:hidden;
	z-index:8;
}
div.item_over_content p.title{
	margin-top:30px;
	margin-left:30px;
	height:50px;
}
div.item_over_content p.caselink{
	margin:0 0 0 30px;
}

div.item_over_content p.caselink a.LinkCase{

}
div.item_over_content p.caselink a{
	background:url(images/arrow_casestudy.gif) no-repeat;padding-left:20px;
	cursor:pointer;
	font-size:12px;
}


div.item_over_content *{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

div.item_over{
	background-color:#438EC6;
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	display:none;
	width:220px;
	height:150px;
	position:absolute;
	overflow:hidden;
	z-index:7;
}
img{
	padding:0;margin:0;border:0;
}
form{padding:0;margin:0;}
div.clear, div.clearfloat{clear:both;}
body{
	background:#111;
	font-family:Arial;
	height:2000px;
	margin:0;
	width:100%;
	height:100%;
}
.header{
	width:100%;
	height:70px;
	position:fixed;
	background:#fff;
	margin:0 auto;
	z-index:11;
	border-bottom:1px solid #fff;
	left:0;
	top:0;
}
.header_border{
	border-bottom:5px solid #88BE52;
}
.header_logo{
		background:url(images/logo.gif) 0 50% #fff no-repeat;
		width:500px;
		height:65px;
		float:left;
}
.header_logo a{
	display:block;
	color:#555;
	font-size:11px;
	margin-left:250px;
	margin-top:49px;
	text-decoration:none;
}
.header_tagline{
		background:url(images/tagline.gif) 0 50% #fff no-repeat;
		width:220px;
		height:65px;
		float:right;
}
a.back{
	width:256px;
	height:73px;
	position:absolute;
	bottom:15px;
	right:15px;
	background:#fff;
}
a.dry{
	position:absolute;
	bottom:15px;
	left:15px;
	text-align:left;
	font-size:12px;
	color:#ccc;
	text-transform:uppercase;
	text-decoration:none;
}
div.screen{
	width:960px;
	height:100%;
	padding-top:100px;
	margin:0 auto;
}

#LaunchWebsite{
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	z-index:9;
	margin-top:71px;
	background:#fff;
}
#LaunchWebsite .Bar{
	width:960px;
	height:25px;
	line-height:25px;
	margin:0 auto;
	font-size:11px;
}
#LaunchWebsite iframe{
	width:100%;
	height:100%;
}
.IframeClose{
	font-weight:bold;
	cursor:pointer;
	font-size:10px;
	color:#7BAB4A;
}
#Top{
padding-top:71px;
}
#CaseStudy {
	margin-bottom:200px;display:none;
}
#CaseStudy h1{
margin-bottom:20px;
}
#CaseStudy .contents_div{
	font-size:12px;
}
#CaseStudy h1.casestudy_title{
	float:right;
	width:460px;
	color:#fff;
	background:none;
	padding:0;
	margin:0;
}
#CaseStudy h2.casestudy_short{
	float:right;
	width:460px;
	color:#fff;
	background:none;
	padding:0;
	margin:10px 0;
}

#CaseStudy div.image_box{
	float:left;
	width:460px;
	height:630px;
	background-color:#1d1d1d;
	margin-top:20px;
}

#CaseStudy div.image_box div.gobacktolist{
	background:url('images/arrow_up.gif') 0 5px no-repeat;
	padding-left:20px;
	position:absolute;
	width:150px;
	margin-top:-20px;
	margin-left:360px;
}

#CaseStudy div.image_box div.gobacktolist a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

#CaseStudy div.image_slide{
	width:460px;
	height:550px;
	overflow:hidden;
	position:relative;
	background:url(images/loading.gif) 50% 20% no-repeat;
}
#CaseStudy .image_slide ul{
	width:20000em;
	position:absolute; 
}
#CaseStudy .image_slide li{
	float:left;
}
#CaseStudy .image_slide img{
	width:0px;
}
#CaseStudy .image_slide img.show{
	width:460px;
}
#CaseStudy div.image_slide_nav{
	background-color:#272623;
	height:80px;
}
#CaseStudy div.image_slide_prev{
	background:url(images/image_slide_prev.gif) 0 50% no-repeat;
	float:left;
	width:35px;
	height:50px;
	display:block;
	margin-left:15px;
	margin-top:15px;
	cursor:pointer;
}
#CaseStudy div.image_slide_enlarge{
	background:url(images/image_enlarge.gif) 0 50% no-repeat;
	margin-left:120px;
	float:left;
	padding-left:50px;
	display:block;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	margin-top:15px;
	height:50px;
	line-height:50px;
	cursor:pointer;
}
#CaseStudy div.image_slide_next{
	margin-top:15px;
	background:url(images/image_slide_next.gif) 0 50% no-repeat;
	float:right;
	width:35px;
	height:50px;
	display:block;
	margin-right:15px;
	cursor:pointer;
}


#CaseStudy div.contents_div{
	float:right;
	width:460px;
	min-height:600px;
}
#CaseStudy div.contents_div *{
	color:#fff;
}
#CaseStudy div.contents_div h3{
	color:#88BE52;
}

#Web{
}
#Print{
}
#EDM{
}
#navigation li a{
	cursor:pointer;
}
div.portfolio_loading{
	height:670px;position:absolute;width:960px;background:url(images/loading.gif) 50% 50% no-repeat #111;display:none;z-index:10;
}
div.portfolio_box{
	width:960px;
/* margin-bottom:500px;min-height:670px; */
/*	height:670px;overflow:hidden;position:relative;width:960px;margin-bottom:500px;*/
}

div#heroNav_box{
	z-index:2;position:absolute;
	width:940px;height:0px;
}
div#heroNav_box ul{
	margin:0;padding:0;float:right;margin-top:350px;
}
div#heroNav_box li{
	margin:0;padding:0;float:left;list-style:none;color:#666;font-size:20px;cursor:pointer;background:url(images/heroNav_icon.gif) 0px 0px no-repeat;width:15px;height:15px;margin-right:10px;
}
div#heroNav_box li.active{
	color:#fff;cursor:default;background-position:-15px 0px;
}
div#heroHTML_fade{
	height:379px;position:absolute;width:960px;background-color:#111;display:none;z-index:1;
}

div#heroHTML_box{
	height:379px;overflow:hidden;position:relative;width:960px;margin-bottom:-100px;
}
div#heroHTML_box ul.heroHTML_ul{
	height:379px;width:20000em;position:absolute;margin:0;padding:0;
}
div#heroHTML_box ul.heroHTML_ul li.heroHTML_li{
	height:379px;overflow:hidden;width:960px;margin:0;padding:0;float:left;
}
div#heroHTML_box ul.heroHTML_ul li.heroHTML_li *{
	color:#fff;font-family:Arial;
}
div#heroHTML_box ul.heroHTML_ul li.heroHTML_li h2{
	font-size:34px;font-weight:normal;
}
div#heroHTML_box ul.heroHTML_ul li.heroHTML_li p{
	font-size:11px;
}
div#heroHTML_box ul.heroHTML_ul li.heroHTML_li a{
	background:url(images/arrow_casestudy.gif) no-repeat;
	color:#99CC66;font-weight:bold;font-size:12px;padding-left:20px;text-decoration:none;
}

ul.portfolio{
	list-style:none;padding:0;margin:0;
/*	list-style:none;padding:0;margin:0;position:absolute;height:5000px;*/
}
li.item{
	list-style:none;margin:0;padding:0;
	float:left;
	width:220px;
	height:205px;
	overflow:hidden;
	position:relative;
	margin:10px;
}
li.item_unactive{
	display:none;
}
.details{
	list-style:none;margin:0;padding:0;width:0px;height:0px;overflow:hidden;
}
.project{
	list-style:none;margin:0;padding:0;
}
.url{
	list-style:none;margin:0;padding:0;
}
.images{
	list-style:none;margin:0;padding:0;
}
.images_ul{
	list-style:none;margin:0;padding:0;
}
.images_li{
	list-style:none;margin:0;padding:0;
}
.contents{
	list-style:none;margin:0;padding:0;
}
.unactive{display:none;}
.item_bottom{
	width:220px;
	height:55px;
	margin:0;
	background-color:#272623;
	background-position:10px 50%;
	background-repeat:no-repeat;
}
.item_bottom a strong{
	font-size:12px;
	color:#fff;
}
.item_bottom a{
	display:block;
	float:right;
	color:#bbb;
	margin:0;
	padding:0;
	font-size:11px;
	text-align:right;
	margin-right:10px;
	margin-top:11px;
	cursor:pointer;
	text-decoration:none;
}
.thumb{
	height:150px;
	width:220px;
	overflow:hidden;
}
div.thumb_box{
	width:220px;height:150px;overflow:hidden;
}

#AlertMsg {
	display:none;
	z-index:1000;
	position: fixed;
	width:100%;
	height:100%;
}
#draggable *{cursor:move;}
#draggable a{cursor:pointer;}
#AlertClose{background:url(images/AlertBorderClose.png) 100% 0 no-repeat;width:20px;height:20px;cursor:pointer;float:right;}
#AlertMsg .AlertMsg_bg{
	background-color:#000;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);  
	width:100%;
	height:100%;
	z-index:1001;
	position: fixed;
}
#AlertMsg .AlertMsg_content{
	position: fixed;
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1002;
	text-align:center;
}
#AlertMsg .AlertMsg_msg{
	font-size:13px;
	font-weight:bold;
	padding:0 15px 20px 15px;
	width:250px;
}

h1{background-color:#222;color:#fff;padding:10px 0 10px 20px;margin:0;}
h1 fieldset{display:block;float:right;border:none;padding:0;margin:0;}
h1 fieldset img{margin-right:20px;cursor:pointer;}

ul.portfolio_nav{float:right;margin:0 10px 0 0;padding:0;}
ul.portfolio_nav li{float:left;list-style:square inside;color:#666;font-size:20px;padding:0;margin:0;cursor:pointer;}
ul.portfolio_nav li.active{color:#fff;cursor:default;}
ul.portfolio_nav li.unactivated{display:none;}
*{font-family:Arial}

div#ContactForm {width:500px;}
div#ContactForm p{float:right;font-weight:normal;font-size:11px;display:block;width:200px;text-align:left;margin:15px 20px 0 20px;}
div#ContactForm fieldset{text-align:left;border:1px solid #888;background-color:#eee;}
div#ContactForm button{border:none;background:none;width:110px;height:30px;margin:10px auto 0 auto;display:block;}
div#ContactForm button img{cursor:pointer;}
div#ContactForm legend{border:1px solid #888;padding:5px;background-color:#fff;}
div#ContactForm input,div#ContactForm textarea{width:200px;border:1px solid #888;height:22px;margin-top:8px;cursor:auto;font-size:11px;padding-left:7px;}
div#ContactForm textarea{height:120px;}

div#ContactAlert{background:url('images/contact_alert_bg.gif') no-repeat;width:0px;height:50px;position:absolute;font-size:12px;overflow:hidden;line-height:50px;font-weight:normal;z-index:1000;text-align:center;}

div.ContactSending {background:url('images/loading.gif') 50% 50% no-repeat #fff;position:absolute;width:500px;height:340px;z-index:1001;}

div#footer{
	width:960px;
	margin:300px auto 70px auto;
	border-top:4px solid #555;
}
div#footer .cols{
	float:left;
	width:220px;
	padding-right:20px;
}
div#footer h3{
	color:#eee;
	font-size:12px;
}
div#footer ul{
	margin:0;padding:0;
}
div#footer li{
	margin:0;padding:0;list-style:none;
}
div#footer li a{
	color:#fff;
	font-size:11px;
}
div#footer p{
	display:block;
	font-size:11px;
	color:#fff;
}

div#footer p.left{
	float:left;
}
div#footer p.right{
	text-align:right;
	float:right;
}
div#footer .bottomText {
	padding-top: 60px;
	text-align: center;
	font-size: 11px;
}
div#footer .bottomText a {
	color: #eee;
	text-decoration: none;
}
div#ContactForm input.FormValidattion{
	border:1px solid red;
}