﻿/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
/************************************ End of Rest styles **********************************/



/************************************ Layout styles **************************************/
body {
	color:#666666;
	font-family: /*'Molengo',*/ arial, serif;
	font-size:62.5%; /* 10px */	
	line-height: 1;
}
#wrapper{
	width:937px;
	position:relative;
	margin:0 auto;
	padding:0px;
}
#header {
	height:61px;
	width:937px;
	position:relative;
	margin:0 0 9px 0;
	background:url(../images/header_bg.gif) no-repeat 0 0;
	}
#col1{
	width:215px;
	float:left;
}

#col2{
	width:680px;
	float:right;
	padding:0 20px
}
#col3{
	width:210px;
	float:left;
}
.sub #col1{
	width:206px;
	float:left;
	padding:10px 14px 0 0px;
	clear:left;
}
.sub #col2{
	width:703px;
	float:right;
	padding:10px 0px 0 12px;
}
.sub #footer{
	width:937px;
	margin:0 auto;
	padding:0px 0 0 0px;
	position:relative;
}
#footer{
	width:937px;
	margin:20px auto 0 auto;
	float:left; 	
	position:relative;
	border-top:6px solid #E7E7E8;
	
}


/************************************ Header styles **************************************/
#header .logo {
	margin:9px 0 0 25px;
}
#header .links {
	position:absolute;
	right:60px;
	top:20px;
	width:420px;
	color:#6C9241;
	font-family: /*'Molengo',*/ arial, serif; 
	font-size:13px;
	margin-top:0px;
	background:url(../images/top_nav.gif) no-repeat 6px 5px;}

#header .links a { 
	color:#a7bbc6;
	display:inline-block;
	float:left;
}
#header .links a:hover {
	color:#c1d72e;
	text-decoration:none;
}
#header span {
	color:#6c9241;
	padding:0px;
	float:left;
}

.links .home { background:url(../images/top_nav.gif) no-repeat 6px -12px; width:52px; height:20px; }
.links .about { background:url(../images/top_nav.gif) no-repeat -46px -12px; width:73px; height:20px; }
.links .careers { background:url(../images/top_nav.gif) no-repeat -119px -12px; width:68px; height:20px; }
.links .git { background:url(../images/top_nav.gif) no-repeat -188px -12px; width:91px; height:20px; }

.links .home:hover { background-position: 6px 5px;}
.links .about:hover { background:url(../images/top_nav.gif) no-repeat -46px 5px;}
.links .careers:hover { background:url(../images/top_nav.gif) no-repeat -119px 5px;}
.links .git:hover { background:url(../images/top_nav.gif) no-repeat -188px 5px;}

.hire { 
	background:url(../images/hire_sign.gif) no-repeat -49px 0;
	display:block;
	width:47px;
	height:48px;
	position:absolute;
	right:10px;
	top:9px;
}
.hire:hover { 
	background-position: 0 0; 
	text-decoration:none
}


/************************************ Nav styles **************************************/
#nav { 
	margin:0 auto;
	height:46px;
	margin-bottom:20px;
}
#nav li {
	margin-right:2px;
}
#nav li, #nav li a { 
	float:left;
	display:block;
	position:relative;
	} 
#nav li a {
	height:46px; 
	width:154px; 
	display:block;
	position:relative; 
	z-index:1000;
}
#nav li { width:154px}
#nav li a:hover {
	text-decoration:none!important;
	z-index:1000;
}
.home.otherbutton {
	background:url(../images/NAV.jpg) no-repeat 0 0px;
}
.about.otherbutton {
	background:url(../images/NAV.jpg) no-repeat -313px 0px;
}
.print {
	background:url(../images/NAV.jpg) no-repeat -471px 0px;
}
.digital {
	background:url(../images/NAV.jpg) no-repeat -157px 0px;
}
.logo {
	background:url(../images/NAV.jpg) no-repeat -628px 0px;
}
.optimisation {
	background:url(../images/NAV.jpg) no-repeat -784px 0px;
}
/************************************ sub styles **************************************/


