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

/* GENERAL */
*{margin:0; padding:0; font:normal;outline:none;}
body{font:normal 13px Arial, Helvetica, sans-serif;color:#38405A;}

.feedback {position:absolute; left:95.6%; top:120px; z-index:10000;}
.feedback .img {height:106px; width:54px;}
.feedback a .img  {cursor:pointer; background: #ECECEC url(../img/feedback_btn.gif) no-repeat;}
.feedback a:hover .img {background:#ECECEC url(../img/feedback_btn2.gif) no-repeat;}

img{border:none;}
h1{font-size:34px;color:#024BA3;line-height:1em;}
h2{clear:none;font:normal 38px "Arial Narrow",arial,helvetica,sans-serif;color:#FF5E00;line-height:1em;margin:0.2em 0;}
h4{font:bold 14px Arial, Helvetica, sans-serif; color:#FF6E00; margin-top: 0.1em; margin-right: 0; margin-bottom: 0.1em; margin-left: 0;}
p{line-height:1.35em}
a{color:#024194;text-decoration:none}
a:hover{color:#0283E4}
a.opacy {filter:alpha(opacity=100); opacity: 10; text-decoration:none;}
a.opacy:hover {filter: alpha(opacity=60); opacity: .60;}
ul{list-style:none;}
li{text-indent:0;}
ul.simple-list {list-style:none;}
ul.simple-list li{display:block;margin:.12em 0;background:url(../img/bullet_simple-list.gif) no-repeat left 2px;padding-left:12px;font-weight:bold}
ul.features{list-style:none;}
ul.features li{margin:11px 0;background:url(../img/bull_features.png) no-repeat left 2px; padding-left:20px;}
ul.bullets{padding-top:10px;}
ul.bullets li{background:url(../img/bull_regular.gif) no-repeat left center; padding:10px 0 10px 29px;border-bottom:1px solid #E2E5E7}
ul.large-bullets li{background:url(../img/ic_large-bullet.jpg) no-repeat left center;padding:12px 0 16px 65px;border-bottom:1px solid #E2E5E7}
ul.large-bullets h4{color:#025DB6};

.h-line{border-top:1px solid #E5E7E9;height:1px;margin:0.7em 0}
.text-input{border:1px solid #DEE1EA;color:#38405A;	padding:3px 0 0 4px;height:17px;font:normal 13px Arial, Helvetica, sans-serif;}
.remark{font-size:11px;color:#666666;}
.icon{float:left;margin-right:5px;}
.icon-right{float:left;width:225px;}
p.breadcrumb {font-size:11px; text-transform:uppercase; color:#52697B;font-weight:normal; display:inline;}
h1.lead{font-size:11px;color:#52697B;font-weight:normal; text-transform:uppercase; display:inline;}
h1.lead span {display:none;}
.text p{padding:0.5em 0}
p.highlight{font-size:16px;color:#024194;line-height:1.3em;padding-bottom:0.6em;border-bottom:1px solid #DDE1E5;margin-bottom:0.65em}
.highlight a{color:#0269D5!important;}
.highlight a:hover{color:#024194}

h3.orange {color:#FF6600; text-transform:uppercase; font:16px Arial, Helvetica, sans-serif; font-weight:bold;}
h3.blue {color:#0264BE; text-transform:uppercase; font:16px Arial, Helvetica, sans-serif; font-weight:bold;}
h3.grey {color:#526574; text-transform:uppercase; font:16px Arial, Helvetica, sans-serif; font-weight:bold;}

span.blue{color:#025DB6}
/* WRAPPERS */
#main{background:#ECECEC url(../img/bg_main.jpg) repeat-x top;}
	#header{width:930px;padding:0 15px;background:#FFF url(../img/bg_header.jpg) repeat-x top;margin:auto;overflow:hidden;_height:100%}
		#logo{padding:17px 20px 17px 2px; width:205px;float:left}
		#nav{float:right;text-align:right;width:680px}
			#nav ul{list-style:none;text-indent:0}
			#nav li{display:inline;height:20px;margin-left:10px;}
			#submenu{position:relative;right:0;top:15px}
			#submenu li{padding-right:10px;}
			#phone{position:relative;right:0;top:30px;clear:both}
			#menu{position:relative;right:0;top:50px}
			#menu ul li{border-right:1px solid #D8DCE6;padding-right:10px;padding-top:5px;}
		#shadow{width:960px;height:13px;background:#FFF url(../img/bg_header-shadow.jpg) no-repeat;}
	#content{background:#FFF url(../img/bg_footer_inside.jpg) repeat-x bottom;width:930px;margin:auto;padding:0px 15px 50px;position:relative;z-index:10}

#banner-home {}
.shadowBot {position:absolute;height:17px;margin-bottom:1em;}

#banner-interior{clear:both; height:125px; background:#003399; position:relative;}
		
		/* GRILLA */
		.column-container{overflow:hidden;_height:100%}
		.last-col{margin-right:0!important;}
		.two-col{width:460px;float:left}
		.three-col{width:300px;float:left;margin-right:15px;}
		.three-col_x2{width:615px;margin-right:15px;}
		.four-col{width:222px;margin-right:14px;float:left;}
		.four-col_x3{width:679px;float:left;margin-right:14px;}
		.four-col_x2{width:458px;float:left;margin-right:14px;}
		.eight-col_x3{width:340px;float:left;margin-right:14px;}
		
		.gray-container{border:1px solid #E6E6E6;padding-bottom:0px;}
		.gray-container .gc-inside{border:1px solid #FFF;height:100%;background:#F6F6F6 url(../img/bg_gray-container.jpg) repeat-x top;padding:20px 20px 1.4em 20px;}
		.gray-container .eight-col_x3{width:310px;float:left;margin-right:25px;}
		.orange-container{background:#FF6600 url(../img/bg_orange-container.jpg) repeat-x top;}
		.orange-container .oc-top{background:#FF9700}
		.orange-container .oc-top-left, .orange-container .oc-top-right {float:left;width:5px;height:5px;background:url(../img/corner_left_orange-container.jpg) no-repeat}
		.orange-container .oc-top-right{background-image:url(../img/corner_right_orange-container.jpg);float:right}
		
		#ywcp{width:930px;height:81px;clear:both;margin-top:1em;}
		#ywcp .left{height:81px;width:6px;float:left;background:url(../img/corner_left_ywcp.jpg) no-repeat left top}
		#ywcp .your-website{background:#F6F6F6 url(../img/bg_ywcp.jpg) repeat-x left top;float:left;width:604px;height:81px;}
		#ywcp .center-arrow{float:left;width:39px;height:81px;background:#F6F6F6 url(../img/center_ywcp.jpg) no-repeat;}
		#ywcp .contact-us{float:left;height:81px;width:273px;background:#025CB4 url(../img/bg_ywcp_blue.jpg) repeat-x;}
		#ywcp .right{height:81px;width:8px;float:right;background:url(../img/corner_right_ywcp.jpg) no-repeat left top}
		#bottom-banners{clear:both;height:179px;width:930px;margin-top:1em; background: url(../img/bg_bottom-banners-blue02.jpg) repeat-x #4A78AA;}
		#bottom-banners h3{margin:38px 0 0 5px;}
		#bottom-banners p{margin:0 8px 0 64px;color:#FFF}
		#bottom-banners a.arrow{display:block;background:url(../img/arrow_bottom-banners.jpg) no-repeat right 50px;}
		#bottom-banners a{color:#FFF;text-decoration:none}
		#bottom-banners .icon{float:left;margin:0 5px;}
		#bottom-banners .gray-banner{float:left;background:#5E8BB5 url(../img/bg_bottom-banners-blue02.jpg) repeat-x;width:222px;height:179px;}
		#bottom-banners .sep{float:left;padding:29px 5px 13px;background:#5E8BB5 url(../img/bg_bottom-banners-blue02.jpg) repeat-x;}
		#bottom-banners .fourth-banner{width:231px;height:179px;float:left;}
		#bottom-banners .fourth-banner p{margin:0 15px;}
		p.home-testimonial{font-size:12px;}
		p.home-testimonial-author{font-weight:bold;font-size:14px;margin-top:5px!important;}
		p.home-testimonial-position{font-size:11px}
		#bottom-banners .fourth-banner h3{margin:20px 0 10px 15px;}
		#bottom-banners .blue-banner{float:left;background:#4F6576 url(../img/bg_bottom-banners-blue.jpg) repeat-x;}
		#bottom-banners .blue-banner a.arrow{background-image:url(../img/arrow_bottom-banners_blue.jpg);background-position:right 65px!important;margin-right:10px;}
		#bottom-banners .orange-banner{float:left;background:#FF6600 url(../img/bg_bottom-banners-orange.jpg) repeat-x;}
		#bottom-banners .orange-banner a{background-image:url(../img/arrow_bottom-banners_orange.jpg);background-position:right 65px!important;margin-right:10px;}
	#additional-services .gc-inside{height:142px;}
		#home-design-showcase{color:#FFF;width:468px;height:184px;background:#FF9200 url(../img/bg_home_design-showcase.jpg) repeat-x;float:left}
		#home-design-showcase h3{margin:20px 0 15px 25px;}
		#home-design-showcase a{display:block;width:458px;height:100%;color:#FFF;background:url(../img/arrow_banner_orange.jpg) no-repeat right 80px;}
		#home-design-showcase #ds-screenshot{float:left;margin-left:5px;background:url(../img/bg_home_ds-screenshot.jpg) no-repeat;width:198px;height:124px;text-align:center;padding-top:5px;_height:116px;}
		#home-design-showcase #project-info {float:left;margin-top:20px;}
			#home-design-showcase #project-info .date{color:#6F4300;font-size:11px}
			#home-design-showcase #project-info .name{font-size:21px;font-weight:bold;}
			#home-design-showcase #project-info .short-description{}

	#footer{position:relative;top:-78px;background:#ECECEC url(../img/bg_footer_outside.jpg) repeat-x;z-index:9}
	#footer-inside{padding:78px 15px 0;background:#FFF;width:930px;margin:auto;}
	#footer h3{margin-bottom:15px;}
	#footer ul.latest{margin-top:8px;}
	#footer ul.latest li{border-top:1px solid #DEE1EA;padding:0.4em 0 0.7em;}
	#footer ul.latest .title{font-weight:bold;margin-top:3px;color:#38405A;}
	#footer ul.latest .date{font-size:10px;}
	#footer ul.latest a:hover{color:#0283E4;}
	#footer #contact-form{padding-left:10px}
	#footer #contact-form input{width:245px;margin-bottom:6px;}
	#footer #contact-form textarea{padding:2px 0 0 3px;height:92px;width:244px;overflow:auto;font:normal 13px Arial, Helvetica, sans-serif}
	#footer #contact-form label{font-size:11px;display:block;float:left;margin-top:6px;}
		#copyright{width:930px;padding:15px;margin:auto;font-size:10px;color:#697683;background:#FFF;overflow:hidden;_height:100%}
		#legal-info{float:left;}
		#partners-logos{float:right;}
		#wired-sussex{float:left;width:80px;height:30px;margin:0px 20px 0 18px;}
		#wired-sussex a{display:block;width:80px;height:30px;background:url(../img/logo_wired-sussex.jpg) no-repeat left top;}
		#wired-sussex a:hover{background-position:bottom;}
	
		#sussex-enterprise{float:left;width:30px;height:48px;position:relative;top:-6px; margin:0 16px 0 0;}
		#sussex-enterprise a{display:block;width:30px;height:48px;background:url(../img/logo_sussex-enterpries.jpg) no-repeat top;}
		#sussex-enterprise a:hover{background-position:bottom;}
	
		#businessinbrighton{float:left;width:36px;height:48px;position:relative;top:-6px;}
		#businessinbrighton a{display:block;width:36px;height:48px;background:url(../img/logo_businessinbrighton.jpg) no-repeat top;}
		#businessinbrighton a:hover{background-position:bottom;}
	
	/*ABOUT US*/
	h4.teamtitle {color:#374258; text-align:center; font-size:17px;}
	ul#the-team {border-top:1px solid #ECECEC;}
	ul#the-team li{border:1px solid #FFF;display:inline-block;float:left;margin:1em 12px 1em 0;padding-bottom:10px;width:141px;text-align:center;}
	ul#the-team .profile-name {font-size:15px;color:#0269D5;}
	ul#the-team .profile-position {font-size:12px;color:#38405A;}
	.over{border:1px solid #E6E6E6!important;background:#F6F6F6 url(../img/bg_gray-container.jpg) repeat-x top;}
	
	ul#submenuTeam {float:left; width:235px; margin:0 40px 0 0;}
	ul#submenuTeam li {display:block; text-align:right; height:20px; padding:0 12px 5px 0;}
	ul#submenuTeam li a {display:block; height:20px; padding:0 12px 0 0; font:1.4em Arial, Helvetica, sans-serif; color:#0264BE; }
	ul#submenuTeam li a:hover, ul#submenuTeam li a.active {color:#FF5F01; background: url(../img/btn_arrow.gif) right no-repeat;}

    
	#HeaderProfile {float:left; width:640px;}
	.Ana{background:#FFFFFF url(../img/bg_ana.png) no-repeat center; height:199px; margin:0; position:relative;}
	.AnaBoyero {background:#FFFFFF url(../img/bg_ana_boyero.png) no-repeat center; height:199px; margin:0; position:relative;}
	.ClaudiaLon{background:#FFFFFF url(../img/bg_claudialon.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Bella {background:#FFFFFF url(../img/bg_bella.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Daniele {background:#FFFFFF url(../img/bg_daniele.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Jez {background:#FFFFFF url(../img/bg_jez-rourke-pilott.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Jose {background:#FFFFFF url(../img/bg_jose.png) no-repeat center; height:199px; margin:0; position:relative;}
    .JuanP {background:#FFFFFF url(../img/bg_juanpablo.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Laura {background:#FFFFFF url(../img/bg_laura.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Ivana {background:#FFFFFF url(../img/bg_ivana.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Ricardo {background:#FFFFFF url(../img/bg_ricardo.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Virginia {background:#FFFFFF url(../img/bg_virginia.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Chris{background:#FFFFFF url(../img/bg_chris.png) no-repeat center; height:199px; margin:0; position:relative;}
	.KerryJones {background:#FFFFFF url(../img/bg_kerry.png) no-repeat center; height:199px; margin:0; position:relative;}
	.MarMarti {background:#FFFFFF url(../img/bg_mar.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Macarena {background:#FFFFFF url(../img/bg_macarena.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Gisele {background:#FFFFFF url(../img/bg_gisele.png) no-repeat center; height:199px; margin:0; position:relative;}
	.MattBarker {background:#FFFFFF url(../img/bg_matt.png) no-repeat center; height:199px; margin:0; position:relative;}
	.RuthPerrett {background:#FFFFFF url(../img/bg_ruth.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Rhys {background:#FFFFFF url(../img/bg_rhys_orwin.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Sam {background:#FFFFFF url(../img/bg_sam_aldridge.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Charley {background:#FFFFFF url(../img/bg_charley.png) no-repeat center; height:199px; margin:0; position:relative;}
	.Lucy {background:#FFFFFF url(../img/bg_lucy.png) no-repeat center; height:199px; margin:0; position:relative;}
	#Profile {float:left; width:640px; margin:10px 0 0 0;}	
	
	
	
	/*Services SIDEBAR */
	#services-sidebar{float:left;width:233px;background:#F6F6F6 url(../img/bg_sidebar.jpg) repeat-y right;margin:0 17px 0 0;_position:relative;_margin-right:19px;border-bottom:1px solid #E6E6E6;}
	#ss-inside{padding-left:1px;height:100%;background:url(../img/bg_sidebar-top.jpg) no-repeat right top;border-bottom:1px solid #FFF;padding-bottom:1em;}
	ul#sidebar{}
	ul#sidebar li{color:#38405A;background:url(../img/bg_line_li-sidebar.gif) repeat-x left bottom;}
	ul#sidebar li a{display:block;color:#38405A;padding:11px 0px 10px 23px;width:209px}
	ul#sidebar li a:hover{background:#FFF;color:#025DCC;border-bottom:1px solid #E6E6E6;padding-bottom:9px;}
	ul#sidebar li.active{padding:15px 11px 22px 17px;background:#FFF url(../img/bg_sidebar_active.jpg) no-repeat right bottom;margin-left:0px;}
	ul#sidebar li.active a{color:#025DCC;background:url(../img/arrow_sidebar_active.gif) no-repeat;padding:3px 0 5px 25px;_width:auto;}
	ul#sidebar li.active a:hover{border:none;}
	ul#sidebar ul{margin-left:20px;}
	ul#sidebar ul li a {width:189px; padding:5px 0 5px 25px; height:16px;}
	ul#sidebar ul li a:hover {padding:5px 0 5px 25px; border-bottom:1px solid #E6E6E6; height:15px;}

	
	
	/*CATCHPHRASE */
	.catchphrase{width:694px;text-align:center;margin-bottom:15px;}
	.catchphrase .orange{background:#FF7F00 url(../img/bg_catchphrase-orange.jpg) repeat-x center center;}
	.catchphrase .orange .top{height:4px;background:url(../img/bg_catchphrase-orange-top.jpg) no-repeat;}
	.middle h4.orange,
	.gc-inside h4.orange {color:#FF7F00; font:1.5em Arial Black, Helvetica, sans-serif; text-align:center; text-transform:uppercase; font-weight: bolder; background:none!important;}
	.middle h4.white {color:#FFFFFF; font:1.5em Arial Black, Helvetica, sans-serif; text-align:center; text-transform:uppercase; font-weight: bolder; background:none!important; margin:0em!important;}

	.catchphrase .blue{background:#0266C0 url(../img/bg_catchphrase-blue.jpg) no-repeat; height:82px;}
	.catchphrase .blue .bottom{height:4px;background:url(../img/bg_catchphrase-blue-bot.jpg) no-repeat;}
	.catchphrase h4{font-size:17px}
	
	/* SELECTED WORK */
	ul#selected-work{margin-top:0.5em;}
	ul#selected-work li{font-size:11px;color:#3B4958;display:block;float:left;height:160px;width:193px;margin:0.5em 22px 0 0;background:url(../img/bg_thumb-seleced-work.jpg) no-repeat;padding:8px}
	ul#selected-work h4{color:#3B4958;font-size:15px;padding-top:10px}
	
	/* CONTACT FORM */
	.form-line{margin:5px 0}
	.form-line label{padding-top:7px;padding-right:7px;display:block;float:left;width:110px;margin-right:10px;text-align:right;}
	.required label{background:url(../img/bg_required_label.jpg) no-repeat right 9px}
	.form-line input, .form-line textarea{padding:4px 0px 0 4px;height:22px;width:215px;border:1px solid #E7E7E7;background:url(../img/bg_input_form.jpg) repeat-x;}
	.form-line input.send{width:auto;height:auto;border:none;background:none;margin-top:1em;}
	.form-line textarea{overflow:auto;height:125px}
	.form-line select{width:203px}
	.remark{font:italic normal 11px Arial, Helvetica, sans-serif;}
	
	/* CASE STUDIES */
	ul#case-studies{padding-left:10px}
	ul#case-studies p.lead{color:#1172D7;font-size:14px}
	ul#case-studies h3{font:bold 20px Arial, Helvetica, sans-serif;color:#024194;}
	ul#case-studies a.read-more{display:block;margin:0.5em 0 0 -10px;width:137px;height:51px;background:url(../img/btn_read-more.jpg) no-repeat;}
	ul#case-studies li{padding-bottom:0.5em;margin-bottom:1em;border-bottom:1px solid #EAEDEF;}
	
	/* PORTFOLIO */
	#latest-project{}	
	#lp-image{width:198px;height:129px;padding-top:6px;background:url(../img/bg_latest-project.jpg) no-repeat;margin-left:12px;text-align:center}
	#latest-project .lead{font:bold 11px Arial, Helvetica, sans-serif;color:#6F2C00;margin:0 0 0.3em 15px;}
	#latest-project h3{font:bold 16px Arial, Helvetica, sans-serif;color:#FFF;margin:0.3em 15px;}
	#latest-project p{margin:0 15px 1em;color:#FFF;font-size:12px;}
	#latest-project a.zoom-in{display:block;margin-left:10px;}
	
	
	/* CONTENT CREATION */
	#freeTrial {background:url(../img/bg_free_trial.png) no-repeat top; height:315px; color:#FFFFFF; padding:12px 5px 5px 5px;}
	#freeTrial input {color:#313E48; margin:0 0 6px 4px; padding:4px 0px 0 4px; height:18px; width:198px; border:1px solid #E7E7E7; background:url(../img/bg_input_form.jpg) #FFFFFF repeat-x;}
	#freeTrial input.btn { background:none!important; border:none!important; height:auto!important; width:auto!important; margin:0!Important;}
	#laguages {clear:both; border-bottom:1px solid #F6F6F6;  overflow:hidden; padding-bottom:10px!important; margin-bottom:10px!important;}
	#keyContent ul, #laguages ul {list-style:none; float:left; font-size:14px;}
	#keyContent ul li, #laguages ul li {margin-bottom:12px;}
	#keyContent {}
	
/* SLIDER */
#slider li {height: 190px;}