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

/**** Start of CSS Reset ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#FFF;
	background-color:black;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p{
	margin:0;
	padding:0 0 20px 0;
}

a{
	text-decoration:none;
	color:#FFF;
}

a:hover{
	color:#FFF;
	text-decoration:underline;
}

.f_left{
	float:left;
}
.f_right{
	float:right;
}
.clear{
	clear:both;
}

/**** End of CSS Reset ****/

/**** Start of H Tags and Text Styles ****/

h1{
	font-size:50px;
	line-height:50px;
	margin:0 0 45px 0;
	padding:0;
}

h2{
	font-size:70px;
	line-height:70px;
	margin:0 0 10px 0;
	padding:0;
}

h3{
	font-size:50px;
	line-height:20px;
	margin:0 0 10px 0;
	padding:0;
}

/**** End of H Tags and Text Styles ****/

/**** Start of Layout Styles ****/

.brochure_link{
	position:fixed;
	bottom:0;
	right:0;
	z-index:999;
}

#nav{
	width:100%;
	height:71px;
	padding-top:15px;
	position:fixed;
	z-index:400;
	top:0;
	left:0;
	background-color:#fff;
	text-align:center;
}

.nav_container{
	width:980px;
	height:56px;
	margin:0 auto;
	position:relative;
}

.nav_container ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 701px;
	height: 41px;
	display: block;
	position: absolute;
	top: 8px;
	right: 10px;
}

.nav_container ul li{
	height:41px;
	float:left;
}

.nav_container ul li a span{
	display:none;
}

#home_btn, #galeria_btn, #kontenery_btn, #iluminacje_btn, #kontakt_btn{
	margin-right:10px;
}

#home_btn a{
	width:80px;
	height:41px;
	display:block;
	background:url(../images/glowna.png) no-repeat 0 0;
}

#home_btn a:hover{
	background:url(../images/glowna.png) no-repeat 0 -41px;
}

#galeria_btn a{
	width:75px;
	height:41px;
	display:block;
	background:url(../images/galeria.png) no-repeat 0 0;
}

#galeria_btn a:hover{
	background:url(../images/galeria.png) no-repeat 0 -41px;
}

#kontenery_btn a{
	width:87px;
	height:41px;
	display:block;
	background:url(../images/kontenery.png) no-repeat 0 0;
}

#kontenery_btn a:hover{
	background:url(../images/kontenery.png) no-repeat 0 -41px;
}

#iluminacje_btn a{
	width:90px;
	height:41px;
	display:block;
	background:url(../images/iluminacje.png) no-repeat 0 0;
}

#iluminacje_btn a:hover{
	background:url(../images/iluminacje.png) no-repeat 0 -41px;
}

#kontakt_btn a{
	width:93px;
	height:41px;
	display:block;
	background:url(../images/kontakt.png) no-repeat 0 0;
}

#kontakt_btn a:hover{
	width:93px;
	height:41px;
	display:block;
	background:url(../images/kontakt.png) no-repeat 0 -41px;
}


.logo{
	width:192px;
	height:56px;
	position:absolute;
	top:0;
	left:8px;
}

.logo_main{
	width:800px;
	height:253px;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	display:block;
}

/**** Start of Home Styles ****/

#home{
	height:820px;
	background-color:#cccccc;
	padding-top:91px;
}

.home_container{
	width:980px;
	height:820px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.home_cont{
	height:550px;
	position:absolute;
	z-index:10;
	top:30px;
	left:50px;
}

.home_cont p{
	/*text-shadow:0 1px 2px #171718;*/
	/*text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);*/
}

.home_img{
	width:535px;
	height:495px;
	position:absolute;
	z-index:10;
	top:30px;
	right:20px;
	background-image:url(../images/home_slider_bg.jpg);
	background-repeat:no-repeat;
}

.home_left{
	width:330px;
	height:95px;
	position:absolute;
	top:625px;
	left:90px;
	z-index:10;
	text-align:center;
	font-size:26px;
	line-height:36px;
}

.home_right{
	width:340px;
	height:95px;
	position:absolute;
	top:625px;
	right:95px;
	z-index:10;
	text-align:center;
	font-size:26px;
	line-height:36px;
}

.home_tab_btn{
	width:45px;
	height:40px;
	position:absolute;
	top:650px;
	left:460px;
	z-index:10;
}

/**** End of Home Styles ****/

/**** Start of Portfolio Styles ****/

#portfolio{
	height:1150px;
	background-color:#999999;
	padding-top:86px;
	position:relative;
	overflow:hidden;
}