.subnav { 
	background:url(../images/side_nav_bg.gif) no-repeat right bottom; 
	padding-bottom:41px; 
	width:213px; 
}
.subnav li a { 
	color:#00395a; 
	font-size:13px; 
	height:35px; 
	line-height:35px; 
	padding-left:15px; 
	display:block; 
	z-index:100; 
}
.subnav li a:hover { 
	text-decoration:none;
}
.subnav li {
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	background:#e5ebee; height:35px; 
	line-height:35px; margin:7px 0; 
	border:#e5ebee 1px solid; 
}

.subnav li:hover { 
	background:#FFF; 
	border:#ccd7de 1px solid; 
}
.subnav li.active  { 
	background:#003859; 
	border:#003859 1px solid;
}
.subnav li.active a { 
	color:#FFF; 
}
.home.otherbutton span.hover {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
	height:46px; 
	width:154px;
	background:url(../images/NAV.jpg) 0 -51px!important;
	 
}
.about.otherbutton span.hover {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
	height:46px; 
	width:154px;
	 background:url(../images/NAV.jpg) no-repeat  -313px -51px!important;
	  
}
.print.otherbutton span.hover {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
	height:46px; 
	width:154px;
	background:url(../images/NAV.jpg) no-repeat -471px -51px!important;
	 
}
.digital.otherbutton span.hover {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
	height:46px; 
	width:154px; 
	background:url(../images/NAV.jpg) no-repeat -157px -51px!important;
	 
}
.logo.otherbutton span.hover {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
	height:46px; 
	width:154px; 
	 background:url(../images/NAV.jpg) no-repeat -628px -51px!important;
	  
}
.optimisation.otherbutton span.hover {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
	height:46px; 
	width:154px;
	background:url(../images/NAV.jpg) no-repeat -784px -51px!important;
	 
}
.otherbutton span { cursor:pointer; z-index:0; }

.home.otherbutton.active { background:url(../images/NAV.jpg) 0 -51px!important;}
.about.otherbutton.active { background:url(../images/NAV.jpg) no-repeat -313px -51px!important;}
.print.otherbutton.active { background:url(../images/NAV.jpg) no-repeat -471px -51px!important;}
.digital.otherbutton.active { background:url(../images/NAV.jpg) no-repeat -157px -51px!important;}
.logo.otherbutton.active { background:url(../images/NAV.jpg) no-repeat -628px -51px!important;}
.optimisation.otherbutton.active { background:url(../images/NAV.jpg) no-repeat -784px -51px!important;}

.last { margin:0px!important;}

/************************************ End of Layout styles **************************************/

/************************************ col1 styles **************************************/

#col1 img { margin:10px 0 0 -2px;  }
.sideBox  { 
	background:url(../images/left_col_box_mid.gif) repeat-y 0 0;
	width:216px;
}
.sideBox h3 {
	border:none;
	width:216px;
	display:block;	
}
.sideBox ul {
color:#00395A;
font-size:14px;
height:auto;
line-height:19px;
list-style:disc outside none;
margin:0 0 20px 30px;
}

.sideBox ul.seo {
	margin-top:-30px;	
}
.sideBox ul.logo {
	margin-top:-15px;
	background:none;
}

.sideBox h3.seo {
	background:url(../images/left_col_box_top_seo.gif) no-repeat 0 0;
	height:83px;
}
.sideBox h3.logo {
	background:url(../images/left_col_box_top_logo.gif) no-repeat 0 0;
	height:68px;
}
a.lk_arrow.seo {
	font-size:14px;
	line-height:19px;
	display:block;
	margin:-10px 0 0 16px;
	width:140px;
	background-position: 93px 22px;
}
a.lk_arrow.logo {
	font-size:14px;
	line-height:19px;
	display:block;
	margin:-10px 0 0 16px;
	width:150px;
	background-position: 150px 22px;
}


.sideBox span {
	background:url(../images/left_col_box_btm.gif) no-repeat 0 0!important;
	width:216px;
	height:56px;
	display:block;
}

/************************************ col2 styles **************************************/

#table { background:url(../images/table_bg.gif) no-repeat 0 0; width:481px; height:275px; margin:10px 0 0 -18px;}
#table ul { padding:11px 0 0 40px; width:200px; float:left; }
#table ul.second {padding-left:23px;}
#table ul li a { font-size:13px; color:#00395a; text-decoration:none; line-height:34px;}

