﻿@charset "UTF-8";
/* CSS Document */

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 {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
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;
}


@font-face {
	font-family: 'NillandRegular';
	src: url('../fonts/nilland-webfont.eot');
	src: local('☺'), url('../fonts/nilland-webfont.woff') format('woff'), url('../fonts/nilland-webfont.ttf') format('truetype'), url('../fonts/nilland-webfont.svg#webfontf6TUbxE9') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NillandBold';
	src: url('../fonts/nilland-bold-webfont.eot');
	src: local('☺'), url('../fonts/nilland-bold-webfont.woff') format('woff'), url('../fonts/nilland-bold-webfont.ttf') format('truetype'), url('../fonts/nilland-bold-webfont.svg#webfontXsB8EhDz') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{ min-width:1px; background:url(../images/bg.jpg) repeat;}
 
p{font-weight: normal; font-style: normal; line-height:normal; font-family: 'NillandBold', sans-serif; color:#686877; font-size:14px;}
p a{font-weight: normal; font-style: normal; line-height:normal; font-family: 'NillandBold', sans-serif; color:#686877; font-size:14px; text-decoration:none;}
p a:hover{ text-decoration:none; font-weight: normal; font-style: normal; line-height:normal; font-family: 'NillandBold', sans-serif; color:#b0b0bb; font-size:14px;}

h1{font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:27px;}
h2{font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:24px;}
h3{font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:20px;}
h4{font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:18px;}

.w300{ width:300px;}
.w400{ width:400px;}
.w750{ width:750px;}
.w960{ width:960px;}
.margin{ margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.inline{ display:inline;}
.block{ display:block;}
.clear{ clear:both;}
.center{ text-align:center;}
.mleft10{ margin-left:10px;}
.mleft25{ margin-left:25px;}
.mleft30{ margin-left:30px;}

.mtop5{ margin-top:5px;}
.mleft100{ margin-left:100px;}
.s16{ font-size:16px; line-height:14px;}
.space{ width:960px; height:210px; display:block; clear:both;}

.pink{color:#e8237b;}
.blue{color:#17c4e9;}
.green{color:#accb1d;}
.pink2{color:#a11f59;}
.blue2{color:#0e778e;}
.green2{color:#6e8213;}
.gray1{color:#dcdbe9;}
.gray2{color:#b0b0bb;}
.gray3{color:#686877;}
.gray4{color:#3b3b44;}

#header{ float:left; width:100%; height:175px; background:url(../images/bg_top.jpg) repeat-x;  overflow:visible; position:fixed; z-index:99; color:#eaeaea; }
.logo{ background:url(../images/xo.gif); width:193px; height:94px; margin-top:60px;}
.bubble{background:url(../images/bubble.jpg) no-repeat; width:102px; height:57px; margin-top:20px;}
.bubble p{ margin-top:7px; margin-left:7px; font-weight: normal; font-style: normal; line-height:normal; font-family: 'NillandBold', sans-serif; color:#555563; font-size:14px;}
.menu{ margin-left:20px;}
.menu li{display:inline; float:left;  margin-left:25px; margin-top:95px;}

.btn1 a{display: block; width:118px; height:69px; background-image:url(../images/menubtn-01.jpg)}
.btn1 a:hover{ background-position: -114px 0;  position: relative;}
.btn1_a a{ background-position: -114px 0;  position: relative;}
.btn2 a{display: block; width:110px; height:69px; background-image:url(../images/menubtn-02.jpg)}
.btn2 a:hover{ background-position: -107px 0;  position: relative;}
.btn2_a a{ background-position: -107px 0;  position: relative;}
.btn3 a{display: block; width:128px; height:69px; background-image:url(../images/menubtn-03.jpg)}
.btn3 a:hover{ background-position: -128px 0;  position: relative;}
.btn3_a a{ background-position: -128px 0;  position: relative;}

.menu_sm{ width:118px; height:28px; display:block; margin-left:40px; margin-top:122px; background:#0a0b0d; padding:4px;}
.menu_sm li{display:inline; float:left;  margin-left:3px; }

.sm1 a{display: block; width:26px; height:28px; background-image:url(../images/sm-01.jpg)}
.sm1 a:hover{ background-position: 0 -30px;  position: relative;}
.sm2 a{display: block; width:26px; height:28px; background-image:url(../images/sm-02.jpg)}
.sm2 a:hover{ background-position: 0 -30px;  position: relative;}
.sm3 a{display: block; width:26px; height:28px; background-image:url(../images/sm-03.jpg)}
.sm3 a:hover{ background-position: 0 -30px;  position: relative;}
.sm4 a{display: block; width:26px; height:28px; background-image:url(../images/sm-04.jpg)}
.sm4 a:hover{ background-position: 0 -30px;  position: relative;}

#contenedor{ width:960px; margin:0 auto; position:relative; z-index:88; }

#profile{ width:960px; height:800px; margin:0 auto;}
.about{ background:url(../images/lineshadow_about.jpg) no-repeat bottom left; width:740px; height:170px;}


#works{width:960px;  height:1600px; margin:0 auto;}


.h100{ height:100px; overflow:hidden; }
.h200{ height:150px; overflow:hidden; }
.h300{ height:370px; overflow:hidden; }
.h400{ height:310px; overflow:hidden; }

a.workinfo{ width:300px; display:block; overflow:hidden; float:right; padding:15px; background:#000; 
	opacity:0.7; filter:alpha(opacity=70)
	-moz-border-radius:2px; 
    -webkit-border-radius:2px; margin-top:300px; margin-right:10px; text-decoration:none;
	text-decoration:none; font-weight: normal; font-style: normal; line-height:normal; font-family: 'NillandBold', sans-serif; color:#ccc; font-size:15px; text-align:right;
}

a.workinfo:hover { color:#fff; opacity:1; filter:alpha(opacity=100)}

.img01{ width:790px; height:370px;  background:url(../photos/image01.jpg) top left;}
.img02{ width:790px; height:370px;  background:url(../photos/image02.jpg) top left;}
.img03{ width:790px; height:370px;  background:url(../photos/image03.jpg) top left;}
.img04{ width:790px; height:370px;  background:url(../photos/image04.jpg) top left;}
.img05{ width:790px; height:370px;  background:url(../photos/image01.jpg) top left;}
.img06{ width:790px; height:370px;  background:url(../photos/image01.jpg) top left;}

.img1{ width:790px; height:370px;  background:url(../photos/image1.jpg) top left;}
.img2{ width:790px; height:370px;  background:url(../photos/image2.jpg) top left;}
.img3{ width:790px; height:370px;  background:url(../photos/image3.jpg) top left;}
.img4{ width:790px; height:370px;  background:url(../photos/image4.jpg) top left;}
.img5{ width:790px; height:370px;  background:url(../photos/image5.jpg) top left;}
.img6{ width:790px; height:370px;  background:url(../photos/image6.jpg) top left;}
.img7{ width:790px; height:370px;  background:url(../photos/image7.jpg) top left;}
.img8{ width:790px; height:370px;  background:url(../photos/image8.jpg) top left;}
.img9{ width:790px; height:370px;  background:url(../photos/image9.jpg) top left;}
.img10{ width:790px; height:370px;  background:url(../photos/image10.jpg) top left;}
.img11{ width:790px; height:370px;  background:url(../photos/image11.jpg) top left;}
.img12{ width:790px; height:370px;  background:url(../photos/image12.jpg) top left;}
.img13{ width:790px; height:370px;  background:url(../photos/image13.jpg) top left;}
.img14{ width:790px; height:370px;  background:url(../photos/image14.jpg) top left;}
.img15{ width:790px; height:370px;  background:url(../photos/image15.jpg) top left;}
.img16{ width:790px; height:370px;  background:url(../photos/image16.jpg) top left;}
.img17{ width:790px; height:370px;  background:url(../photos/image17.jpg) top left;}
.img18{ width:790px; height:370px;  background:url(../photos/image18.jpg) top left;}
.img19{ width:790px; height:370px;  background:url(../photos/image19.jpg) top left;}

.wrap {
    width:960px;
	margin-top:20px;
    overflow:hidden;
	
	position:absolute;
}
.box {
	display:inline;
    float: left;
    width: 150px;
    margin: 5px;
	cursor:pointer;
}




#contact{width:960px; height:800px; margin:0 auto;}
.contacttxt{ width:650px; height:120px; margin-top:30px; padding-top:60px; background:url(../images/lineshadow_contact.jpg) no-repeat bottom left;}

#main-container{
	width:260px;
}

#form-container{
	background-color:#f5f5f5;
	padding:15px;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

td{
	white-space:nowrap;
}

label{
	color:#686877; font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:14px; 
	}

textarea{
	color:#686877; font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:14px;
	
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#accb1d;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}





.twitted { width:300px; margin-top:15px;
font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:14px; color:#b0b0bb;
	
}


.twitted p.preLoader { margin: 0; background: transparent url("../images/loader.gif") 1em center no-repeat;
	
}

.twitted ul#twitter_update_list {
	margin: 0;
	
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	
	
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	
	color: #686877; text-decoration:none;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #686877;  text-decoration:none;
}





/*jqtransform.css*/


form.jqtransformdone label{
	margin-top:0px;
	margin-right: 10px;
	display: block;
	float:left;
	line-height:30px;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:0px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(../images/img/btn_right.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}

button.jqTransformButton span span {
	background: transparent url(../images/img/btn_left.gif) no-repeat top left;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 33px;
}

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(../images/img/input/input_text_left.gif) no-repeat left top;
	height: 31px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(../images/img/input/input_text_right.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 31px;
	margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
	color:#686877; font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:14px;
	line-height: 16px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 2px 0px 0px 0px;
	margin: 0px;
	background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}


.jqTransformIE .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformIE .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: 0px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(../images/img/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(../images/img/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(../images/img/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(../images/img/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(../images/img/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(../images/img/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(../images/img/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(../images/img/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(../images/img/textarea/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(../images/img/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(../images/img/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	width:205px;
	height:70px;
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	width:205px;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(../images/img/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(../images/img/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(../images/img/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	color:#686877; font-weight:normal; font-style: normal; line-height:normal; font-family:Verdana, Geneva, sans-serif; font-size:11px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(../images/img/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	font-weight:normal; font-style: normal; line-height:normal; font-family:Verdana, Geneva, sans-serif; font-size:11px;
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#accb1d;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}








/*validation*/
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#0a0a0b;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #17171a;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  





/*CONTACTFORM*/


input, textarea { 
	color: #ccc;
	padding: 8px;
	margin-top:4px;
	margin-bottom:4px;
	border: #0e0d12 solid 1px;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 180px;
	background: #222 left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#141519), color-stop(4%, #111), to(#141519));
	background: -moz-linear-gradient(top, #141519, #111 1px, #141519 25px);

	}

textarea { 
	width: 240px;
	max-width: 240px;
	height: 100px;
	line-height: 100%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 3px #343847;
	-webkit-box-shadow:0 0 3px #343847;
	box-shadow:0 0 3px #343847;
}

.form label { 
	
	color: #999999;
	width:60px;
	display:inline-block; float:left;
	}
	

.submit input {
	width: auto;
	padding: 5px 10px;
	background: #accb1d;
	font-size: 14px;
	color: #FFFFFF;
	cursor:pointer;
	margin-left:200px;
	}
	
.submit:hover input {
	width: auto;
	padding: 5px 10px;
	background: #c1e421;
	font-size: 14px;
	color: #FFFFFF;
	cursor:pointer;
	margin-left:200px;
	}
#form-div {
	background-color:#191a22;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
}

.ajaxSubmit{ width:200px; background:#191a22; padding:10px; color:#ccc; display:none; border:none; font-weight:normal; font-style: normal; line-height:normal; font-family: 'NillandRegular', sans-serif; font-size:24px;}

.inputContainer{position:relative;float:left;}
.formError{position:absolute;top:300px;left:300px;padding-bottom:13px;display:block;z-index:5000;cursor:pointer;}
#debugMode{background:#000;position:fixed;width:100%;height:200px;top:0;left:0;overflow:scroll;opacity:0.8;display:block;color:#fff;font-size:14px;z-index:100000;padding:10px;}
.formError .formErrorContent{background:#accb1d;color:#fff;width:150px;font-family:tahoma;font-size:11px;border:2px solid #6e8213;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:4px 10px;}
.formError .formErrorArrow{width:15px;z-index:5001;margin:-2px 0 0 13px;}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{border-left:2px solid #6e8213;border-right:2px solid #6e8213;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;height:1px;background:#accb1d;line-height:0;font-size:0;display:block;margin:0 auto;}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #6e8213;border-right:2px solid #6e8213;border-bottom:0 solid #6e8213;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#6e8213;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#6e8213;}
#wrapper a{color:#0196E3;font-weight:700;font-size:16px;}
.greenPopup .formErrorContent,.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorContent,.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
