@font-face {
font-family: 'DIN Bold';
font-weight: normal;
src: url('../fonts/DINComp-CondBold_new.eot') format('embedded-opentype');
src: local('☺'), url('../fonts/DINCompPro-CondBold_new.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face{
font-family: 'DIN Bold IE';
font-weight: normal;
src: url('../fonts/DINComp-CondBold_new.eot');
font-weight: normal;
font-style: normal;
}

body{
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family: 'Open Sans', sans-serif;
position:relative;
}

h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
}

ul, li{
list-style:none;
padding:0px;
margin:0px;
}

p{
font-size:13px;
line-height:22px;
}

a {
outline: 0;
text-decoration:none;
color:#f67c05;
}

a:hover{
outline: 0;
text-decoration:none;
color:#f67c05;
}

a img{
border:none;
color:rgba(0,0,0,0);
}

img{
z-index:99;
}


/*default light header*/

header{
height:120px;
width:100%;
padding:0px;
position:fixed;
top:0px;
left:0px;
z-index:999;
}

header nav{
width:1100px;
margin:0px auto;
height:45px;
padding:25px 75px;
}

header nav #logo{
float:left;
padding:0px 35px;
}

header nav #logo h1{
font-size:34px;
text-transform:uppercase;
position:relative;
font-family: 'Russo One', sans-serif;
}

header nav #menu ul{
list-style:none;
margin:0px;
padding:10px 20px 5px 0px;
margin-right:50px;
float:right;
}

header nav #menu ul li{
display:inline;
margin:0px;
padding:0px;
}

header nav #menu ul li a{
font-family: 'Open Sans', sans-serif;
font-size:13px;
text-transform:uppercase;
padding:20px 50px 0px 0px;
margin:0px;
position:relative;
font-weight:700;
}

header nav #menu ul li a.active:after{
content:' ';
position:absolute;
bottom:-6px;
left:0px;
height:1px;
width:25px;
}

/*light header*/

header.light{
background-color:#fff;
box-shadow: 0px 1px #dddddc;
}

header.light nav #logo h1{
color:#5a4c44;
text-shadow:0px 1px #fff;
}

header.light nav #menu ul{
border-bottom:1px solid #d7d7d7;
}

header.light nav #menu ul li a{
color:#2c2c2c;
}

header.light nav #menu ul li a:hover{
color:#f67c05;
}

header.light nav #menu ul li a.active{
color:#f67c05;
}

header.light nav #menu ul li a.active:after{
background-color:#f67c05;
}

/*dark header*/

header.dark{
background-color:#212121;
box-shadow: 0px 1px #101010;
}

header.dark nav #logo h1{
color:#ededec;
text-shadow:0px 1px #101010;
}

header.dark nav #menu ul{
border-bottom:1px solid #444444;
}

header.dark nav #menu ul li a{
color:#ededec;
}

header.dark nav #menu ul li a:hover{
color:#f67c05;
}

header.dark nav #menu ul li a.active{
color:#f67c05;
}

header.dark nav #menu ul li a.active:after{
background-color:#f67c05;
}

section#slider{
background-color:#f1f1f1;
width:100%;
height:700px;
overflow:hidden;
position:relative;
margin:0px;
padding:80px 0px 0px 0px;
}

section#slider .info{
color:#000;
height:241px;
width:241px;
background:rgba(255,255,255,0.9);
-moz-border-radius:241px;
-webkit-border-radius:241px;
border-radius:241px;
text-align:center;
}

section#slider  h2{
line-height:1;
font-size:44px;
margin-top:80px;
text-align:center;
margin-bottom:10px;
font-family: 'DIN Bold', 'DIN Bold IE', helvetica;
font-weight:400;
text-transform:uppercase;
}


section#slider .info p{
font-size:14px;
line-height:20px;
margin:0px;
margin:0px 20px;
padding:5px;
text-transform:none;
font-weight:400;
font-family:'Lato', helvetica;
border-top:3px solid #000;
}

section#slider .info.blue{
color:#fff;
background:rgba(0, 142, 180, 0.9);
}

section#slider .info.blue p{
border-top:3px solid #fff;
}