.portfolio_container{
	width:980px;
	height:1410px;
	margin:0 auto;
	position:relative;
}

.portfolio_title{
	width:650px;
	height:135px;
	position:absolute;
	z-index:10;
	top:50px;
	left:50px;
}
.portfolio_title h3{
	font-size:16px;
	float:left;
}

.testimonials_link{
	width:980px;
	height:100px;
	position:absolute;
	top:580px;
	margin:0 auto;
	z-index:10;
	text-align:center;
	font-size:18px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

#testimonials_scroll{
	width:660px;
	height:86px;
	position:absolute;
	top:745px;
	left:130px;
	z-index:10;
}

#testimonials{
	width:660px;
	height:235px;
	position:absolute;
	top:845px;
	left:130px;
	z-index:10;
	background-image:url(../images/quotes.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px 30px 0 30px;
	font-size:32px;
	line-height:36px;
	font-style:italic;
	/*text-shadow:0 1px 2px #171718;*/
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
	font-weight:300;
}

.client{
	font-size:18px;
}

#prev{
	width:45px;
	height:40px;
	position:absolute;
	top:1065px;
	left:0;
}

#next{
	width:45px;
	height:40px;
	position:absolute;
	top:1065px;
	right:0;
}

.portfolio_item{
	width:170px;
	height:170px;
	margin:0 10px 10px 0;
	float:left;
	
}

.portfolio_item a{
	width:170px;
	height:170px;
	display:block;
	background-position:0 0;
	border: 2px solid white;
}

.portfolio_item a:hover{
	background-position:0 -170px;
}
.portfolio_item a span{
	display:none;
}
.portfolio_slider{
	top:220px;
	left:45px;
	position:absolute;
	
}
#per-slide-template{
	width:100%;
	height:45px;
}
#per-slide-template h3{
	font-size:22px;
}
#per-slide-template a{
	height:46px;
	line-height:46px;
	float:left;
	display:block;
	margin-right:10px;
	background-color:#FFF;
	padding:0 20px;
	color:black;
	border-radius:23px;
	-moz-border-radius:23px;
	-webkit-border-radius:23px;
	text-decoration:none
}
#per-slide-template a:hover{
	background-color:black;
	color:white;
}

}
.portfolioSection{
	width:930px;
	height:550px;
}

#k01{
	
}

#k01 a{
	background-image:url(../images/galeria/kontenery/min/01.jpg);
}

#k02{
	
}

#k02 a{
	background-image:url(../images/galeria/kontenery/min/02.jpg);
}

#k03{
	
}

#k03 a{
	background-image:url(../images/galeria/kontenery/min/03.jpg);
}

#k04 {
	
}

#k04 a{
	background-image:url(../images/galeria/kontenery/min/04.jpg);
}

#k05 {
	
}

#k05 a{
	background-image:url(../images/galeria/kontenery/min/05.jpg);
}

#k06 {
	
}

#k06 a{
	background-image:url(../images/galeria/kontenery/min/06.jpg);
}

#k07 {
	
}

#k07 a{
	background-image:url(../images/galeria/kontenery/min/07.jpg);
}

#k08 {
	
}

#k08 a{
	background-image:url(../images/galeria/kontenery/min/08.jpg);
}

#k09 {
	
}

#k09 a{
	background-image:url(../images/galeria/kontenery/min/09.jpg);
}
#k10 {
	
}

#k10 a{
	background-image:url(../images/galeria/kontenery/min/10.jpg);
}

#k11 {
	
}

#k11 a{
	background-image:url(../images/galeria/kontenery/min/11.jpg);
}

#k12 {
	
}

#k12 a{
	background-image:url(../images/galeria/kontenery/min/12.jpg);
}

#k13 {
	
}

#k13 a{
	background-image:url(../images/galeria/kontenery/min/13.jpg);
}

#k14 {
	
}

#k14 a{
	background-image:url(../images/galeria/kontenery/min/14.jpg);
}

#k15 {
	
}

#k15 a{
	background-image:url(../images/galeria/kontenery/min/15.jpg);
}
#k16 {
	
}