.holder {
	border-top:6px solid #E7E7E8;
	clear:both;
	height:25px;
	position:relative;
}
 h3.holder { 
	border-bottom:none;
	width:25%;
	clear:none;
	border:none;
	height:auto;
	padding-bottom:10px!important;
}
ul.holder {
	list-style:disc;
	font-size:12px;
	line-height:19px;
	color:#00395A;
	margin:0 0 10px 30px;
	width:23%;
	clear:right;
	float:right;
	border:none;
	height:auto;
}
 p.holder {
	width:25%!important;
	clear:right;
	border:none;
	height:auto;
	float:right;
	margin-bottom:10px!important;
	margin-top:0px!important;
 }
.holderImg { padding-left:13px;
}
p.smaller {
	margin-bottom:5px!important;
	font-size:12px!important;
	margin-top:0px!important;
	
	}
.holder img {
	float:right;
	margin:20px 0 15px 0;
	
}

.holder .website {
	font-size:12px;
}

.aboutImg { 
	width:125px; 
	height:161px;
	float:left;
	margin:0 15px 15px 0;
}

.latest_img, #changeText, #changeText1, #changeText2, #changeText3, #changeText4 { cursor:pointer;}
.active .latest_img {opacity: 1!important;}

.seologo { margin-left:15px;}
.noborder { border:none!important;}

.vport { 
	border:medium none;
	clear:right;
	float:right;
	height:auto;
	width:25% !important;
	position:relative;
}
.vport a {  

}

ul.styled {
	color:#033252;
	display:inline;
	font-size:14px;
	font-weight:bold;
	margin-left:0;
	position:relative;
	
}
ul.styled li {
	border-bottom:1px solid #CDDBE0;
	border-left:1px solid #0d2a47;
	border-right:1px solid #0d2a47;
	display:inline !important;
	float:left;
	height:31px;
	line-height:31px;
	padding-left:20px;
	position:relative;
	width:201px;
	margin-left:-1px;
	text-align:center;
}
ul.secound li {
	border-bottom:1px solid #CDDBE0;
	border-right:1px solid #7A92A1;
	display:inline !important;
	float:left;
	height:31px;
	line-height:31px;
	padding-left:20px;
	position:relative;
	width:205px;
}

ul.styled li.odd {
	background-color:#F4F8F9;
	background-position:90% 3px;
}
ul.styled li.top {
	color:#fff;
	background:#0d2a47;
	border:1px solid #0d2a47;
	text-align:center;
}
ul.styled li.bottom {
	border-bottom:1px solid #0d2a47;
}
.veiwM {
	background:url(../images/View_more_bt.gif) no-repeat 0 0;
	height:35px;
	width:86px;
	display:block;
	position:absolute;
	top:-60px;
	right:200px;
	display:none;
}
.veiwM:hover { text-decoration:none;}