section#slider .more{
color:#fff;
width:100px;
background:#f67c05;
text-align:center;
float:right;
padding:10px 10px;
font-family: 'Open Sans', sans-serif;
font-size:16px;
text-transform:uppercase;
}

/*flexslider*/

#content-slider{
width:100%;
height:700px;
margin:0px;
padding:90px 0px 0px 0px;
}

#content-slider img{
min-height:700px;
}

.flex-direction-nav li a{
position:absolute;
background-image:url();
background-position:0 0;
width:35px;
height:100px;
background-color:#323232;
top:50%;
}

.flex-direction-nav li .next{
background-image:url(../images/next.png);
background-position:0 0;
right:0px;

}

.flex-direction-nav li .prev{
background-image:url(../images/prev.png);
background-position:0 0;
left:0px;
}

.container{
width:100%;
}

.content{
width:1024px;
margin:0px auto;
padding:50px 0px 100px 0px;
overflow:auto;
}

/*Title*/

.content .title{
display:block;
width:980px;
margin:85px 0px 50px 0px;
position:relative;
}

.content .title h1{
font-size:60px;
text-transform:uppercase;
letter-spacing:1px;
font-family: 'Russo One', sans-serif;
}

.content .title h1 > img{
position:relative;
top:5px;
}

.content .title h1 span{
font-size:15px;
font-family: 'Open Sans', sans-serif;
position:relative;
top:-15px;
padding:0px 0px 0px 20px;
letter-spacing:0px;
}

.content .title .description{
width:300px;
}

/*Title icons*/