#k16 a{
	background-image:url(../images/galeria/kontenery/min/16.jpg);
}
#k17 {
	
}

#k17 a{
	background-image:url(../images/galeria/kontenery/min/17.jpg);
}
#k18 {
	
}

#k18 a{
	background-image:url(../images/galeria/kontenery/min/18.jpg);
}
#k19 {
	
}

#k19 a{
	background-image:url(../images/galeria/kontenery/min/19.jpg);
}
#k20 {
	
}

#k20 a{
	background-image:url(../images/galeria/kontenery/min/20.jpg);
}
#k21 {
	
}

#k21 a{
	background-image:url(../images/galeria/kontenery/min/21.jpg);
}
#k22 {
	
}

#k22 a{
	background-image:url(../images/galeria/kontenery/min/22.jpg);
}
#k23 {
	
}

#k23 a{
	background-image:url(../images/galeria/kontenery/min/23.jpg);
}
#k24 {
	
}

#k24 a{
	background-image:url(../images/galeria/kontenery/min/24.jpg);
}
#k25 {
	
}

#k25 a{
	background-image:url(../images/galeria/kontenery/min/25.jpg);
}
#k26 {
	
}

#k26 a{
	background-image:url(../images/galeria/kontenery/min/26.jpg);
}
#k27 {
	
}

#k27 a{
	background-image:url(../images/galeria/kontenery/min/27.jpg);
}
#k28 {
	
}

#k28 a{
	background-image:url(../images/galeria/kontenery/min/28.jpg);
}
#k29 {
	
}

#k29 a{
	background-image:url(../images/galeria/kontenery/min/29.jpg);
}
#k30 {
	
}

#k30 a{
	background-image:url(../images/galeria/kontenery/min/30.jpg);
}
#k31 {
	
}

#k31 a{
	background-image:url(../images/galeria/kontenery/min/31.jpg);
}
#k32 {
	
}

#k32 a{
	background-image:url(../images/galeria/kontenery/min/32.jpg);
}
#k33 {
	
}

#k33 a{
	background-image:url(../images/galeria/kontenery/min/33.jpg);
}
#k34 {
	
}

#k34 a{
	background-image:url(../images/galeria/kontenery/min/34.jpg);
}

#i01{
	
}

#i01 a{
	background-image:url(../images/galeria/iluminacje/min/i01.jpg);
}

#i02{
	
}

#i02 a{
	background-image:url(../images/galeria/iluminacje/min/i02.jpg);
}

#i03{
	
}

#i03 a{
	background-image:url(../images/galeria/iluminacje/min/i03.jpg);
}

#i04{
	
}

#i04 a{
	background-image:url(../images/galeria/iluminacje/min/i04.jpg);
}

#i05{
	
}

#i05 a{
	background-image:url(../images/galeria/iluminacje/min/i05.jpg);
}

#i06{
	
}

#i06 a{
	background-image:url(../images/galeria/iluminacje/min/i06.jpg);
}

#i07{
	
}

#i07 a{
	background-image:url(../images/galeria/iluminacje/min/i07.jpg);
}

#i08{
	
}

#i08 a{
	background-image:url(../images/galeria/iluminacje/min/i08.jpg);
}
#i09{
	
}

#i09 a{
	background-image:url(../images/galeria/iluminacje/min/i09.jpg);
}
#i10{
	
}

#i10 a{
	background-image:url(../images/galeria/iluminacje/min/i10.jpg);
}
#i11{
	
}

#i11 a{
	background-image:url(../images/galeria/iluminacje/min/i11.jpg);
}
#i12{
	
}

#i12 a{
	background-image:url(../images/galeria/iluminacje/min/i12.jpg);
}
#i13{
	
}

#i13 a{
	background-image:url(../images/galeria/iluminacje/min/i13.jpg);
}
#i14{
	
}

#i14 a{
	background-image:url(../images/galeria/iluminacje/min/i14.jpg);
}
#i15{
	
}

#i15 a{
	background-image:url(../images/galeria/iluminacje/min/i15.jpg);
}
#i16{
	
}

#i16 a{
	background-image:url(../images/galeria/iluminacje/min/i16.jpg);
}
#i17{
	
}

#i17 a{
	background-image:url(../images/galeria/iluminacje/min/i17.jpg);
}
#i18{
	
}

