@charset "utf-8";
/* General CSS */
* {
	margin:0;
	padding:0;
}
img {
	border: 0;
}
a {
	color: #135299;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #135299;
}
h1, h2, h3, h4, h5,h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 0.5em 0;
}
h1, h2, h3 {
	font-weight: bold;
	line-height: normal;
	font-family: 'Asap', sans-serif;
}	
ul { margin-left: 15px; }
ol { margin-left: 35px; }

ul li { 
	background: url(../images/bullet.png) 0px 20% no-repeat;
	list-style-type: none;
	padding-left: 15px;
}
ol li {
	padding: 0px;
	margin: 0 0 2px 0;
	background: none;
}	
h1 {
	font-size:2.2em;
}
h2 {
	font-size:1.7em;
}
h3 {
	font-size:1.5em;
}
h4 {
	font-size:1.3em;
}
h5 {
	font-size:1.15em;
}
h6 {
	font-size:.95em;
}
li, dd {
	margin-left:1em;
}
fieldset {
	padding:.5em;
}
html {
	height:100%;
}
body {
	font-size: 80%;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	text-align:center; /*center hack*/
	color: #000;
	line-height: 1.5;
	background: #fff;
}
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0!important;
    clear: both; 
    visibility: hidden;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0.1;
	height: 0px!important;
}
.inner {
	padding: 15px;
}
/* Template CSS */
#page-container {
	width: 100%;
	background: #fff;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.header-inner, .intro-inner, .section-grey-inner, .section-inner, .footer-inner, .bottom-inner  {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
.header-inner {
	height: 83px;
	position: relative;
}

.header-inner .logo {
	margin: 25px 10px 24px 10px;
}
/* Main Navigation Bar */				
.nav-inner {
	position: absolute;
	top: 0px;
	right: 10px;
}
.nav-inner ul {
	margin: 0;
	padding: 0;
}
.nav-inner ul li {
	float: left;
	background: none;
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
}
.nav-inner ul li a {
	color: #111;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 1.5;
	padding: 5px 10px;
}
.nav-inner ul li a:hover {
	background: #df3355;
	padding: 5px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	-khtml-border-radius:4px;
	color: #fff;
}
/* ---------------------- */
/* Intro */
#intro {
	background: #fff url(../images/tri_bar_bk.png) repeat-x;
	height: 206px;
	border-bottom: 1px solid #fff;
}
/* Buttons */
/* --------------------------- */		
#content {
	background: #fff;
	color: #666666;
}
.section {
	background: #fff url(../images/dots_white.png) bottom center no-repeat;
	padding-bottom: 10px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #fff;
}
.section-grey {
	background: #eeeeef url(../images/dots_grey.png) bottom center no-repeat;
	padding-bottom: 10px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #fff;
}
.section-inner {
	clear: both;
	padding: 10px;
	display: block;
	width: 980px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 960px;
}
.section-grey-inner {
	border-bottom: none;
	padding: 10px;
	width: 980px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 960px;
}
.backtotop {
	display: block;
	clear: both;
	text-align: right;
}
.backtotop a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: #c6c6c6;
	padding: 3px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	-khtml-border-radius:4px;
	width: 40px;
}
.backtotop a:hover {
	color: #fff;
	background: #408ca5;
}	
#content h1{
	font-weight: normal;
	padding: 10px 0 15px 0;
	margin: 0;
	color: #4b4b4b;
}
.info {
	float: left;
	width: 50%;
	margin-right: 9%;
	display: inline-block;
}
.skills {
	float: left;
	width: 40%;
	display: inline-block;
}
.contact-form {
	padding: 10px!important;
}
.gallery {
	clear: both;
	margin: 10px 0 15px 0;
	padding: 0 0 5px 0;
}
.gallery ul {
	margin: 0;
	padding: 0;
}
.gallery li {
	float: left;
	display: block;
	padding: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	width: 302px;
	list-style: none;
}
.gallery li.last {
	margin-right: 0;
}
.imagecontainer {
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 5px !important;
	margin: 10px 0 10px 5px;
}
.imagecontainer img{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}
.gallery li div {
	line-height: 0;
}
.gallery li .cat-caption {
	padding: 3px 10px;
	margin: 0;
	line-height: 1.55;
}
.gallery li .cat-caption a {
	text-decoration:underline;
	font-weight: bold;
}
.gallery li .cat-caption a:hover {
	text-decoration: none;
}	 	
#footer {
	clear:both;
	background: #262626;
}	
.footer-inner {
	color: #a3a3a4;
	padding: 5px 0;
}	
.contact-col-1, .contact-col-2 {
	float: left;
	display: inline-block;
}
.contact-col-1 {
	width: 50%;
	margin-right: 5%;
}
.contact-col-2 {
	width: 44%;
}
.contact-col-2 p {
	margin-top: 60px;
}
.copyright {
	float: left;
	display: block;
	width: 52%;
	padding-top: 2px;
}
.social {
	padding: 0;
	margin: 0;
	width: 44%;
	float: right;
	text-align: right!important;
}
.social span {
	font-weight: bold;
	font-size: 18px;
	color: #a3a3a4;
	position: relative;
	top: -8px;
}
/* Forms */
form {
	margin: 0;
	padding: 0;
}
form fieldset {
	padding: 5px 0;
}
form fieldset legend {
	font-size: 120%;
	color: #1b518f;
	font-weight: bold;
}			
.inputbox {
	padding: 1px 3px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	color: 666#;
}
input.inputbox {
	height: 20px;
}	
.inputbox:hover, .inputbox:focus, .txt:hover, .txt:focus {
	border: 1px solid #408ca5;
	background: #d9ecf2;
}
form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
form p {
margin-bottom: 4px;
}
form p label {
	font-size: 1.2em;
	}
.required {
	color: #237600;
}
/* ---------------------- */
/* Message */
.error, .success-msg {
	font-weight:bold !important;
}
.error {
	color:#df280a;
	background-color:#faebe7;
	padding:3px;
	border:1px solid #f16048;
	font-size: 0.9em;
	display: inline-block;
}
.success-msg {
	border: 1px solid #1a9111;
	color:#3d6611!important;
	background:#eff5ea url(../images/default/contact/success_ico.png) 10px 50% no-repeat;
	padding:10px;
}
.success-msg  h1 {
	font-size: 1.5em;
	color:#3d6611!important;
	padding: 0!important;
	margin: 5px 0!important;
}
.success-msg h1, .success-msg p {
	padding-left: 70px!important; 
}