@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato);
body
{
margin:0;
padding:0;
text-align:center;
font-family: 'Lato', sans-serif;
background: #000000; /* Old browsers */


}
.clr{ clear:both;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}
p
{font-size:14px;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* Preloader */


#preloader,#spinner {  
     position:fixed;  
     top:0; left:0; right:0; bottom:0; margin:auto; 
     background:#000;  
     z-index:9999;  
     overflow:hidden;
}
header{ width:1000px; height:130px; margin:0 auto; color:#fff;}
header > section:nth-child(1){ width:360px; float:left; padding-top:20px;}
header > section:nth-child(2){ width:636px; float:left;}
header > section > menu ul{ position:relative; float:right;right:0px; padding-top:50px;}
header > section > menu a { color:#fff;}
header > section > menu a:hover{ color:#DC0F14;}
header > section > menu ul li{ display:inline; padding:5px 10px;}
#banner_wrap{ width:100%; padding:10px 0;background: #000000; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #000000 0%, #000000 30%, #666666 48%, #2c2c2c 68%, #131313 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(30%,#000000), color-stop(48%,#666666), color-stop(68%,#2c2c2c), color-stop(100%,#131313)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #000000 0%,#000000 30%,#666666 48%,#2c2c2c 68%,#131313 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #000000 0%,#000000 30%,#666666 48%,#2c2c2c 68%,#131313 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #000000 0%,#000000 30%,#666666 48%,#2c2c2c 68%,#131313 100%); /* IE10+ */

background: linear-gradient(to bottom,  #000000 0%,#000000 30%,#666666 48%,#2c2c2c 68%,#131313 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=0 ); /* IE6-8 */

}
#banner_wrap section { width:1000px; margin:0 auto;}
#content_wrap{ width:1000px; -webkit-border-radius: 8px 8px 0px 0px;border-radius: 8px 8px 0px 0px; background:#fff; margin:0 auto; margin-top:20px;}
#content_wrap > section:nth-child(1){ background:url(../images/article_bg.jpg) repeat-x;width:670px;float:left;-webkit-border-radius: 8px 0px 0px 0px;border-radius: 8px 0px 0px 0px;}
#content_wrap > section:nth-child(2){ background:url(../images/article_bg.jpg) repeat-x; padding:20px 10px; width:310px;float:left;-webkit-border-radius: 0px 8px 0px 0px;border-radius: 0px 8px 0px 0px;}
#content_wrap > section { padding:18px 0;}
#content_wrap > section p{ padding:20px; text-align:justify; color:#666; border-right:1px dotted #999; margin-top:30px;}
#content_wrap > section h2{ color:#fff; font-weight:normal;}
#artleft h2 { border-right:1px solid #fff;}
#content_wrap > #artleft > div:nth-child(1){ width:335px; float:left;}
#content_wrap > #artleft > div:nth-child(2){ width:335px; float:left;}
#content_wrap > #artleft > div:nth-child(3){ width:650px; float:left; margin-top:20px;}
#content_wrap > #artleft > div:nth-child(3) h2{ color:#333; text-align:left; padding:20px;}
#content_wrap > section:nth-child(2) p{ border:none;}
#content_wrap > section:nth-child(2) form input ,textarea{ border:none;background: #f2f2f2;padding:12px; margin:12px 0;-webkit-border-radius: 4px;border-radius: 4px; width:80%;}

.send {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.send:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.send:active {
	position:relative;
	top:1px;
}
.more {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:4px 19px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.more:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.more:active {
	position:relative;
	top:1px;
}
footer{ background:#434343; padding-bottom:25px;}
#foot_wrap{ width:1000px; border-top:12px solid #fff; margin:0 auto;}
footer section p{ text-align:center; color:#fff; padding:5px 20px; font-size:12px;}
footer section nav ul{ padding-top:30px;}
footer section nav ul li{ display:inline; padding:0px 12px; color:#fff; font-size:12px;}
.image_carousel {
	padding: 15px 0 15px 30px;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
.image_carousel a {
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
}
ul#portfolio { width:900px;float: left; list-style: none; margin:0 auto; padding-left:50px;}
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 202px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block;}