#i18 a{
	background-image:url(../images/galeria/iluminacje/min/i18.jpg);
}
#i19{
	
}

#i19 a{
	background-image:url(../images/galeria/iluminacje/min/i19.jpg);
}
#i20{
	
}

#i20 a{
	background-image:url(../images/galeria/iluminacje/min/i20.jpg);
}
#i21{
	
}

#i21 a{
	background-image:url(../images/galeria/iluminacje/min/i21.jpg);
}
#i22{
	
}

#i22 a{
	background-image:url(../images/galeria/iluminacje/min/i22.jpg);
}

#orangebox{
	
}

#orangebox a{
	background-image:url(../images/portfolio_btn_orange_box.jpg);
}

#hallmarkfix{
	
}

#hallmarkfix a{
	background-image:url(../images/portfolio_btn_hallmark_fix.jpg);
}

#piggypower{
	
}

#piggypower a{
	background-image:url(../images/portfolio_btn_piggy_power.jpg);
}

#databowl{
	
}

#databowl a{
	background-image:url(../images/portfolio_btn_databowl.jpg);
}

#oddyhydraulics{
	
}

#oddyhydraulics a{
	background-image:url(../images/portfolio_btn_oddy_hydraulics.jpg);
}

#l-beau{
	
}

#l-beau a{
	background-image:url(../images/portfolio/logo_graphic/l-beau.jpg);
}

#l-firedup{
	
}

#l-firedup a{
	background-image:url(../images/portfolio/logo_graphic/l-firedup.jpg);
}

#l-hoptons {
	
}

#l-hoptons a{
	background-image:url(../images/portfolio/logo_graphic/l-hoptons.jpg);
}

#l-kahuna {
	
}

#l-kahuna a{
	background-image:url(../images/portfolio/logo_graphic/l-kahuna.jpg);
}

#l-simple {
	
}

#l-simple a{
	background-image:url(../images/portfolio/logo_graphic/l-simple.jpg);
}

#l-sleep{
	
}

#l-sleep a{
	background-image:url(../images/portfolio/logo_graphic/l-sleep.jpg);
}

#l-smiles{
	
}

#l-smiles a{
	background-image:url(../images/portfolio/logo_graphic/l-smiles.jpg);
}

#l-thorpe{
	
}

#l-thorpe a{
	background-image:url(../images/portfolio/logo_graphic/l-thorpe.jpg);
}

#l-trackmakers{
	
}

#l-trackmakers a{
	background-image:url(../images/portfolio/logo_graphic/l-trackmakers.jpg);
}

#l-meltham{
	
}

#l-meltham a{
	background-image:url(../images/portfolio/logo_graphic/l-meltham.jpg);
}

#g-hoptonl{
	
}

#g-hoptonl a{
	background-image:url(../images/portfolio/logo_graphic/g-hoptonl.jpg);
}

#g-meltham{
	
}

#g-meltham a{
	background-image:url(../images/portfolio/logo_graphic/g-meltham.jpg);
}

#g-sleepcardl{
	
}

#g-sleepcardl a{
	background-image:url(../images/portfolio/logo_graphic/g-sleepcardl.jpg);
}

#g-vanilla{
	
}

#g-vanilla a{
	background-image:url(../images/portfolio/digital_marketing/p-vanilla.jpg);
}

#vinery{
	
}

#vinery a{
	background-image:url(../images/portfolio/logo_graphic/g-vinery.jpg);
}

#g-firedup{
	
}

#g-firedup a{
	background-image:url(../images/portfolio/logo_graphic/g-firedup.jpg);
}

#g-splitpixel{
	
}

#g-splitpixel a{
	background-image: url(../images/portfolio/digital_marketing/p-splitpixel.jpg);
}




#p-ampwire{
	
}

#p-ampwire a{
	background-image:url(../images/portfolio/digital_marketing/p-ampwire.jpg);
}

#p-aura{
	
}

#p-aura a{
	background-image:url(../images/portfolio/digital_marketing/p-aura.jpg);
}

#p-cycleplus {
	
}

#p-cycleplus a{
	background-image:url(../images/portfolio/digital_marketing/p-cycleplus.jpg);
}

#p-film {
	
}

#p-film a{
	background-image:url(../images/portfolio/digital_marketing/p-film.jpg);
}

