@charset "utf-8";
/* CSS Document */

/*main*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #515050;
	margin: 0 ;
	background: #ffffff url("../images/body-bg.gif") repeat-x top left;
	padding: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color:#3e73a5;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: none;
	color:#1f5e99;
}

h1 {font-size: 1em; color:#a9a8a8; margin: 5px 8px 0px 0px; padding: 0px; font-weight: normal; text-transform: uppercase; text-align: right;}
h2 {font-size: 1.6em;color:#2c5b8a;margin: 0px 0px 10px 0px;padding: 6px 0px 10px; border-bottom: 4px solid #ececec; }
h3 {font-size: 1.2em;color:#2c5b8a;margin: 5px 0px 0px;padding: 6px 0px; }
h4 {font-size: 1.2em;color:#2c5b8a;margin: 5px 0px 0px;padding: 6px 0px; }
h5 {color:#2974ae;font-size: 1.1em;margin: 0px;margin-right: 4px;padding: 3px;background: #c1daef;}
h6 {text-align: left;color:#1286c2;font-size: 1.2em;margin: 0px;padding: 0px;}

/*content*/

#body2 {background: url("../images/body2-bg.jpg") no-repeat top center; }
#container { margin: auto; width:1016px; overflow: auto; height: 100%;}

/*header*/
#header {height: 127px; margin: 0px; padding: 0px; }
#header-right { float: right; width: 680px;}

#logo {float: left; width: 265px; height: 89px; padding: 20px 0px 0px 30px;}
#logo a {display: block; width: 265px; height: 89px; text-indent: -9999px;}

#topnav { margin: 0px; height: 41px; padding: 40px 22px 0px 0px;}
#topnav ul {margin:0px; padding:0px;}
#topnav li { list-style:none; padding:0px; float:right;}
#topnav li.who { width:83px; height:26px;}
#topnav li.who a {background: url("../images/topwho_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:83px; height:26px;}
#topnav li.services { width:58px; height:26px; margin-left: 26px;}
#topnav li.services a {background: url("../images/topservices_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:58px; height:26px;}
#topnav li.testimonial { width:93px; height:26px;margin-left: 19px;}
#topnav li.testimonial a {background: url("../images/toptest_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:93px; height:26px;}
#topnav li.case { width:89px; height:26px;margin-left: 22px;}
#topnav li.case a {background: url("../images/topcase_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:89px; height:26px;}
#topnav li.family { width:109px; height:26px;margin-left: 23px;}
#topnav li.family a {background: url("../images/topfamily_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:109px; height:26px;}
#topnav li.contact { width:80px; height:26px; margin-left: 23px;}
#topnav li.contact a {background: url("../images/topcont_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:80px; height:26px;}
#topnav li a:hover {background-position: bottom center;}

/*image-rotate*/
#image-rotate {padding: 17px 0px 0px 30px; height: 317px;}

/*boxes*/
#boxes { height: 240px; padding: 28px 0px 0px 28px; background: url("../images/boxes-bg.jpg") no-repeat top left;}
#boxes a {padding: 8px 0px 7px 15px; margin-top: 15px; width: 169px; display: block; font-weight: normal;}
#boxes a:hover {background-position: bottom left;}
#boxes p { margin: 0px; padding: 0px; color: #ffffff; text-align: justify; font-size: 1.1em;}
#creative-box {background: url("../images/creativebox-bg.gif") no-repeat top left; height: 154px; width: 150px; padding: 75px 30px 0px 15px; float: left;}
#creative-box a { color: #8d0e10; background: url("../images/creative-box-a.gif") no-repeat top left; }
#mandc-box {background: url("../images/mandcbox-bg.gif") no-repeat top left; height: 154px; width: 150px; padding: 75px 30px 0px 15px; float: left; color: #282828;}
#mandc-box a { color: #ffffff; background: url("../images/mandc-box-a.gif") no-repeat top left; }
#mandc-box p {color:#282828;}
#poster-box {background: url("../images/posterbox-bg.gif") no-repeat top left; height: 154px; width: 150px; padding: 75px 30px 0px 15px; float: left;}
#poster-box a { color: #435711; background: url("../images/poster-box-a.gif") no-repeat top left; }
#screen-box {background: url("../images/screenbox-bg.gif") no-repeat top left; height: 154px; width: 150px; padding: 75px 30px 0px 15px; float: left;}
#screen-box a { color: #3a6289; background: url("../images/screen-box-a.gif") no-repeat top left; }
#stunt-box {background: url("../images/prstuntsbox-bg.gif") no-repeat top left; height: 154px; width: 150px; padding: 75px 30px 0px 15px; float: left;}
#stunt-box a { color: #2a2624; background: url("../images/stunts-box-a.gif") no-repeat top left; }