.content .title.icon-compas:before{
content:' ';
background-image:url(../images/icons/compas.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-and:before{
content:' ';
background-image:url(../images/icons/hot.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-page:before{
content:' ';
background-image:url(../images/icons/page.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-cog:before{
content:' ';
background-image:url(../images/icons/cog.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-power:before{
content:' ';
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-note:before{
content:' ';
background-image:url(../images/icons/note.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-preview:before{
content:' ';
background-image:url(../images/icons/clock.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-pin:before{
content:' ';
background-image:url(../images/icons/pin.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-email:before{
content:' ';
background-image:url(../images/icons/email.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-chemical:before{
content:' ';
background-image:url(../images/icons/chemical.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-bulb:before{
content:' ';
background-image:url(../images/icons/bulb.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .title.icon-phone:before{
content:' ';
background-image:url(../images/icons/phone.png);
background-repeat:no-repeat;
background-position:center center;
width:150px;
height:150px;
right:0px;
top:-20px;
position:absolute;
}

.content .subtitle{
margin:10px 0px 30px 0px;
}

.content .subtitle h3{
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
border-left:5px solid #f67c05;
padding:0px 0px 0px 10px;
}

.content h1{
font-family: 'Russo One', sans-serif;
text-transform:uppercase;
font-size:60px;
}


/*Columns*/

.full{
width:100%;
height:100%;
float:none;
display:block;
margin:10px 0px;
overflow:auto;
}

.column-three-forth{
width:764px;
float:left;
margin:0px 15px 30px 0px;
}

.column-three-forth.last{
width:764px;
float:left;
margin:0px 0px 30px 0px;
}

.column-half{
width:470px;
float:left;
margin:0px 15px 30px 0px;
}

.column-half.last{
margin:0px 0px 30px 0px;
}

.column-one-forth{
width:230px;
float:left;
margin:0px 15px 30px 0px;
}

.column-one-forth.last{
margin:0px 0px 30px 0px;
}

/*Portfolio*/

article.portfolio{
display:block;
overflow:auto;
z-index:9;
margin:0px;
padding:0px;
}

article.portfolio ul li{
width:320px;
height:370px;
float:left;
margin:0px 20px 20px 0px;
background-color:#fff;
box-shadow:0px 1px #dddddc;
padding:0px;
}

article.portfolio ul li .thumb{
width:320px;
height:300px;
overflow:hidden;
}

article.portfolio ul li img{
height:300px;
margin:0px -10px;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
transition-duration: .4s;
}

article.portfolio ul li img:hover{
opacity:0.8;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
transition-duration: .4s;
}

article.portfolio ul li .info{
padding:10px 10px;
width:300px;
}

article.portfolio ul li .info h3{
font-family: 'Open Sans', sans-serif;
text-transform:uppercase;
text-align:center;
font-size:14px;
line-height:16px;
color:#424242;
}

article.portfolio ul li .info p{
color:#adadad;
font-size:11px;
text-transform:lowercase;
font-style:italic;
text-align:center;
margin:0px;
padding:0px;
font-family:Arial;
}

#filter{
margin:20px 0px;
}

#filter a{
font-size:11px;
text-transform:uppercase;
color:#323232;
padding:5px 20px 5px 5px;
margin:0px 0px 0px 5px;
display:inline;
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-ms-transition-duration: .4s;
transition-duration: .4s;
}

#filter a:hover{
color:#fff;
background-color:#363333;
box-shadow:-1px 1px #dddddc;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
-ms-transition-duration: .8s;
transition-duration: .8s;
}

#filter a.filter-active{
background-color:#f67c05;
color:#fff;
}

/*Blog*/

#box{
overflow:auto;
}

.post{
width:510px;
float:left;
margin:0px 0px 30px 0px;
padding:0px;
}

.post figure{
width:250px;
margin:0px;
padding:25px;
background-color:#fff;
box-shadow: 0px 1px #dddddc;
float:left;
}

.post figure img{
width:250px;
}

.post figure .video{
width:250px;
height:150px;
}

.post  figcaption{
background-color:#1a1a1a;
border-top:1px solid #454545;
float:left;
width:150px;
color:#fff;
font-size:14px;
padding:20px 15px;
position:relative;
left:-15px;
top:5px;
margin:0px;
}

.post  figcaption:before{
content:' ';
background-image:url(../images/blog-arrow.png);
position:absolute;
top:-1px;
left:-23px;
width:23px;
height:19px;
}

.post  figcaption span{
display:block;
color:#6b6b6b;
font-size:12px;
font-style:italic;
font-family:'Arial';
margin-top:10px;
}

.single-post{
width:1024px;
float:left;
margin:0px 0px 30px 0px;
padding:0px;
}

.single-post figure{
width:650px;
margin:0px;
padding:25px;
background-color:#fff;
box-shadow: 0px 1px #dddddc;
float:left;
}

.single-post figure p{
font-size:14px;
line-height:22px;
}

.single-post figure img{
width:650px;
}

.single-post figure .video{
width:650px;
height:450px;
}

.single-post  figcaption{
background-color:#1a1a1a;
border-top:1px solid #454545;
float:left;
width:250px;
color:#fff;
font-size:20px;
padding:20px 15px;
position:relative;
left:-15px;
top:5px;
margin:0px;
}

.single-post  figcaption:before{
content:' ';
background-image:url(../images/blog-arrow.png);
position:absolute;
top:-1px;
left:-23px;
width:23px;
height:19px;
}


.single-post a.comment-num{
color:#fff;
font-size:10px;
font-weight:700;
padding:5px 20px;
background-color:#444;
}

.single-post  figcaption span{
display:block;
color:#6b6b6b;
font-size:12px;
font-style:italic;
font-family:'Arial';
margin-top:10px;
}

.single-post .social-share{
margin-top:20px;
padding-top:10px;
border-top:1px solid #444;
}

/*comment*/
#comments{
padding:25px;
background-color:#fff;
box-shadow: 0px 1px #dddddc;
width:650px;
float:left;
margin:0px 0px 30px 0px;
}

#comments .section-title, #respond .section-title{
font-weight: 400;
margin-bottom: 20px;
padding-bottom:10px;
border-bottom:1px solid #eee;
}

.comments-list{
border-bottom: 1px dotted #f4f4f4;
margin: 27px 0 45px;
padding: 0 0 30px;
overflow: hidden;
}

.comment{
border-top: 1px dotted #f4f4f4;
list-style: none;
margin: 30px 0 0;
padding: 35px 0 0;
}

.comment:first-child{
border-top: none;
margin-top: 0;
padding-top: 0;
}

.comment > article{
margin: 0;
overflow: hidden;
}

.comment .avatar{
background: #fff;
float: left;
margin: 0 0 5px 0;
position: relative;
width: 54px;
z-index: 1;
}

.comment .comment-body, .comment .comment-meta{
float: right;
margin: 0 0 10px 15px;
width: 570px;
}

.comment .comment-meta{
margin-bottom: 0;
}
.comment .author, .comment .author a{
color: #54555a;
margin: 0;
}

.comment .author img{
margin:0px;
}

.comment .author a:hover{
color: #f15a23;
}

.comment .time{
color: #adb3b8;
font-style: italic;
margin: -1px 0 5px;
}

.comment .children{
margin: 0;
padding: 30px 0 0 70px;
position: relative;
}

.comment .children .comment{
border-top: 1px dotted #f4f4f4;
margin: 30px 0 0;
padding: 35px 0 0;
position: relative;
}

.comment .children .comment:first-child{
margin-top: 0;
}

.comment .children .comment-body, .comment .children .comment-meta{
width: 500px;
}

/*respond*/

#respond{
padding:25px;
background-color:#fff;
box-shadow: 0px 1px #dddddc;
width:650px;
float:left;
margin:0px 0px 30px 0px;
}

#respond input, 
#respond select, 
#respond textarea, 
#respond label {
font-size:14px;
margin-bottom:2px;
}

#respond input, 
#respond select, 
#respond textarea {
width:430px;
margin-bottom:20px;
padding:10px 10px;
border: 1px solid #f1f1f1;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
}

#respond input:focus, 
#respond select:focus, 
#respond textarea:focus {
border: 1px solid #f67c05;
background-color: #fff;
}

#respond textarea {
height:150px;
resize: none;
}

#respond label {
display:block;
font-size:12px;
}

#respond .required {
font-weight:bold;
color:#f67c05;	
}

#respond #submit-button {
width: 100px;
background-color:#333;
color:#fff;
border:none;
display:block;
float:none;
margin-bottom:0px;
margin-right:6px;
background-color:#f67c05;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
}

#respond #submit-button:hover {
background-color: #A6CFDD;
}

#respond #submit-button:active {
position:relative;
top:1px;
}

/*Contact*/

#contact-form {
width:450px;
padding:20px 0px;
position:relative;
margin-top:20px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
font-size:14px;
margin-bottom:2px;
}

#contact-form input, 
#contact-form select, 
#contact-form textarea {
width:430px;
margin-bottom:20px;
padding:10px 10px;
border: 1px solid #f1f1f1;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
border: 1px solid #f67c05;
background-color: #fff;
}

#contact-form textarea {
height:250px;
resize: none;
}

#contact-form label {
display:block;
}

