@charset "UTF-8";
/* -------  Global  -------- */
 
body { font-family: tahoma, arial; font-size:0.8em; padding:0px 0; line-height:1.6em; margin: 0px; }
a {cursor:pointer;cursor:hand;}
#home-wrapper { background:url(../images/home-shadow.jpg) no-repeat center 78px; width:100%; }
#wrapper { background:url(../images/internal-shadow.jpg) no-repeat center 74px; width:100%; }
#portfolio-wrapper { background:url(../images/portfolio-shadow.jpg) no-repeat center 76px; width:100%; }
#inner { width:1001px; margin:0 auto; }
#inner-portfolio { width:1001px; margin:0 auto; }
#inner-home { width:1001px; margin:0 auto; }




.clear { clear:both; }
object, a { outline:none; }
img {border:0px;}
hr.up{ background:url(../images/hr-up.gif) top no-repeat; height:28px; width:869px; border:none; margin:30px auto 0 auto; }
/* -------  Header  -------- */
#header {margin-top:20px; }
#logo { width:213px; float:left; margin:0 0 13px 20px; }
#call2ct { float:right; text-align:right; margin-bottom:18px; padding:0 20px 0 0; height:36px; width:600px; }
#call2ct h3 { font-size:180%; margin:0; font-weight:normal;}
#call2ct a { color:#FF5A00; font-weight:bold; text-decoration:none; font-size:110%; }
#call2ct a:hover { color:#000000; }
a span.close {background:#646464; padding:0 5px 2px 5px;}
a:hover span.close {background:#504f4f;}
#menu { }
#menu ul { float:right; margin:0 20px 0 0; padding:0;}
#menu ul li { background:url(../images/menu-divider.jpg) bottom right no-repeat; float:left; list-style:none; padding:10px 20px; font-weight:bold; }
#menu ul li.last { background:none; padding-right:0; }
#menu ul li a:link, #menu ul li a:visited {  color:#000; text-decoration:none; }
#menu ul li a:hover { color:#FF5A00;  }
#sub-header {margin-top:20px;}
#sub-header #pageheader { background:url(../images/internal-header-bg.gif) repeat-x top left; clear:both; height:308px; width:1001px; overflow:hidden; }
#sub-header #pageheader #col1 { float:left; width:520px; height:216px; overflow:hidden; margin:23px 0 0 56px; padding:0px 0; }
#sub-header #pageheader #col1 h1 { color:#fff; font-size:4em; font-weight:400; margin:0; line-height:1.9em;}
#sub-header #pageheader #col1 h2 { color:#fff; font-size:2.5em; font-weight:normal; line-height:100%; margin-top:0px;}
#sub-header #pageheader #col1 h2 strong { color:#fff;}
#sub-header #pageheader #col1 h2 a { color:#fff; text-decoration:none;}
#sub-header #pageheader #col1 h2 a:hover { text-decoration:underline;}
#sub-header #pageheader #col2 { float:left; height:193px; margin:47px 0px 0 120px; }
#sub-header #pageheader #col2 ul li { background:transparent url(../images/internal-sub-menu-arrow-off.gif) no-repeat scroll 0 10px; font-size:140%; line-height:170%; margin:0 0 7px; padding:0 0 0 20px; }
#sub-header #pageheader #col2 ul li { list-style-image:none; list-style-position:outside; list-style-type:none; }
#sub-header #pageheader #col2 ul li a { color:#fff; text-decoration:none; }
#sub-header #pageheader #col2 ul li a:hover { color:#fff; }
#sub-header #pageheader #col2 ul li.active { background:transparent url(../images/internal-sub-menu-arrow.gif) no-repeat scroll 0 8px; }
#sub-header #pageheader #col2 ul li.active a { font-size:120%; text-decoration:none; }
#sub-header #pageheader #view-portfolio {margin-left:760px; margin-top:34px;}
#sub-header #pageheader #view-portfolio h3 {color:#fff; margin-top:3px; font-size:140%;}
#sub-header #pageheader #view-portfolio h3 a{color:#fff; padding-left:55px; text-decoration:none;}
#sub-header #pageheader #view-portfolio h3 a:hover{color:#FF5A00;}
#sub-header #pageheader #view-portfolio h3 #miniportbtn {color:#fff; text-decoration:none; cursor:pointer;}
/*---------case studies--------------*/
#sub-header #pageheader-cs { clear:both; height:308px; width:1001px; overflow:hidden; }
#sub-header .case-study28 {background:url(../images/page-case-studies/page-case-studies-EIA.jpg) no-repeat top left;}
#sub-header .case-study29 {background:url(../images/page-case-studies/page-case-studies-EC.jpg) no-repeat top left;}
#sub-header .case-study30 {background:url(../images/page-case-studies/page-case-studies-SC.jpg) no-repeat top left;}
#sub-header .case-study31 {background:url(../images/page-case-studies/page-case-studies-MK.jpg) no-repeat top left;}
#sub-header .case-study32 {background:url(../images/page-case-studies/page-case-studies-LD.jpg) no-repeat top left;}
#sub-header .case-study33 {background:url(../images/page-case-studies/page-case-studies-CH.jpg) no-repeat top left;}
#sub-header #pageheader-cs #col1 { float:left; width:590px; height:216px; overflow:hidden; margin:23px 10px 0 20px; padding:0px 0; }
#sub-header #pageheader-cs #col1 h1 { color:#fff; font-size:4em; font-weight:400; margin:0; line-height:1.9em;}
#sub-header #pageheader-cs #col1 h2 { color:#fff; font-size:2.0em; line-height: 100%; font-weight:normal; margin-top:0px;}
#sub-header #pageheader-cs #col1 h2 strong { color:#fff;}
#sub-header #pageheader-case-studies #col2 { float:left; height:193px; margin:47px 0px 0 120px; }
#sub-header #pageheader-cs #view-portfolio {margin-left:397px; margin-top:34px;}
#sub-header #pageheader-cs #view-portfolio h3 {color:#fff; margin-top:3px; font-size:140%;}
#sub-header #pageheader-cs #view-portfolio h3 a{color:#fff; padding-left:55px; text-decoration:none;}
#sub-header #pageheader-cs #view-portfolio h3 a:hover{color:#FF5A00;}
#sub-header #pageheader-cs #view-portfolio h3 #miniportbtn {color:#fff; padding-left:55px; text-decoration:none; cursor:pointer;}
#miniport { height: 0px; position: relative;  background-image: url(../images/miniportback.gif); background-repeat: none; overflow: hidden;}
#miniportclose {float: right; display: inline; color: white; margin:35px 30px 0px; font-weight: normal; cursor: pointer;}
#miniport h3 {margin: 25px 0px 2px 30px; color:#fcfcfc; font-size:1.6em;}
#miniport h4 {margin: 0px 0px 0px 30px; color:#FF5A00; font-size:1.4em;}
#miniport .mpholder {margin: 4px auto 0 auto; }
#miniport .mpholder li {margin-right:0px; }
#miniportprev {position: absolute; cursor: pointer; top: 130px; left: 30px; width:23px; height: 23px; background-image: url(../images/miniport-prev.gif);}
#miniportnext {position: absolute; cursor: pointer; top: 130px; right: 30px; width:23px; height: 23px; background-image: url(../images/miniport-next.gif);}
#miniport2, #miniport3, #miniport4, #miniport5, #miniport6, #miniport7 { height: 0px; position: relative; overflow: hidden;}
#miniportclose2, #miniportclose3, #miniportclose4, #miniportclose5, #miniportclose6, #miniportclose7 {float: right; display: inline; background-color:#eee; padding:3px; color: #FF5A00; font-weight: normal; cursor: pointer;}
#contactform {
	display: none;
	height: 173px;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	background:url("../images/call-back-shadow.jpg") repeat-x scroll center bottom #444444;
}
#contactform #container{
	margin:0 auto; width: 860px; color: #fff;
}
#contactform #container h3{
	color: #fff;
	font-size:1.8em;
	margin-bottom:6px;
}
#contactform #container form {color: #fff; overflow:hidden;}
#contactform #container div.field {float: left; display: inline; margin-right: 20px; margin-top:10px; width: 375px;}
#contactform #container label {width: 80px; float: left; clear: left;}
#contactform #container .error {overflow:hidden; margin-bottom:20px;}
#contactform #container .error li {float:left; width:320px;}
#contactform #container #close, #additionalcontent #container #close {display: block; float:right; margin-right:20px; margin-top:9px;}
#contactform #container #contactformclose {color: #fff; font-weight:bold;}
#contactform #container #callType {width:268px;}