/*home-content*/
#home-content-top { height: 20px; background: url("../images/home-content-top-bg.gif") no-repeat top left; }
#home-content-mid { background: url("../images/home-content-mid-bg.gif") repeat-y top left; padding: 5px 28px 10px;}
#home-content-mid p {text-align: justify; padding: 6px 0px; margin:0px; font-size: 1.1em; color: #515050;}
#home-content-mid ul {font-size: 1.1em;}
#home-content-bot { height: 23px; background: url("../images/home-content-bot-bg.gif") no-repeat top left; }
.lightblue {color: #4f86b8; font-weight: normal;}

#container p.rightcontact { height: 49px; margin: 5px 0px 0px 587px; width: 372px; padding: 0px;}
#container p.rightcontact a { display: block; background: url("../images/contact-right-btn.gif") no-repeat top left; height: 49px; text-indent: -9999px;}
#container p.rightcontact a:hover { background-position: bottom left;}
#container p.viewwebsite { height: 49px; margin: 5px 0px 0px 587px; width: 372px; padding: 0px;}
#container p.viewwebsite  a { display: block; background: url("../images/viewsite-right-btn.gif") no-repeat top left; height: 49px; text-indent: -9999px;}
#container p.viewwebsite  a:hover { background-position: bottom left;}

/*client-box
#client-box {background: url("../images/clientbox-bg.gif") no-repeat top left; padding: 60px 0px 0px 60px; height: 108px; }

#client-box ul {margin:0px; padding:0px;}
#client-box li { list-style:none; padding:0px; float:left;}
#client-box li.canon { width:181px; height:65px;}
#client-box li.canon a {background: url("../images/canon_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:181px; height:65px;}
#client-box li.calvin { width:216px; height:65px; margin-left: 44px;}
#client-box li.calvin a {background: url("../images/calvin_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:216px; height:65px;}
#client-box li.microsoft { width:230px; height:65px;margin-left: 44px;}
#client-box li.microsoft a {background: url("../images/microsoft_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:230px; height:65px;}
#client-box li.google { width:157px; height:65px; margin-left: 44px;}
#client-box li.google a {background: url("../images/google_bg.gif") no-repeat top center;display: block; text-indent: -9999px; width:157px; height:65px;}
#client-box li a:hover {background-position: bottom center;}*/

/*scroller*/
#brand_scroller{
	background: url("../images/clientbox-bg.gif") no-repeat top left;
	height: 103px;
	margin: 0px;
	overflow: hidden;
	padding: 65px 0px 0px 50px;
}

#homepage_brands_window {
    height:65px;
	overflow:hidden;
	clear:both;
	width:914px;
}

#homepage_brands_window ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	width:1204px;
}

#homepage_brands_window li {
	float:left;
	display:block;
}

#homepage_brands_window li img {border: none;}

#homepage_brands_window ul {margin:0px; padding:0px;}
#homepage_brands_window li { list-style:none; padding:0px 20px; float:left;}

#homepage_brands_view {
  display:none;
}

/*lightbox*/
#overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); *background: #fff; *filter: alpha(opacity=80); display: none; z-index:9999; }
#lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 10px; background: #fff; width: 600px; height: 400px; margin: -200px 0 0 -300px; display: none; z-index:10000; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#lightbox.loading { background: #fff url('/images/loading-lightbox-demo.gif') no-repeat 50% 50%; }
#lightbox a.close { color: #111; background: #fff; position: absolute; right: 0; top: 0; display: block; font-size: 10px; z-index: 5; padding: 8px 14px 4px 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#lightbox a.prev, #lightbox a.next { position: absolute; top: 50%; left: 0; padding: 5px; background: #; margin-top: -0.5em; width: 6em; text-align: center; opacity: 0.5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-indent: -9999px;}
#lightbox a.next { left: auto; right: 0; }
#lightbox a:hover.prev, #lightbox a:hover.next { opacity: 1; background: #fff; text-indent: 0px;}
.noborder {border: none; margin-right:15px;}


/*connect*/
#connect {background: url("../images/connect-bg.gif") no-repeat top center; padding: 8px 20px 0px 0px; height: 37px; margin: 10px 0px;}

#connect ul {margin:0px; padding:0px;}
#connect li { list-style:none; padding:0px; float:right;}
#connect li.facebook { width:87px; height:28px;}
#connect li.facebook a {background: url("../images/facebook_logo.gif") no-repeat top center;display: block; text-indent: -9999px; width:87px; height:28px;}
#connect li.twitter { width:90px; height:28px; margin-left: 23px;}
#connect li.twitter a {background: url("../images/twitter_logo.gif") no-repeat top center;display: block; text-indent: -9999px; width:90px; height:28px;}
#connect li.linked { width:104px; height:28px;margin-left: 23px;}
#connect li.linked a {background: url("../images/linkedin_logo.gif") no-repeat top center;display: block; text-indent: -9999px; width:104px; height:28px;}
#connect li a:hover {background-position: bottom center;}

/*footer*/
#footer { text-align: right; padding-bottom: 15px;}
#footer p { color: #b3b4b4; margin: 5px 0px; padding: 0px 18px 4px;}
#footer img {margin: 8px 0px 4px 10px; border: none;}
#footer a { font-weight: normal; padding: 0px 10px;}
#footer a.end {padding-right: 0px;}