#p-gcik {
	
}

#p-gcik a{
	background-image:url(../images/portfolio/digital_marketing/p-gcik.jpg);
}

#p-holidayplus{
	
}

#p-holidayplus a{
	background-image:url(../images/portfolio/digital_marketing/p-holidayplus.jpg);
}

#p-kahuna{
	
}

#p-kahuna a{
	background-image:url(../images/portfolio/digital_marketing/p-kahuna.jpg);
}

#p-lifestyle{
	
}

#p-lifestyle a{
	background-image:url(../images/portfolio/digital_marketing/p-lifestyle.jpg);
}

#p-pmm{
	
}

#p-pmm a{
	background-image:url(../images/portfolio/digital_marketing/p-pmm.jpg);
}

#p-simple{
	
}

#p-simple a{
	background-image:url(../images/portfolio/digital_marketing/p-simple.jpg);
}

#p-sleep{
	
}

#p-sleep a{
	background-image:url(../images/portfolio/digital_marketing/p-sleep.jpg);
}

#p-uktravel{
	
}

#p-uktravel a{
	background-image:url(../images/portfolio/digital_marketing/p-uktravel.jpg);
}

#p-yhb{
	
}

#p-yhb a{
	background-image:url(../images/portfolio/digital_marketing/p-yhb.jpg);
}



/**** End of Portfolio Styles ****/

/**** Start of Services Styles ****/

#services{
	height:840px;
	background-color:#666666;
	padding-top:86px;
	position:relative;
	overflow:hidden;
}

.services_container{
	width:980px;
	height:840px;
	margin:0 auto;
	position:relative;
}

.services_title{
	width:730px;
	height:135px;
	position:absolute;
	z-index:10;
	top:50px;
	left:50px;
}

.notebook{
	width:824px;
	height:540px;
	background-image:url(../images/notebook.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:90px;
	left:78px;
	z-index:10;
}

.web_design{
	width:158px;
	height:310px;
	position:absolute;
	top:71px;
	left:32px;
	z-index:20;
	font-size:12px;
	line-height:13px;
	color:#4c4c4c;
}

.web_development{
	width:158px;
	height:310px;
	position:absolute;
	top:71px;
	left:232px;
	z-index:20;
	font-size:12px;
	line-height:13px;
	color:#4c4c4c;
}

.online_marketing{
	width:158px;
	height:310px;
	position:absolute;
	top:71px;
	left:432px;
	z-index:20;
	font-size:12px;
	line-height:13px;
	color:#4c4c4c;
}

.photo_video{
	width:158px;
	height:310px;
	position:absolute;
	top:71px;
	left:632px;
	z-index:20;
	font-size:12px;
	line-height:13px;
	color:#4c4c4c;
}

.web_design h2, .web_development h2, .online_marketing h2, .photo_video h2{
	width:158px;
	height:50px;
	display:block;
	font-size:18px;
	line-height:20px;
	color:#4c4c4c;
}

.services_intro{
	font-size:13px;
}

/**** End of Services Styles ****/

/**** Start of About Styles ****/

#about{
	height:790px;
	background-color:#333333;
	padding-top:86px;
	position:relative;
	overflow:hidden;
}

.about_container{
	width:980px;
	height:790px;
	margin:0 auto;
	position:relative;
}

.about_title{
	width:730px;
	height:135px;
	position:absolute;
	z-index:10;
	top:50px;
	left:50px;
}

.team_member{
	width:220px;
	height:250px;
	position:absolute;
	z-index:10;
}

.spin_circle{
	width:220px;
	height:220px;
	position:absolute;
	top:30px;
	left:0;
	z-index:5;
	display:none;
	background:url(../images/circle_pointer_sprite.jpg) no-repeat 0 0;
}

.team_bw{
	width:200px;
	height:250px;
	position:absolute;
	top:0;
	left:10px;
	z-index:10;
	background-repeat:no-repeat;
	cursor:pointer;
}

.team_col{
	width:200px;
	height:250px;
	position:absolute;
	top:0;
	left:10px;
	z-index:15;
	background-repeat:no-repeat;
	cursor:pointer;
	display:none;
}