#additionalcontent {
	display: none;
	height: 195px;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	background:url("../images/call-back-shadow.jpg") repeat-x scroll center bottom #444444;
}
#additionalcontent #container{
	margin:0 auto; width: 1000px; height:155px; color: #fff;
	padding:0 40px;
	background:url("../images/additionalbg.gif") no-repeat center center;
}

#additionalcontent #container .addcontent{
	margin:0 auto;
	width:920px;
}


#additionalcontent #container h1{
	color: #fff;
	font-size:2.7em;
	margin-bottom:6px;
	font-weight:normal;
}

#additionalcontent #container h2{
	color: #fff;
	font-size:1.9em;
	margin-bottom:6px;
	font-weight:normal;
}


#sub-content #col1 #contactForm div.field {display: block; margin:20px;}
#sub-content #col1 #contactForm label {display:block;}
#sub-content #col1 #contactForm input { border:1px solid #d5d5d5; padding:5px;}
#sub-content #col1 #contactForm textarea { border:1px solid #d5d5d5; padding:5px;}
#sub-content #col1 #directionsForm div.field {}
#sub-content #col1 #directionsForm label {padding-right:10px;}
#sub-content #col1 #directionsForm input {border:1px solid #d5d5d5; padding:5px;}
#sub-content #col1 #directionsForm input.submit {padding:4px}
/* -------  Content  -------- */
#articles { padding:15px 30px 20px 30px; width:940px; }
#articles div.cols { width:245px; min-height:245px; }
#articles #col1 { border-right:1px dotted #d5d5d5; float:left; padding:5px 50px 0 0; margin:0 50px 35px 0; }
#articles #col1 .news{ z-index:300px; }
#articles #col1 li { max-height:180px !important; }
#articles #col1 .news-thumbnail {display:none;}
#articles #col2 { border-right:1px dotted #d5d5d5; float:left; padding:5px 50px 0 0; margin:0 50px 35px 0; }
#articles #col2 li { max-height:180px !important; }
#articles #col3 { float:left; padding:5px 0 0 0; margin:0 0 35px 0; }
#articles h2 { font-size:2.4em; line-height:1.5em; font-weight:normal; margin:0; color:#ff6c00;}
#articles h3 { font-size:1.3em; margin:10px 0 10px 0; color:#000000; }
#articles .item { color:#615F5F; }
#articles .item a {background:transparent url(../images/home-more-btn.gif) no-repeat scroll left 0px; color:#FFFFFF; display:block; font-size:10px; height:15px; overflow:hidden; line-height:14px; margin:10px 0px 50px 0px; padding:0 22px 0 5px; text-decoration:none; width:92px; }
#articles .item a:hover {background-position:left -15px}
#whatwevedone #col1 .item {padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #d5d5d5;}
#whatwevedone #col1 .item .headline {padding-top:10px; font-weight:bold; font-size:13px; color:#FF5A00;}
#whatwevedone #col1 .item .headline span { color:#000000; line-height:20px; }
#whatwevedone #col1 .item .headline span span { color:#FF5A00; }
a {color:#FF5A00; text-decoration:none;}
a:hover {text-decoration:underline;}
#social-bm { overflow:hidden; margin:20px; background:url(../images/home-services-bg.gif) no-repeat left top; width:965px; height:510px;}
#social-bm a {background:transparent url(../images/home-more-btn.gif) no-repeat scroll left 0px; color:#FFFFFF; display:block; float:left; font-size:10px; height:15px; overflow:hidden; line-height:14px; margin:17px 0 0; padding:0 22px 0 5px; text-decoration:none; width:92px; }
#social-bm a:hover {background-position: 0px -15px;}
#social-bm p {line-height:135%; font-size:107%;}
#social-bm #design { width:439px; height:214px; background:url(../images/home-serv-design.jpg) no-repeat scroll right top transparent; float:left; margin:23px 0 0 28px;}
#social-bm #design .title { padding:15px 0 0 20px; width:220px; }
#social-bm #design .copy{ padding-left:20px; width:185px; }
#social-bm #mobile { width:439px; height:214px; background:url(../images/home-serv-mobile.jpg) no-repeat right top; float:left; margin:28px 0 0 28px;}
#social-bm #mobile .title { padding:15px 0 0 20px; width:190px; }
#social-bm #mobile .copy{ padding-left:20px; width:185px; }
#social-bm #dev { width:439px; height:214px; background:url("../images/home-serv-software.jpg") no-repeat scroll right top transparent; float:left; margin:23px 0 0 28px;}
#social-bm #dev .title { padding:15px 0 0 20px; width:190px; }
#social-bm #dev .copy{ padding-left:20px; width:185px; }
#social-bm #social { width:439px; height:214px; background:url(../images/home-serv-marketing.jpg) no-repeat right top; float:left; margin:28px 0 0 28px;}
#social-bm #social .title { padding:15px 0 0 20px; width:190px; }
#social-bm #social .copy{ padding-left:20px; width:185px; }
#social-bm h2 { font-size:2.0em; margin:0 0 7px 0; line-height:1.1em;}
#social-bm p { color:#615f5f;}
#sub-content { padding:23px 30px 20px 30px; width:1001px; }
#sub-content #col1 { float:left; margin:0 31px 35px 0; padding:22px 13px 0 25px; width:570px; }
#sub-content #col1 p{line-height:1.6em; margin:0 0 15px 0; font-size:1.15em; }
#sub-content #col1 li {line-height:1.6em; margin:0 0 15px 0; font-size:1.15em; }
#sub-content #col2 { background:url(../images/internal-right-col.jpg) top no-repeat; float:left; padding:26px 26px 0 26px; width:248px; margin:0 0 45px 0; }
#sub-content #social-bm { background:url(../images/bg-social-bm.gif) no-repeat; clear:both; padding:25px 0; height:80px; }
#sub-content h2 { font-size:2.5em; font-weight:400; margin:0 0 10px 0px; line-height:120%; color:#FF5A00; }
#sub-content h3 { font-size:1.8em; line-height:1.2em; margin:0 0 25px 0; font-weight:800;}
#sub-content h3 strong{ color:#000000;}
#sub-content h3 strong em { color:#484848; font-size:120%;}
#highlightbox {border-top: 3px solid #dedede; padding-top:10px; cursor:pointer;}
#sub-content h4 { font-size:1.5em; margin:15px 0 19px; color:#FF5A00; font-weight:normal;}
#sub-content hr { background:url(../images/content_sep.jpg) top no-repeat; height:28px; width:500px; border:none; margin-top:30px; clear:both;}
#sub-content .page-bottom-btns ul {list-style:none; padding:0px; margin:0px;}
#sub-content .page-bottom-btns ul li{background:url(../images/page-bottom-links-bg.gif) repeat-x; display:block; height:30px; margin:0 !important; padding:7px 0 2px 15px !important; }
#sub-content .page-bottom-btns ul li .text{width:430px; float:left;}
#sub-content .page-bottom-btns ul li a { background:transparent url(../images/home-more-btn.gif) no-repeat scroll left 0; color:#FFFFFF; display:block; float:right; font-size:10px; height:15px; line-height:14px; margin:3px 5px 0; overflow:hidden; padding:0 15px 0 5px; text-decoration:none; width:92px; margin-top:5px; }
#sub-content .page-bottom-btns ul li a:hover { background-position:0 -15px; }
#sub-content a.find-more {background:url("../images/home-more-btn.gif") no-repeat scroll right 0 transparent; color:#FFFFFF; display:block; font-size:10px; height:15px; line-height:14px; margin:17px 0 0; overflow:hidden; padding:0 0px 0 5px; text-decoration:none; width:92px;}
#sub-content a.find-more:hover {background-position:right -15px}
#photoblock {border:3px solid #dedede; float:left; margin:0px 7px 7px 0px;}
#port-content { clear:both; padding-top:0 !important; width:1001px; }
#port-content #col-single { padding:5px 0px 0 0px; margin:0 0 35px 0; }
#miniportbtnbox {overflow: hidden; cursor: pointer;}
#rightTestimonial { border:1px solid #DFDFDF; margin:0 auto 15px; padding:15px; }
#rightTestimonial p { padding:0 10px; }
#rightTestimonial h4 { color:#FF5A00; font-family:verdana,arial; font-size:21px; font-weight:normal; margin:0 0 15px; }
#rightTestimonial .item { padding:0 10px; }
#rightTestimonial .headline { padding-top:10px; }
#rightTestimonial .headline span { color:#000000; font-size:13px; font-weight:bold; line-height:20px; }
#rightTestimonial .headline span span { color:#FF5A00; }
.news {height:220px;overflow:hidden;}
.news ul {list-style:none; margin:0; padding:0;}
.news div.item { margin:0 0 20px 0; }
.news div.item h3 { font-size:1.1em; margin:0 0 5px 0; }
.news div.item a { background:transparent url(../images/moreDetailsBg.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; line-height:16px; height:17px; padding:0 0 0 5px; margin:5px 0 0 0; width:92px; text-decoration:none; }
.news div.item a:hover, .news div.item a:visited { background-position:0 -17px; color:#FF5A00;}
.blog {height:220px;overflow:hidden;}
.blog ul {list-style:none; margin:0; padding:0;}
.blog div.item { margin:0 0 20px 0; }
.blog div.item h3 { font-size:1.1em; margin:0 0 5px 0; }
.blog div.item a { background:transparent url(../images/moreDetailsBg.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; line-height:16px; height:17px; padding:0 0 0 5px; margin:5px 0 0 0; width:92px; text-decoration:none; }
.blog div.item a:hover, .news div.item a:visited { background-position:0 -17px; color:#FF5A00;}
#article-lists ul {list-style:none; padding:10px; margin:20px;}
#article-lists li{background:url("../images/content_sep.jpg") no-repeat scroll center bottom; padding-bottom:60px; overflow:hidden;}
#article-lists li h3{margin:0px; font-size:160%;}
#article-lists li a {display:block;}
#article-lists li .item {clear:both;}
#article-lists li .item .news-thumbnail {width: 150px; float:left;}
#article-lists li .item .news-details {width: 360px; float:left;}
#article-lists .articleContent ul {list-style:disc}
#article-lists .articleContent li {background:none; padding-bottom:10px;}
#article-lists .articleContent li a {display:normal;}
.articleComments .field {margin-bottom:10px;}
.articleComments .buttons {margin-bottom:10px;}
.articleComments .field label {width:200px; float:left;}
.articleComments .field input {border:1px solid #d5d5d5; padding:5px;}
.articleComments .field textarea {border:1px solid #d5d5d5; padding:5px;}
.articleComments .buttons input {border:1px solid #d5d5d5; padding:4px}
.comment {border-top:1px dotted #d5d5d5; padding-top:10px; margin-bottom:10px;}
.comment p.name {margin:0px !important;}
.comment p.date {font-size:95% !important; color:#c0c0c0;}
.twitter {overflow:hidden;}
.twitter ul {list-style:none; margin:0; padding:0;}
.twitter div.item { margin:0 0 20px 0; }
.twitter div.item h3 { font-size:1.1em; margin:0 0 5px 0; }
.twitter div.item a { background:transparent url(../images/moreDetailsBg.gif) no-repeat; color:#FFFFFF; display:block; font-size:11px; line-height:16px; height:17px; padding:0 0 0 5px; margin:5px 0 0 0; width:92px; text-decoration:none; }
.twitter div.item a:hover, .news div.item a:visited { background-position:0 -17px; color:#FF5A00;}
#newsnav {float:right;width:40px;height:20px; z-index:500;}
.next {float:left;width:20px;height:100%;cursor:pointer;background:transparent url(../images/navup.gif) no-repeat center center;}
.prev {float:left;width:20px;height:100%;cursor:pointer;background:transparent url(../images/navdn.gif) no-repeat center center;}
.blog-next {float:left;width:20px;height:100%;cursor:pointer;background:transparent url(../images/navup.gif) no-repeat center center;}
.blog-prev {float:left;width:20px;height:100%;cursor:pointer;background:transparent url(../images/navdn.gif) no-repeat center center;}
#clients ul {list-style: none; padding:0; margin:0;}
#clients li {display:inline; width:120px; color: #999; padding:10px; border-right: 1px solid #dedede; font-size:120%; line-height:260%; font-weight:normal;}
/* -------  Footer  -------- */
#footer { clear:both; width:1001px; margin:0 auto; padding-top:30px; min-height:200px; background: url(../images/footer_bg.jpg) no-repeat top center;}
#footer #footeraddress {width:900px; margin:0 auto; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #5c5c5c;}
#footer #footercontainer { width:1001px; margin:0 auto;}
#footer #footercontainer ul { list-style:none; }
#footer #footercontainer ul li { padding:2px 0; float:left; margin-right:85px; }
#footer #footercontainer ul ul { padding:0; }
#footer #footercontainer ul li ul li { padding:2px 0; float:none; margin-right:0; }
#footer #footercontainer ul li.sectionhead { font-weight:bold; padding:0 0 15px 0; }
#footer #footercontainer ul li a:link, #footer ul li a:visited { color:#000000; font-size:13px; text-decoration:none; font-weight:bold; }
#footer #footercontainer ul li a:hover { color:#747472; text-decoration:underline; }
#footer #footercontainer ul li ul li a:link, #footer ul li ul li a:visited { color:#000000; font-size:13px; text-decoration:none; font-weight:normal; }
#footer #footercontainer li ul li a:hover { color:#747472; text-decoration:underline; }
#copyright { clear:both; font-size:0.72em; color:#c0c0c0; text-align:center; padding:10px 0; margin:45px 0 0 0; }
#copyright img{ vertical-align:middle; }
/* -------  SLIDESHOW  ------- */
#slideshow { width: 1001px; background:#FF5A00; overflow:hidden; height:469px;}
#slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */}
#slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}            
/* -------  SLIDESHOW > SLIDES  ------- */
/*#slideshow .slides { overflow: hidden; width: 961px;}*/
#slideshow .slides ul { /*width: 2880px;*/ height:403px;}
#slideshow .slides li { width: 1001px; height:403px; float: left; color:#ffffff; }
#slideshow .slides .text { float:left; width:500px; margin:40px 55px;}
#slideshow .slides .text a:link, #slideshow .slides .text a:visited { color:#fedaa6; font-size:13px; text-decoration:none; }
#slideshow .slides .text a:hover { color:#fedaa6; text-decoration:underline; }
#slideshow .slides .text h1 { font-size:3.5em; font-weight:normal; line-height:100%; margin:0 0 20px 0; }
#slideshow .slides .text h2 { font-size:2.1em; font-weight:normal; line-height:105%; margin:0 0 20px 0; }
#slideshow .slides .text h3 { font-size:1.6em; font-weight:400; }
#slideshow .slides .img { float:right; width:441px; overflow:hidden;}
#slideshow .slides li#slide-1 { background:url(../images/home-case-studies/home-cs-exeter-airport2.jpg) no-repeat top right; }
#slideshow .slides li#slide-2 { background:url(../images/home-case-studies/HomePage-CaseStudies-EC.jpg) no-repeat top right; }
#slideshow .slides li#slide-3 { background:url(../images/home-case-studies/HomePage-CaseStudies-SC.jpg) no-repeat top right; }
#slideshow .slides li#slide-4 { background:url(../images/home-case-studies/HomePage-CaseStudies-MK.jpg) no-repeat top right; }
#slideshow .slides li#slide-5 { background:url(../images/home-case-studies/HomePage-CaseStudies-LD.jpg) no-repeat top right; }
#slideshow .slides li#slide-6 { background:url(../images/home-case-studies/HomePage-CaseStudies-CH.jpg) no-repeat top right; }
/* -------  SLIDESHOW > NAVIGATION  ------- */
#prev, #next {float:left;width:30px;height:100%;cursor:pointer;}
#prev {background:url(../images/home-cs-l-arrow.gif) no-repeat top left; margin-left:5px;}
#next {background:url(../images/home-cs-r-arrow.gif) no-repeat top left;}
#slideshow #slides-nav-container {background: url(../images/home-cs-logos-bg.gif) no-repeat top left; height:65px; width:1001px; border-top:2px solid #ffffff; }
#slideshow #slides-nav-container .slides-nav { height:56px; width:655px; /*margin-left:30px;*/ float:left; }
#slideshow #slides-nav-container #slides-nav-more{ float:right; padding-right:24px; text-align:right; width:227px;}
#slideshow #slides-nav-container #slides-nav-more a{ background:transparent url(../images/home-cs-more-arrow.gif) no-repeat scroll right top; color:#FFFFFF; display:block; padding:12px 35px 10px 20px;}
#slideshow #slides-nav-container #slides-nav-more a:hover{ text-decoration:underline; }
#slideshow #slides-nav-container .slides-nav li {float: left; padding-right:5px;}
#slideshow #slides-nav-container .slides-nav li a {display: block; padding:0px}
.js #slideshow #slides-nav-container .slides-nav li.on,
.js #slideshow .slides-nav li.on a {}
.js #slideshow #slides-nav-container .slides-nav li.on a { position: relative; top: 0px;}
/* -------  Show Hide elements  ------- */
.sh_container {
border-bottom:1px solid #dfdfdf;
margin-top:5px;
}
.sh_container a {cursor:pointer;cursor:hand;}

a.website {
background:url("../images/sh-arrow-small.gif") no-repeat scroll right 2px transparent;
padding-right:14px;
cursor:pointer;cursor:hand;
}
.sh_container h2.expand{
display:block;
background:url(../images/sh-arrow-down.gif) no-repeat right 15px;
cursor:pointer;cursor:hand;
}
.sh_container h2.active{
background:url(../images/sh-arrow-right.gif) no-repeat right 15px;
cursor:pointer;cursor:hand;
}

#smboxes {
float:left;
height:200px;
margin-right:15px;
}
#appbox {float:left; width:100%; clear:both;}
#appphoto {float:left; width:220px; overflow:hidden;}
#apptext {float:right; width:280px;}