/*services*/
#tempcontent2 .servicesbox { background: url("../images/servicesbox-bg.gif") no-repeat bottom left; height: 201px; padding: 10px 40px 0px 30px; margin: 10px 0px;}
#tempcontent2 .servicesbox img { float: left; padding-top:20px; border: none;}
#tempcontent2 .servicesbox p { float: right; width: 530px;}
#tempcontent2 .servicesbox h4 { float: right; width: 530px;}

#tempcontent2 form.contact1 {float:left; width: 450px; height: 400px; padding: 30px 0px 0px 30px; background: url("../images/contactform-bg.gif") no-repeat bottom left;}
#tempcontent2 form.contact1 p {font-size: 1em;}
#contact-box {height: 440px;}
#contact-details {float: right; width: 460px; margin-right: 10px;}
#contact-details h4 {border-bottom: 2px solid #ececec; margin-bottom: 10px; font-size: 1.1em; color: #515050;}
#contact-details h3 {border-bottom: 2px solid #ececec; margin-bottom: 10px; font-size: 1.3em; color: #515050;}
#map { border: 4px solid #efefef; margin:8px;}

#tempcontent2 p.backtoserv {float: left;margin-top: 13px;}

#caselogo {float: right; margin-left: 50px;}
#tempcontent2 p.campaign {width: 650px;}
.caselogoleft {margin: 20px 0px 0px 40px;}

/*classes*/
.darkblue { color: #202e46; font-weight: bold; }
abbr { font-style:italic;}
.keytitle { border-bottom: 1px dotted #515050;}
.port-thumb {vertical-align: middle; }
.bigtext {font-size: 1.7em; color: #3e73a5;}
.groupinvolve {border: 1px solid #e6e6e6; padding: 10px; margin: 10px 0px 0px;}
.team-member {border: 1px solid #e6e6e5; border-bottom: 4px solid #e6e6e5; padding:10px; margin-top: 10px;}

/*team*/
#theteam {height: 100%; overflow: auto;}
.teamscott {background: url("../images/scott.jpg") no-repeat bottom left; width: 266px; height: 95px; padding: 255px 20px 0px; float: left; margin: 10px 20px 10px 0px;}
.teamscott:hover {background-position: bottom left;}
.teamjon {background: url("../images/jon.jpg") no-repeat bottom left; width: 266px; height: 95px; padding: 255px 20px 0px; float: left; margin: 10px 20px 10px 0px;}
.teamjon:hover {background-position: bottom left;}
.teamchris {background: url("../images/jon.jpg") no-repeat bottom left; width: 266px; height: 95px; padding: 255px 20px 0px; float: left; margin: 10px 0px 10px 0px;}
.teamchris:hover {background-position: bottom left;}
.teamleighann {background: url("../images/leighann.jpg") no-repeat bottom left; width: 266px; height: 95px; padding: 255px 20px 0px; float: left; margin: 10px 20px 10px 0px;}
.teamleighann:hover {background-position: bottom left;}
.teamcarl {background: url("../images/carl.jpg") no-repeat bottom left; width: 266px; height: 95px; padding: 255px 20px 0px; float: left; margin: 10px 20px 10px 0px;}
.teamcarl:hover {background-position: bottom left;}
.teamchantelle {background: url("../images/chantelle.jpg") no-repeat bottom left; width: 266px; height: 95px; padding: 255px 20px 0px; float: left; margin: 10px 0px 10px 0px;}
.teamchantelle:hover {background-position: bottom left;}
.teamnikola {background: url("../images/nikola.jpg") no-repeat bottom left; width: 266px; height: 95px; padding: 255px 20px 0px; float: left; margin: 10px 0px 10px 0px;}
.teamnikola:hover {background-position: bottom left;}

/*slideshow*/

ul#portfolio {list-style:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}

/*template pages*/
#tempcontent {background: url("../images/tempcont-bg.gif") repeat-y top left; }
#tempcontent2 {background: url("../images/tempcont2-bg.gif") no-repeat top left; padding: 20px 28px 10px;}
#tempcontent2 p {text-align: justify; padding: 6px 0px; margin:0px; font-size: 1.1em; color: #515050;}

/*video*/
#videobox { background: url("../images/video-bg.gif") no-repeat top left; height: 350px; padding-top: 30px; margin: 10px 0px;}
#videobox p {text-align: center; padding-top:15px;}
#videopw {margin: 0px 0px 0px 225px;}

/*news*/
#news-home {background: url("../images/news-home-bg.gif") no-repeat top left; width: 960px; height: 165px; margin-top: 15px; padding: 60px 0px 0px 20px;}
.news-item {width: 426px; float: left; margin: 0px 20px 13px 0px; background: #f8f7f7; padding: 10px; height: 85px; border: 1px solid #ffffff;}
#news-home p { margin: 0px; padding: 2px 0px;}
#news-home h3 {clear: both; margin: 10px 55px 0px; padding: 0px 0px 0px 12px; text-align: right;}
#news-home h3 a {color: #515050;}
#news-home h3 a:hover { color: #1f5e99;}