.seoImg { position:relative;}
.seoImg a {color:#00395A; font-size:11px; text-align:center;}
.lnk1 { position:absolute; top:51px; left:187px;}
.lnk2 { position:absolute; top:68px; left:271px;}
.lnk3 { position:absolute;  top:132px; left:331px;}
.lnk4 { position:absolute; top:208px; left:367px;}
.lnk5 { position:absolute; top:294px; left:358px;}
.lnk6 { position:absolute; top:364px; left:303px;}
.lnk7 { position:absolute; top:406px; left:226px;}
.lnk8 { position:absolute; top:397px; left:143px;}
.lnk9 { position:absolute; top:357px; left:59px;}
.lnk10 { position:absolute; top:283px; left:14px;}
.lnk11 { position:absolute; top:198px; left:12px;}
.lnk12 { position:absolute; top:114px; left:46px;}
.lnk13 { position:absolute; top:63px; left:109px;}

p.seoP {
	background:url(../images/seo.gif) no-repeat 0 0;
	width:180px!Important;
	height:220px!Important;
	padding:30px 35px 0 25px!Important;
	float:right;
	margin-top:0px!Important;
	}
.pan {
	text-decoration:none;
	width:697px;
	height:50px;
	display:block;
	margin:10px 0;
	float:left;
	clear:both;
}
.pan.bs
{
	background:url(../images/business_stationery_examples.gif) no-repeat 0 0;	
}
.pan.qt
{
	background:url(../images/request_a_quotation.gif) no-repeat 0 0;	
}
.pan.ec
{
	background:url(../images/ecommerce_websites.gif) no-repeat 0 0;	
}
.pan.cm
{
	background:url(../images/content_management_systems.gif) no-repeat 0 0;	
}
.pan.seo
{
	background:url(../images/monthly_seo_packages.gif) no-repeat 0 0;	
}


.pan.bs:hover, .pan.qt:hover, .pan.ec:hover, .pan.cm:hover, .pan.seo:hover { background-position: 0 -50px;  text-decoration:none;}

p.highlight {
	background:#f1f8fc;
	padding:20px 30px 10px 25px!important;
	
}
p.highlight strong { display:block; margin-bottom:3px;}

.sitemap { padding:25px 0 0 0px}
.sitemap ul { padding-bottom:15px; float:left; width:30%;}
.sitemap ul li  { font-size:13px; line-height:18px;}
.sitemap ul li  a { padding-left:15px;}
.sitemap ul li strong { font-size:16px; color:#00395A; margin-bottom:8px; padding-left:15px; display:block; border-bottom:6px solid #E7E7E8; padding-bottom:6px;}
/************************************ Logo Design Page styles **************************************/
.ld img { margin-bottom:6px;}
.ld img.end { margin-left:6px;}

/************************************ col3 styles **************************************/
.tweet { 
	background:url(../images/spBu_top.gif) no-repeat 0 0; 
	width:215px; 
	padding:15px 0 0 0; 
	margin:15px 0 0 0;
}
.tweet  p { 
	background:url(../images/spBu_sli.gif)  repeat-y 0 0; 
	font-size:12px; 
	font-style:italic; 
	color:#4c748b; 
	padding: 0 10px 0 20px; 
	width:185px; margin:0px;
}
.tweet  p.date { 
	background:url(../images/spBu_bottom.gif)  no-repeat 0 0; 
	color:#00395a; font-size:11px; 
	font-style:normal; 
	text-align:right; 
	padding-top:20px;
}
.testimo { 
	background:url(../images/spBu_top.gif) no-repeat 0 0; 
	width:215px; 
	padding:15px 0 0 0; 
	margin:15px 0 0 0;
}
.testimo  p {
	background:url(../images/spBu_sli.gif)  repeat-y 0 0; 
	font-size:12px; 
	color:#507396; 
	padding: 0 10px 0 20px; 
	width:185px; margin:0px;
}
.testimo p span.ref { 
	background:url(../images/spBu_bottom.gif)  no-repeat 0 30px; 
	color:#969696; 
	display:block; 
	font-size:12px; 
	font-style:italic; 
	text-align:left; 
	padding:10px 0 30px 20px; 
	margin-left:-15px; 
	width:195px;
}
.cs { margin-top:15px;}

#twitter{
	background:url(../images/spBu_top.gif) no-repeat 0 0; 
	width:215px; 
	padding:15px 0 0 0; 
	margin:15px 0 0 0;
	position:relative;

}

#twitter a { position:absolute; bottom:-35px; right:15px; color:#00395A; font-size:12px!important; font-style:normal;}
#twitter li span a { position:relative; bottom:0px; right:0px;} 
	
#twitter_update_list  {
	background:url(../images/spBu_sli.gif)  repeat-y 0 0; 
	font-size:12px; 
	font-style:italic; 
	color:#4c748b; 
	padding: 0 10px 0 20px; 
	width:185px; margin:0px;
	line-height:17px;
}

#twitterBottom	{
background:transparent url(../images/spBu_bottom.gif) no-repeat scroll 0 0;
color:#00395A;
font-size:11px;
font-style:normal;
padding-top:20px;
text-align:right;
margin-top:0px;
height:10px;
}

p.Directions { float:right; width:49%!important; padding-left:0px!important;}
/************************************ Panel styles **************************************/


/************************************ footer styles **************************************/

#footer p {
	color:#999999;
	margin:20px 0;
	width:100%;
}
.social { 
	position:absolute;
	top:15px;
	right:0px;
}
.ftbt {
	font-size:11px;
	border-top:1px solid #E7E7E8;
	padding:20px 0 0 0;
}

.social a img { border:none;}