#contact-form .required {
font-weight:bold;
color:#f67c05;	
}

#contact-form #submit-button {
width: 100px;
background-color:#333;
color:#fff;
border:none;
display:block;
float:right;
margin-bottom:0px;
margin-right:6px;
background-color:#f67c05;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
}

#contact-form #submit-button:hover {
background-color: #A6CFDD;
}

#contact-form #submit-button:active {
position:relative;
top:1px;
}

#contact-form #loading {
width:32px;
height:32px;
background-image:url(../img/loading.gif);
display:block;
position:absolute;
right:130px;
bottom:16px;
display:none;
}

#errors {
border:solid 1px #F26174;
padding:10px;
margin:25px 0px;
display:block;
width:400px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#FAB1BB url(../images/cancel_48.png) no-repeat 370px center;
display:none;
color:#fff;
}

#errors li {
padding:2px;
list-style:none;	
}

#errors li:before {
content: ' - ';	
}

#errors #info {
font-weight:bold;
}

#errors #info:before {
content: '';	
}

#success {
border:solid 1px #61F27C;
padding:25px 10px;
margin:25px 0px;
display:block;
width:400px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#6699cc url(../images/accepted_48.png) no-repeat 470px center;
font-weight:bold;
display:none;
color:#fff;
}

#errors.visible, #success.visible {
display:block;	
}

#req-field-desc {
font-style:italic;
}



/*Colors*/

.light{
background-color:#f4f4f4;
color:#424242;
}

.dark{
background-color:#2a2a2a;
color:#f1f1f1;
}

.dark p{
color:#3a3a3a;
}

.dark p{
color:#dddddd;
}


.light .title h1{
color:#424242;
text-shadow:0px 1px #fff;
}

.dark .title h1{
color:#ededec;
text-shadow:0px 1px #010101;
}