.team_info{
	width:244px;
	height:240px;
	position:absolute;
	top:255px;
	left:-12px;
	z-index:15;
	color:#fff;
	font-size:13px;
	line-height:18px;
	text-align:justify;
	display:none;
	/*text-shadow:0 1px 2px #171718;*/
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

#charlie{
	top:230px;
	margin-left:50%;
	left:-460px;
	/*left:24px;*/
}

#charlie .team_bw{
	background-image:url(../images/charlie_bw.png);
}

#charlie .team_col{
	background-image:url(../images/charlie_col.png);
}

#rob{
	top:230px;
	margin-left:50%;
	left:-227px;
}

#rob .team_bw{
	background-image:url(../images/rob_bw.png);
}

#rob .team_col{
	background-image:url(../images/rob_col.png);
}

#jon{
	top:230px;
	margin-left:50%;
	left:6px;
}

#jon .team_bw{
	background-image:url(../images/jon_bw.png);
}

#jon .team_col{
	background-image:url(../images/jon_col.png);
}

#greg{
	top:230px;
	margin-left:50%;
	left:240px;

}

#greg .team_bw{
	background-image:url(../images/greg_bw.png);
}

#greg .team_col{
	background-image:url(../images/greg_col.png);
}

.team_role{
	font-size:16px;
	text-align:center;
}

/**** End of About Styles ****/

/**** Start of Contact Styles ****/

#contact{
	height:790px;
	background-color:black;
	position:relative;
	overflow:hidden;
}

.contact_container{
	width:980px;
	height:1230px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.contact_title{
	width:710px;
	height:135px;
	position:absolute;
	z-index:10;
	top:50px;
	left:50px;
}

.contact_img{
	width:160px;
	height:190px;
	position:absolute;
	z-index:10;
	top:30px;
	right:160px;
}

.contact_form{
	width:420px;
	height:430px;
	position:absolute;
	top:240px;
	left:50px;
	z-index:10;
}

.contact_row{
	width:420px;
	margin-bottom:10px;
}

.contact_row label{
	width:405px;
	height:30px;
	line-height:30px;
	display:block;
	font-size:14px;
	/*text-shadow:0 1px 2px #171718;*/
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
	padding:0 0 0 15px;
}

.single_input{
	width:388px;
	height:28px;
	line-height:30px;
	padding:0 15px 0 15px;
	margin:0;
	border:1px solid #FFF;
	color:#4c4c4c;
	background-color:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
}

.contact_dbl_row{
	width:420px;
	margin-bottom:10px;
}

.contact_dbl_row label{
	width:405px;
	height:30px;
	line-height:30px;
	display:block;
	font-size:14px;
	/*text-shadow:0 1px 2px #171718;*/
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
	padding:0 0 0 15px;
}

.textarea_input{
	width:388px;
	height:78px;
	max-height:78px;
	max-width:390px;
	resize: none;
	padding:15px 15px 0 15px;
	margin:0;
	border:1px solid #FFF;
	color:#4c4c4c;
	background-color:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
	overflow: auto;
}

.contact_sum{
	width:176px;
	height:30px;
	float:left;
	margin-right:30px;
}

.sum_input{
	width:58px;
	height:28px;
	line-height:30px;
	padding:0 15px 0 15px;
	margin:0;
	border:1px solid #FFF;
	color:#4c4c4c;
	background-color:#FFF;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	float:left;
	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
}

.contact_details_link{
	width:380px;
	height:100px;
	position:absolute;
	top:690px;
	left:300px;
	z-index:10;
	text-align:center;
	font-size:18px;
	/*text-shadow:0 1px 2px #171718;*/
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

#contact_details_scroll{
	width:380px;
	height:86px;
	position:absolute;
	top:800px;
	left:300px;
	z-index:10;
}

#contact_details{
	width:570px;
	height:160px;
	position:absolute;
	top:900px;
	left:205px;
	z-index:10;
}

.map{
	width:300px;
	height:300px;
	position:absolute;
	top:380px;
	right:40px;
	z-index:10;
}

