.wrap {
	width:960px;
	margin:0 auto;
}

body {
	background:url(../images/bg.jpg) 50% 0 no-repeat #f0f0f0;
}

.debug {border:1px solid black;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.mr10 {margin-right:10px;}
.mr0 {margin-right:0px !important;}
.mr30{margin-right:30px;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml145 {margin-left:145px !important;}
.ml142 {margin-left:142px !important;}
.ml115 {margin-left:115px !important;}
.mt15 {margin-top:15px;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt2 {margin-top:2px !important;}
.ml-90{margin-left:-90px !important;}
.mb15 {margin-bottom:15px;}
.pd5 {padding:5px;}
.pdl20 {padding-left:20px;}
.w100p {width:100%;}
.w50p {width:50%;}
.w50 {width:50px !important;}
.w105 {width:105px;}
.w150{width:150px !important;}
.bb1 {border-bottom:1px solid #979797;}
.bw {background:white !important;}
.pointer{cursor:pointer;}
.min50{min-height:50px !important;}
.h30 {height:28px !important;line-height:28px !important;}

.round3, .portfolio li a, .portfolio li a img{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.round4{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.round5{
	border-radius:5px !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.shadow{
	box-shadow:#aaa 0 0 5px;
	-moz-box-shadow:#aaa 0 0 5px;
	-webkit-box-shadow:#aaa 0 0 5px;
}

/* TYPOGRAPHY */


h1 {font-size:250% !important;}
h2 {font-size:200% !important;}
h3 {font-size:175% !important;}
h4 {font-size:120% !important;}
h5 {font-size: 100% !important;text-transform: uppercase;}
.grayb {border-left:5px solid #313638;}
.greenb {border-left:5px solid #92be1f;}
.blueb {border-left:5px solid #097db8;}
.gray {color:#313638;}
.green {color:#92be1f;}
.blue {color:#097db8;}
.grayh {background-color:#313638;color:white;}
.blueh {background-color:#097db8;color:white;}
.greenh {background-color:#92be1f;color:white;}

blockquote {
	color:#313638 !important;
	font-size: 14px !important;
	font-style: italic !important;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-top: 5px !important;
}

.message {
	padding:10px 10px 10px 60px;
    font-size:12px;
    font-weight:bold;
	line-height:18px;
    margin-bottom:10px;
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.error {
	background:url(../images/stop.png) no-repeat #ffcfcf;
	background-position:15px 50%;
    color:#d02b2b;
    border:1px solid #e9c69e;
}

.approve {
	background:url(../images/button_check.png) no-repeat #cfffa8;
	background-position:15px 50%;
    color:#409e49;
    border:1px solid #81fb1e;
}

.warning {
	background:url(../images/sign_warning.png) no-repeat #fffaa2;
	background-position:15px 50%;
    color:#817b09;
    border:1px solid #cac116;
}

.info {
	background:url(../images/button_white_info.png) no-repeat #ecf9ff;
	background-position:15px 50%;
    color:#3e77ce;
    border:1px solid #bddcdf;
}

pre {
	padding:10px !important;
	border:1px solid #c3c4c5 !important;
	background:#e0e0e0 !important;
	font-size:12px !important;
	font-style:italic !important;
}

p {
	font-size:12px !important;
}

code {
	background: url(../images/pre_bg.gif)!important;
	background-repeat:repeat;
	font-size: 12px!important;
	line-height: 20px!important;
	margin-bottom: 15px!important;
	margin-top: 15px!important;
	padding-bottom: 18px!important;
	padding-left: 10px!important;
	padding-right: 10px!important;
	padding-top: 22px!important;
	display:block;
	border:1px solid #c3c4c5 !important;
}

.dropcap {
	font-size:12px;
}

span.dropcap { 
	display: block;
	float: left;
	font-size: 400%;
	font-style:italic;
	line-height: 110%;
	margin-top:-5px;
	margin-right: 10px;
	font-family:"Myriad Pro Light SemiCond", "Arial";
}

.highlight {
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}


ol li {
	list-style-position: inside;
	list-style-type: decimal;
	font-size:14px;
	line-height:130%;
}

/* FORMS */
.short-input, .med-input, .long-input { 
    background: url(../images/input-bg.jpg) repeat-x;
    color: #2f2f2f;
    display: block;
    float: left;
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 11px;
	font-weight:bold;
    height: 25px;
    line-height: 25px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    border:1px solid #b9bcbc;
	
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.short-input {
    width: 146px;
}

.med-input {
    width: 196px;
}

.long-input {
    width: 246px;
}

.short-input:hover, .med-input:hover, .long-input:hover, .short-input:focus, .med-input:focus, .long-input:focus {
    border:1px solid #7a7777;
}

.short-sel, .mid-sel, .long-sel, .normal-sel { 
    display: block;
    float: left;
    font-size: 12px;
    height: 25px;
	font-family: "Arial", "Helvetica", sans-serif;
    font-size: 12px;	
	border:1px solid #b9bcbc;
	color: #2f2f2f;

	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    
}

.short-sel:hover, .mid-sel:hover, .long-sel:hover, .normal-sel:hover, .short-sel:focus, .mid-sel:focus, .long-sel:focus, .normal-sel:focus { 
	border:1px solid #7a7777;
}

.short-sel {
    width: 150px;
}

.mid-sel {
    width:200px;
}

.long-sel {
    width:250px;
}

.short-textarea, .med-textarea, .long-textarea {
    font-size:12px;
    font-family: Arial;
    float:left;
    margin-top:10px;
    border:1px solid #c2c2c2;
    margin-bottom:10px;
    height:140px;
	color: #2f2f2f;
	
	border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.short-textarea:hover, .med-textarea:hover, .long-textarea:hover, .short-textarea:focus, .med-textarea:focus, .long-textarea:focus {
    border:1px solid #7a7777;
}

.short-textarea {
    width:300px;
}

.med-textarea {
    width:500px;
}

.long-textarea {
    width:700px;
}

.submit {
    float:left;
    text-align: center;
    background:url(../images/submit-bg.jpg) repeat-x;
    height: 38px;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    
	border:1px solid #1d710d;
    color:#053502;
	text-shadow:1px 1px #91cb5a;
    font-size:17px;
    font-weight: bold;
    padding-left:40px;
    padding-right:40px;
    line-height: 38px;
    font-family: Arial;
	overflow: visible;
}

.submit:hover {
    background:url(../images/submit-hover-bg.jpg) repeat-x;
    cursor: pointer;
}

.line {
    clear: both;
    display: block;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    width: 100%;
    min-height:30px;
}

.line label {
    color: #333333;
    display: block;
    float: left;
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 12px;
    line-height: 23px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    width:170px;
}

.header {
	float:left;
	margin-bottom:20px;
	position:relative;
	width:100%;
}

.contactus, .mail, .tel, .skype {
	position:absolute;
	top:30px;
	left:300px;
}

.mail, .tel, .skype {top:70px;}
.tel {left:570px}
.skype {left:790px;}
.mail {top:75px;}


.logo {
	margin-top:10px;
	float:left;
}

.content {
	clear:both;
}

.portfolio {margin-top:10px;}

.portfolio, .portfolio li, .portfolio li a {
	float:left;
	display:inline;
}

.portfolio li {
	margin-right:6px;
	margin-bottom:28px;
}

.portfolio li a {
	padding:2px;
	background:white;
	border:1px solid #aaaaaa;
	color:#949494;
	text-decoration:none;
}

.portfolio li a:hover {
	background:#66c2e0;
	color:#16acde;
	border:1px solid #66c2e0;
}

.portfolio li a div {
	font-size:12px;
	margin-top:10px;
	position:absolute;
	font-weight:bold;
}

.blue-line {
	float:left;
	width:100%;
	height:2px;
	background:#66c2e0;
	
	border-radius:1px;
}