.linkIn { 
	background:url(../images/footer_logos.gif) no-repeat; 
	width:89px; 
	height:30px; 
	display:block; 
	float:left; 
	text-decoration:none;
}
.facebook {
	background:url(../images/footer_logos.gif) no-repeat -82px 0; 
	width:89px; 
	height:30px; 
	display:block; 
	float:left; 
	text-decoration:none;
}
.twitter {  
	background:url(../images/footer_logos.gif) no-repeat -170px 0; 
	width:48px; 
	height:30px; 
	display:block; 
	float:left; 
	text-decoration:none;
}
.flickr {  
	background:url(../images/footer_logos.gif) no-repeat -220px 0; 
	width:65px; 
	height:30px; 
	display:block; 
	float:left; 
	text-decoration:none;
}
.linkIn:hover { background-position: 0 -34px;}
.facebook:hover { background-position: -82px -34px;}
.twitter:hover {  background-position: -170px -34px;}
.flickr:hover { background-position: -220px -34px;}

#footer ul { float:left; padding-right:35px;}
#footer ul li { color:#9a9a9a; font-size:12px; line-height:20px; }
#footer ul li a { color:#9a9a9a; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}

.fn6 { padding-right:0px!important;}
/************************************ Fonts styles **************************************/

h1, h2, h3 {
	font-family: /*'Molengo',*/ arial, serif; 
	color:#00395a;
	font-size:17px;
	line-height:22px;
	border-top:none;
	font-weight:bold;
	padding:0px 0 10px 15px;
	border-bottom:6px solid #e7e7e8;
}

h2 { margin:0 0 10px 0;}
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}
.sub h1 { padding-left:15px;}
#table h3 { color:#c1d72e; padding:28px 0 0 120px; border:none; font-size:14px;}