.light .title h1 span{
color:#f67c05;
border-left:2px dotted #f67c05;
padding:0px 0px 0px 20px;
text-shadow:0px 1px #fff;
}

.dark .title h1 span{
color:#f67c05;
border-left:2px dotted #f67c05;
padding:0px 0px 0px 20px;
text-shadow:0px 1px #010101;
}


/*Shortcodes*/

.image{
width:100%;
height:auto;
overflow:hidden;
}

.image img{
width:100%;
}

.image .caption{
background-color:#fff;
text-align:center;
margin:0px;
padding:5px 15px 10px 15px;
color:#424242;
position:relative;
top:-5px;
box-shadow: 0px 1px #dddddc;
}

.image .caption h3{
color:#424242;
box-shadow: 0px 1px #dddddc;
font-family: 'Open Sans', sans-serif;
font-size:18px;
text-transform:uppercase;
border:none;
}

.image .caption span{
font-style:italic;
font-size:11px;
color:#b6b6b6;
}

.image .caption p{
color:#777;
margin:0px;
padding:0px;
font-size:12px;
}

.column-one-forth img{
width:100%;
height:auto;
}

.column-half img{
width:100%;
height:auto;
}

.column-full img{
width:100%;
height:auto;
}

/*list*/

.list{
border-top:3px solid #353535;
padding:20px 0px 0px 0px;
}

.list h3{
font-weight:400;
margin-bottom:20px;
text-transform:uppercase;
font-size:20px;
}

.list li{
background-image:url(../images/check.png);
background-repeat:no-repeat;
padding:0px 0px 0px 15px;
font-size:12px;
font-style:italic;
font-family:'Arial';
margin:0px 0px 20px 0px;
}

.list span{
color:#797979;
}

/*map*/

#map{
height:250px;
background:#6699cc;
border-radius:10px;
}


/* accordination*/

.accordion  {
width: 100%;
padding:0px;

}
.accordion div {
background-color:rgba(0,0,0,0.2);
}

.accordion p {
font-size: 13px;
margin: 0px;
padding: 20px;
}

.accordion a {
cursor:pointer;
display:block;
padding:10px 5px 10px 30px;
font-size: 14px;
background-color:rgba(0,0,0,0.4);
text-transform:uppercase;
color:#fff;
}
.accordion a:hover {
background-color:#f67c05;
}
.accordion a.selected {
background-color:#f67c05;
background-position:0 20px;
border-radius:2px;
background-image: url(../images/skills.png);
background-repeat:no-repeat;
}

/*social*/
#social
{
padding: 28px 0px; 
}

#social ul {
display: block; 
line-height: 42px;
width: 128px;
}

#social li {
display: inline;
}

#social .ico {
display: block;
overflow: hidden;
float: left;
position: relative;
top: 7px;
margin-right: 7px;
border: none;
vertical-align: middle;
}

#social .ico:before {
position: relative;
display: block;
content: '';
width: 35px;
height: 35px;
border-radius: 50%;
background: #5f5f5f;
}

#social .ico:hover {
overflow: visible;
}

#social .ico:before {
background: #5f5f5f url('../images/social.png') 0 0 no-repeat;
background-size: 35px 105px;}

#social .i-feed:before 
{
background-position: 0 0;
}

#social .i-twitter:before 	{ background-position: 0 -35px;/*35*/ }
#social .i-gplus:before 		{ background-position: 0 -70px;/*70*/ }
#social .i-feed:hover:before 	{ background-color: #ff8c1a; }
#social .i-twitter:hover:before 	{ background-color: #17a1e5; }
#social .i-gplus:hover:before 	{ background-color: #d14836; }
#social .ico:hover:before { z-index: 1001; }


/*divider*/
.divider{
margin:30px 0px;
clear:both;
}

/*tabs*/
.tabs-nav{
width: 100%;
}

.tabs-nav li{
float: left;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}

.tabs-nav li.active-tab{
line-height: 31px;
}

.tabs-nav li a {
cursor:pointer;
display:block;
padding:5px 5px 5px 10px;
font-size: 14px;
background-color:rgba(0,0,0,0.4);
text-transform:uppercase;
color:#fff;
}

.tabs-nav li a:hover{
background-color:#f67c05;
background-position:0 20px;
border-radius:2px;
background-image: url(../images/skills.png);
background-repeat:no-repeat;
}
				