.details_holder{
	width:240px;
	height:200px;
	padding-top:40px;
	position:absolute;
	top:260px;
	left:230px;
	z-index:20;
	background-image:url(../images/contact_details_bg.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#4c4c4c;
	font-size:13px;
}

.details_holder a{
	color:#1fbeca;
}

.details_holder a:hover{
}

.details_holder p{
	margin:0;
	padding:0 0 20px 0;
	line-height:16px;
}

.details_holder2{
	width:141px;
	height:424px;
	padding-top:40px;
	position:absolute;
	top:340px;
	left:500px;
	z-index:20;
	background-image:url(../images/guy.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#4c4c4c;
	font-size:13px;
}

.fb{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.fb_icon{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

.fb_icon_hov{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
}


.twitter{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:205px;
	z-index:10;
}

.twitter_icon{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

.twitter_icon_hov{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
}

.blog{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}

.blog_icon{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

.blog_icon_hov{
	width:160px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	z-index:15;
}

/**** End of Contact Styles ****/

/**** Start of Footer Styles ****/

#footer{
	height:50px;
	background-color:#000000;
	padding-top:50px;
	position:relative;
	overflow:hidden;
}

.footer_container{
	width:980px;
	height:50px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.footer_details{
	width:470px;
	height:40px;
	line-height:40px;
	position:absolute;
	top:40px;
	left:265px;
	font-size:18px;
}

.team_img{
	width:539px;
	height:358px;
	position:absolute;
	bottom:0;
	left:207px;
	z-index:10;
}

.built_it{
	width:105px;
	height:35px;
	position:absolute;
	top:140px;
	left:260px;
	z-index:20;
}

.my_idea{
	width:131px;
	height:35px;
	position:absolute;
	top:130px;
	left:465px;
	z-index:20;
}

.design_it{
	width:110px;
	height:30px;
	position:absolute;
	top:160px;
	right:235px;
	z-index:20;
}

/**** End of Footer Styles ****/

/**** End of Layout Styles ****/

/**** Start of Slider Styles ****/

/*--Main Container--*/
.main_view {
	width:660px;
	height:420px;
	position: relative;
	padding:70px 10px 0 10px
}

.slider_top{
	width:680px;
	height:75px;
	background-image:url(../images/portfolio/slider_top.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

.slider_btm{
	width:680px;
	height:75px;
	background-image:url(../images/portfolio/slider_btm.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:20;
}

.slider_title{
	width:490px;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#4c4c4c;
	position:absolute;
	top:15px;
	left:15px;
	z-index:30;
}

.slider_close_btn{
	position:absolute;
	top:15px;
	right:15px;
	z-index:30;
}

.slider_visit_btn{
	position:absolute;
	bottom:15px;
	right:15px;
	z-index:30;
}

/*--Window/Masking Styles--*/
.window {
	width: 660px;
	height:350px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.thanks_window {
	width: 660px;
	height:200px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	background-color:#FFF;
	font-size:18px;
	color:#d64f79;
	font-weight:bold;
	padding-top:150px;
	text-align:center;
}
.error_window {
	width: 660px;
	height:250px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	background-color:#FFF;
	font-size:18px;
	color:#d64f79;
	font-weight:bold;
	padding-top:100px;
	text-align:center;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 15px; left: 15px;
	width: 490px; height:46px;
	line-height:29px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-size:14px;
	font-weight:bold;
}
.paging a {
	width:40px;
	height:46px;
	line-height:46px;
	display:block;
	float:left;
	text-decoration: none;
	color:#FFF;
	text-align:center;
	background-image:url(../images/portfolio/slider_tab.jpg);
	background-repeat:no-repeat;
	margin-right:10px;
}
.paging a.active {
	color: #FFF;
	background-image:url(../images/portfolio/slider_tab_active.jpg);
	background-repeat:no-repeat;
}
.paging a:hover {color: #FFF;}

/**** End of Slider Styles ****/

#privacy{
	background-color:#1fbeca;
	padding-top:91px;
}

.privacy_container{
	width:980px;
	margin:0 auto;
}

/**** Start of Recruitment Styles ****/

.rec_bg{
	background-color:#1fbeca;
}

.rec_full{
	width:100%;
}

.blue_bg{
	background-color:#1fbeca;
}

.pink_bg{
	background-color:#d64f79;
}

.orange_bg{
	background-color:#f17939;
}

.recruitment{
	width:940px;
	padding:40px 20px;
	margin:0 auto;
}

.rec_top{
	padding-top:120px;
}

.recruitment h2{
	font-size:30px;
}

.rec_ul{
	padding:0 0 20px 30px;
	margin:0;
}

.rec_ul li{
	margin-bottom:5px;
}

/**** End of Recruitment Styles ****/