p { color:#00395a; font-size:1.3em; line-height:1.5em; width:97%; margin:10px 0;}

p.split { 
	width:47%!important;
	float:left;

}

#col1 p, #col2 p, #col3 p{ padding-left:15px; width:90%;}
.sub #col2 p {margin-bottom:20px;}
a { color:#3399cc; text-decoration:none;}
a:hover { text-decoration:underline;}
a.lk_arrow { background:url(../images/link_arrow.gif) no-repeat right; padding-right:20px;}
h3#textBox {
	height:20px;	
	}
h3#textBox span { font-size:12px; font-weight:normal;}
	
	
h3.holder { clear:none; border:none; padding: 0 0 0 15px; float:right}
.sub h3.holder { padding-bottom:10px;}
.sub h3 { border:none; padding-bottom:0px;}
.sub h4 { border:none; color:#00395A; font-family:arial,serif; font-size:15px; font-weight:bold; line-height:22px; padding:0 0 0px 15px; margin-bottom:-10px;}


#col2 ul.normal {
	font-size:1.3em;
	line-height:19px;
	margin-bottom:20px;
	color:#00395A;
	list-style:disc;
}
#col2 ul.normal li { margin-left:30px;}

/************************************ End of Fonts styles **************************************/

/************************************ General styles  **********************************/
.clear        { clear:both; }
.left         { float:left; }
.right        { float:right!important;}
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.last 		  { margin:0px;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
.clearfix { 
	display: inline-block;
}
html[xmlns] .clearfix { 
	display: block;
}
* html .clearfix { 
	height: 1%;
}


.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}
/************************************ End of General styles  ******************************/
/* Easy Slider */
	#sliderHolder{
		width:928px;
		height:269px;
		background:#fff url(../images/slider_bg.gif) no-repeat 0 15px ;
		padding:20px 0 15px 8px;
		margin:0 auto;
		position:relative;	
	}	
	#slider{
		width:918px;
		height:269px;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		}
	#prevBtn a	{
		position:absolute;
		top:100px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a{  
		display:block;
		width:51px;
		height:49px;
		position:absolute;
		top:50px;
		left:20px;
		background:url(../images/btn_prev.jpg) no-repeat 0 0;	
		}
	#nextBtn a{
		display:block;
		width:51px;
		height:49px;
		position:absolute;
		top:100px;
		right:20px;
		background:url(../images/btn_next.jpg) no-repeat 0 0;	
		}
	#prevBtn a	{
		position:absolute;
		top:100px;
		}
	
	#nextBtn a{ 
		background:url(../images/btn_next.jpg) no-repeat 0 0;
		}										
	.coda-slider-wrapper { width:937px; height:165px; position:relative; overflow: hidden !important; margin-bottom:9px; }
	.coda-slider-wrapper1 { height:275px; position:relative; overflow: hidden !important; margin-bottom:9px; width:468px; margin-top:15px; border:1px solid #cccccc; padding-bottom:25px; }
	.coda-slider-3  { width:468px; }
	.coda-slider-no-js .coda-slider { overflow: auto !important; }
	.coda-nav-left a, .coda-nav-right a {display:none;}
	.coda-nav ul li a.current { background: #39c }
	.coda-slider p.loading { padding: 20px; text-align: center }
	.coda-nav ul { display:none; }
	.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 }
	.coda-nav-left, .coda-nav-right { display:none;  }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	.boarder { position:absolute; top:0px; left:0px;}

	/* Change the width of the entire slider (without dynamic arrows) */
	#coda-slider-3, #coda-slider-3 .panel { width: 600px; } 
	
	#coda-nav-1 { display:none;}
	#coda-nav-2, #coda-nav-3, #coda-nav-4, #coda-nav-5, #coda-nav-6, #coda-nav-7, #coda-nav-8, #coda-nav-9, #coda-nav-10, #coda-nav-11, #coda-nav-12, #coda-nav-13, #coda-nav-14, #coda-nav-15 { position:absolute; bottom:0px; left:0px;}
	#coda-nav-2 ul, #coda-nav-3 ul, #coda-nav-4 ul, #coda-nav-5 ul, #coda-nav-6 ul, #coda-nav-7 ul, #coda-nav-8 ul, #coda-nav-9 ul,  #coda-nav-10 ul, #coda-nav-11 ul,  #coda-nav-12 ul, #coda-nav-13 ul, #coda-nav-14 ul, #coda-nav-15 ul { float:left; margin-left:10px; padding-bottom:6px;}
	#coda-nav-2 ul li a, #coda-nav-3 ul li a, #coda-nav-4 ul li a, #coda-nav-5 ul li a, #coda-nav-6 ul li a, #coda-nav-7 ul li a, #coda-nav-8 ul li a, #coda-nav-9 ul li a,  #coda-nav-10 ul li a, #coda-nav-11 ul li a, #coda-nav-12 ul li a, #coda-nav-13 ul li a, #coda-nav-14 ul li a, #coda-nav-15 ul li a { height:10px; width:10px;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
.holder .coda-slider-wrapper1 { height:390px; position:relative; overflow: hidden !important; margin-bottom:9px; width:470px; margin-top:15px; border:none; padding-bottom:25px; float:right; }

.holder .coda-slider-wrapper1 img { float:none; margin:0px;}
.holder .coda-nav ul li.tab1 a { background:url(../images/link1.gif) no-repeat 0 0; height:11px!important; width:6px!important; margin-right:3px;}
.holder .coda-nav ul li.tab2 a { background:url(../images/link2.gif) no-repeat 0 0; height:11px!important; width:6px!important; margin-right:3px;}
.holder .coda-nav ul li.tab3 a { background:url(../images/link3.gif) no-repeat 0 0; height:11px!important; width:6px!important; margin-right:3px;}

.holder .coda-nav ul li.tab1 a.current, .holder .coda-nav ul li.tab1 a:hover { background:url(../images/link1Hover.gif) no-repeat 0 0; }
.holder .coda-nav ul li.tab2 a.current, .holder .coda-nav ul li.tab2 a:hover { background:url(../images/link2Hover.gif) no-repeat 0 0; }
.holder .coda-nav ul li.tab3 a.current, .holder .coda-nav ul li.tab3 a:hover { background:url(../images/link3Hover.gif) no-repeat 0 0; }

.large { height:782px!important;}

/*preload classes*/ .svw {width: 50px; height: 20px; background: #fff;} .svw ul {position: relative; left: -999em;} /*core classes*/ 
.stripViewer { position: relative; overflow: hidden; float:none	; margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; float:left; margin: 0 0 20px 13px; display:none;} 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 32px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 31px; background:url(../images/slid_btn.gif) no-repeat -33px 0; color: #42788e; text-decoration: none; display: block; width:30px; height:32px; } .stripTransmitter a:hover{ background:url(../images/slid_btn.gif) no-repeat -66px 0; color:#42788e; } /*tooltips formatting*/ 
.stripTransmitter a.current{ background:url(../images/slid_btn.gif) no-repeat 0 0; color:#fff; } /*tooltips formatting*/
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 
#mygalone, #mygalone1, #mygalone2{ border:none; margin:0px 0 10px 13px; padding: 5px 0 0 0px;}


/************************************ From styles  **********************************/
.req {
	float:right;
	font-size:14px;
	font-weight:normal;	
}
.req strong, label strong{ color:#F00;}
.odd { background:#f5f5f5;}
p.full.span  { font-size:13px!important; background-color:#f5f5f5!important; padding:5px 0 10px 20px!important;}
form fieldset {
  margin:0 0 10px 0px;
  width:735px;
}
form  legend {
  padding: 0 2px;
  font-weight: bold;
}
form  label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#003859;
  font-size:15px;
}
form input {
	border:1px solid #b2b2b2;
	height:18px;
	line-height:26px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:250px; 
	font-family:tahoma;
	font-size:11px;
	padding:4px 10px;
}
form p, form div {
	margin:3px 0!important;
	padding:4px 0 4px 20px!important;
	
	}
	form div  { padding-left:15px;
width:90%; display:block;
}
form p.title {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #e7e7e8;
	
}
textarea { 
	width:175px;
	font-family:tahoma;
	font-size:11px;
	padding:4px 10px;
	width:250px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #B2B2B2;
	height:100px;
}
p.full textarea	{
	width:375px; font-family:tahoma;
	font-size:11px;
	padding:4px 10px;
	width:403px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #B2B2B2;
	margin-top:10px;}
form input.submit, .submit_box {
	background-color:#1d4b87;
	width:150px;
	height:55px;
	color:#FFF;
	padding-top:0px;
	background:url(../images/form_btn.gif) 0 0;
	border:none;
	cursor:pointer;
	margin-left:150px;
	
}
form input.submit:hover, .submit_box:hover {
	background-color:#1d4b87;
	width:150px;
	height:55px;
	color:#FFF;
	padding-top:0px;
	background:url(../images/form_btn.gif) -167px 0;
	border:none;
	cursor:pointer;
	
}

form input.submit_hover {
	background-color:#1d4b87;
	width:112px;
	height:34px;
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
	padding-top:0px;
	background:url(../images/form_btn.gif) -172px 0;
	
}

form  fieldset ol {
  margin: 15px 0 0 0;
  padding: 0;
}
form  fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form  fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form  fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form  fieldset fieldset label {
  display: block;
  width: auto;
}
form  em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form  label {
  width: 150px; /* Width of labels */
}
form  fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


#logoQuestionnaire label {
  width: 180px; /* Width of labels */
}

#logoQuestionnaire p.title {
border-bottom:none;
font-size:15px;
font-weight:bold;
}

#logoQuestionnaire label.error {
	width:150px;
}

.error {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-box-shadow:0 0 6px #000000;
-moz-border-radius: 6px;
	border-radius: 6px;
background:#EE0101 none repeat scroll 0 0;
border:2px solid #DDDDDD;
color:#FFFFFF;
font-family:tahoma;
font-size:11px;
padding:4px 10px;
width:auto;
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	margin-left:10px;

}

input.error, textarea.error {
	background:#fdc3c3;
	width:250px;  
	font-family:tahoma;
	font-size:11px;
	padding:4px 10px;
	margin-left:0px;
	color:#000;}
/* Listen */

ul#news {

	border: 1px solid #ccc;

	padding: 2em;

	background:  #fffeb8;

}



ul#portfolio li img{



}





.fade{

	margin-bottom: 2em;

}



.fade p{

	margin-bottom: 2em;

	text-align: center;

	width: 100%;

	background: #fff;

}


ul#portfolio { height:175px; overflow:hidden;}


/**** noscript-Hinweis ****/



div#att {

	background-color: #fffeb8;

	border-bottom: 1px solid;

	height: 2.5em;

	line-height: 2.5em;

	position: absolute;

	top:0;

	width: 100%;

}



div#att p{

	background: transparent url(../images/att.png) no-repeat 0 46%;

	margin: 0;

	display: inline;

	padding: 6px 0 6px 26px;

}

	