.tabs-nav li.active-tab a {
background-color:#f67c05;
background-position:0 20px;
border-radius:2px;
background-image: url(../images/skills.png);
background-repeat:no-repeat;
}

.tabs-container{
margin: 0px 0px 20px 0px;
overflow: hidden;
width: 100%;
background-color:rgba(0,0,0,0.2);
}

.tab-content{
padding: 20px;
}


/*Shots*/
#shot{
height:100%;
width:100%;
}

.shot{
float:left;
position:relative;
width:230px;
margin:0px 10px 10px 0px;
}

.shot.medium{
width:470px;
}

.shot img{
width:100%;
}

.dribbble-shot{
position:relative !important;
z-index:9;
width:100%;
height:100%;
}

.dribbble-shot:after{
content:' ';
position:absolute;
background-image:url(../images/icons/dribbble.png);
width:32px;
height:32px;
background-repeat:no-repeat;
bottom:15px;
right:10px;
}

.flickr-shot{
position:relative;
}

.flickr-shot li{
margin:0px 5px 5px 0px;
position:relative;
display:inline;
float:none;
}

.flickr-shot li:nth-child(3){
margin:0px 0px 5px 0px;
}

.flickr-shot li:last-child{
margin:0px 0px 5px 0px;
}

.flickr-shot:after{
content:' ';
position:absolute;
background-image:url(../images/icons/flickr.png);
width:32px;
height:32px;
background-repeat:no-repeat;
bottom:10px;
right:10px;
}

.flickr-shot img{
width:73px;
height:75px;
}

/*Skills*/

#skills {
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#skills li, #skills li span { 
-moz-border-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border-radius:2px;
}
#skills li {
margin-bottom: 15px;
color: #424242;
font-weight: 400;
text-transform: uppercase;
position: relative;
height: 30px;
background-color:rgba(0,0,0,0.2);
}
#skills li p {
position: absolute;
left: 10px;
top: -8px;
}
#skills li strong {
color: #fff;
margin-left: 5px;
font-size: 11px;
}
#skills li span {
height: 30px;
background: url(../images/skills.png);
background-repeat:no-repeat;
text-align: right;
}
#skills li span {
background-image: url(../images/skills.png);
background-color:#f67c05;
background-repeat:no-repeat;
}

/*tweet*/

footer a.twitter {
display:block;
margin:0px;
text-align:center;
padding:25px 25px;
background:url(../images/separator.png) center 52px no-repeat;
color:#212121;
box-shadow: 0px -1px #dddddc;
}
footer a.twitter span.twitter {
margin:0 auto;
display:block;
width:60px;
height:60px;
overflow:hidden;
background-image:url(../images/bbq.png);
}
footer a.twitter p {
font-size:20px;
font-weight:300;
line-height:30px;
font-size:20px;
font-weight:300;
line-height:30px;
margin-bottom: 0;
color:#212121;
}

footer a.twitter .time {
font-weight:500;
font-size:16px;
}

/*bbq*/

footer a.bbq {
display:block;
margin:0px;
text-align:center;
padding:25px 25px;
background:url(../images/separator.png) center 52px no-repeat;
color:#212121;
box-shadow: 0px -1px #dddddc;
}
footer a.bbq span.bbq {
margin:0 auto;
display:block;
width:60px;
height:60px;
overflow:hidden;
background-image:url(../images/bbq.png);
}
footer a.bbq p {
font-size:20px;
font-weight:500;
line-height:30px;
font-size:20px;
font-weight:300;
line-height:30px;
margin-bottom: 0;
color:#212121;
}

footer a.bbq .time {
font-weight:500;
font-size:16px;
}


.footer{
background-color:#323232;
padding:10px 0px;
margin:0px;
}

.footer p{
margin:0px auto;
width:1200px;
text-transform:uppercase;
color:#fff;
font-size:10px;
text-align:center;
}

.cities {
    color: #F67C05;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-align: center;
}

.numbertxt {
    color: #DDDDDD;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight:500;
    letter-spacing: 0.1em;
    text-align: center;
}

.number {
    color: #DDDDDD;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 32px;
    font-weight:500;
    letter-spacing: 0.1em;
    text-align: center;
}