/* #960px or higher
================================================== */
.indexlink {width: 200px; height:250px; left:50%; margin-left:-100px; position:absolute; top:0px; cursor:pointer; cursor:hand;}
.wrapper                                { position: relative; max-width: 1010px; width:100%; margin: 0 auto; padding-top: 50px; }
.rc {position: absolute; margin-left:700px; top:290px; width: 240px; height:400px;}
.tc {width: 1010px; text-align:right; padding-top:15px;}
.in {width:728px; margin: 60px 0 15px -29px;}
nav {font-size:13px;}
.showmenu {cursor:pointer; cursor:hand; display:none; z-index: 10; color: #fff; text-shadow: 1px 1px #000; background: #15192c; border-radius: 5px; font-size:14px; position:absolute; left:5px; top: 5px; padding: 5px 10px;}

.film {clear:both; min-height: 220px; margin: 10px 0; padding:10px 0; background: url('/images/sep.png') center bottom no-repeat; background-size: 90% auto;}
.film img {width: 140px; float:left; padding-right: 20px; margin: 0 0 15px 0; border: none;}
.film p {font-size:14px;}
.film span {font-size:14px;}
.film p.pubdate {text-align:right; font-size:12px;}
.film h3 {font-size:22px; font-weight: normal; line-height: 2; margin-top:8px;}

.navi {z-index: 11; width:100%; text-align:center; padding: 8px 0; position:absolute;}
.navi a {color: #fff; text-shadow: 1px 1px #000; display:inline; padding: 8px 8px; background: #15192c; border-radius: 5px; font-size:14px;}

.rel {text-align:center; width:20%; min-width:180px; margin: 10px 1%; padding: 5px 10px; float:left;}
.rel img {min-width:180px; width:100%}

#pagination {padding: 10px 0; text-align:center;}
#pagination b, #pagination a { padding: 3px 8px; border-radius: 3px; border: 1px #ccc solid;}
#pagination b {background-color: #4c726d; color: #fff; border-color: #3b615c;}
#pagination a {background-color: #e4eceb; color: #000; text-decoration:none;}

nav                                     { position: absolute; display: inline; width: 180px; margin-top: 190px; left:-150px; top:100px}
nav a                                   { width: 55px;  display: inline-block; }
nav li                                  { padding-left: 5px; margin-bottom: 4px; }
nav li a span                           { width: 100%; height: 100%; display: inline-block; }
nav li a span span                      { visibility: hidden; }
nav li.current-menu-item                           { padding-left: 0px; }
nav li.current-menu-item a                         { width: 180px; padding: 5px 0 }
nav li.current-menu-item a span span               { visibility: visible; }
nav li.profile.current-menu-item a > span          { padding-left: 11px; }
nav li.resume.current-menu-item a > span           { padding-left: 10px; }
nav li.portfolio.current-menu-item a > span        { padding-left: 10px; }
nav li.blog.current-menu-item a > span             { padding-left: 10px; }
nav li.contact.current-menu-item a > span          { padding-left: 10px; }
nav li.clients.current-menu-item a > span          { padding-left: 10px; }
nav li.ourteam.current-menu-item a > span          { padding-left: 10px; }
nav li.services.current-menu-item a > span         { padding-left: 10px; }
nav li.testimonials.current-menu-item a > span     { padding-left: 10px; }
nav li.links.current-menu-item a > span            { padding-left: 10px; }
.content                                { float: left; display: inline; max-width: 1010px; width:100%; min-height: 350px; padding-bottom: 30px; margin-top: 20px; background: url('/images/shbg.jpg') 0px 0px no-repeat #fff;}
/*.innerContainer                         { padding-bottom: 30px; }*/
.info                                   { float: left; width: 470px; margin-top: 30px; margin-left: 90px; }
.head img                               { float: left; margin-right: 15px; width: 110px; height: 110px; }
.head .name                             { float: left; padding-top: 30px; font-size: 40px; }
.topAddress                             { float: right; width: 190px; margin-top: 30px; margin-right: 40px; }
.innerContainer                         { margin-left: 5%; margin-right: 3%; max-width: 890px; width:92%; position:relative; min-height:950px; padding-top:40px;}
.desc                                   { min-height: 80px; margin: 20px 0; padding-bottom: 10px; clear:both;}
.subnavContainer div div                { float: left; margin-right: 69px; }
.subnavContainer .invert                { display: inline-block; width: 48px; height: 48px; margin-bottom: 5px; }
.sidebar                                { float: right; width: 190px; min-height: 330px; margin-top: 20px; margin-right: 40px; }
.sidebar address                        { margin-top: 30px; }
.subscribe                              { margin-top: 5px; }
.subscribe img                          { margin-left: 5px; }
.social                                 { margin-top: 5px; }
.social img                             { margin-left: 5px; }
.twitter-updates                        { margin-top: 15px; }
.twitter-updates ul                     { margin-top: 10px; }
.twitter-updates li                     { padding-left: 16px; }
.twitter-updates span                   { display: block; }
.recent-work-widget ul 					{ width:120px; float:right; }
.recent-work-widget ul li 				{ float:left; margin:0 0 10px 10px; }
.recent-work-widget ul li:first-child	{ margin-top:0 !important; }
.recent-work-widget ul li .post-thumb	{ margin:0 !important; }
footer                                  { clear: both; padding: 24px 0 0 0; background: url('/images/shbg.jpg') no-repeat 0px 0px; }

/* Profile */
.profile .sidebar                       { float: right; width: 190px; min-height: 330px; margin-top: 20px; margin-right: 40px; }

/* Resume */
.personalDev li                         { padding-top: 5px; margin-bottom: 15px; }
.personalDev .time                      { float: right; }
.skills li                              { padding-top: 5px; }
.skills .skill                          { display: inline-block; min-width: 160px; }
.ie7 .skills .skill                     { float: left; }
.ie7 .skills .rating                    { float: left; margin-top: 4px; }
.skills .rating                         { display: inline-block; margin-left: 10px; }
.skills .rating span                    { display: inline-block; width: 10px; height: 10px; margin-right: 3px }
.skills .description                    { display: inline-block; margin-left: 10px; }

/* Portfolio  */
.portfolio-items .filter				{ margin:40px 0 10px 0;}
.portfolio-items .filter li             { float: left; margin: 0 10px 10px 0; }
.portfolio-items .filter li a           { padding-left: 7px; padding-right: 7px; height: 30px; display: block; }
.portfolio-items .items li              { margin-right: 20px; margin-bottom: 20px; width: 210px; float: left; }
.portfolio-items .items li.item-hidden	{ display: none; }
.portfolio-items .items li .title       { display: block; }
.portfolio-items .items li .desc        { min-height: 0px; margin: 0px; }
.portfolio-items .items li img          { width: 210px; }
.portfolio-items .items .image-wrapper  { position: relative; }
.portfolio-items .items .image .image-wrapper .cover { display: none; }
.portfolio-items .items .video .image-wrapper .cover { display: none; }
.portfolio-items .items .image:hover .image-wrapper .cover { width: 210px; height: 160px; display: block; position: absolute; left: 0px; }
.portfolio-items .items .video:hover .image-wrapper .cover { width: 210px; height: 160px; display: block; position: absolute; left: 0px; }

/* Contact */
.contact iframe                         { width: 690px; height: 285px; }
.contact .desc							{ margin:20px 0; }
.contact form                           { float: left; width: 420px; }
.contact form .error					{ display: none; }
.contact textarea                       { width: 100%; height: 120px; }
.contact input[type="submit"]           { float: right; margin-top: -20px; margin-right: -10px; }
.contact .sidebar                       { float: right; margin-right: 0px; margin-top: -40px; }
.contact .social h6                     { margin-bottom: 10px; }

/* Blog */
.main                                   { float: left; width: 480px; }
.main.full-width						{ width: 100%; }
.blog article                           { margin-bottom: 50px; }
.blog article img                       { width: 100%; }
.blog .meta                             { margin-top: 7px; margin-bottom: 10px; }
.blog .postVideo, .blog .postSlideshow	{ margin-bottom: 10px; }
.blog .sidebar                          { float: right; margin-right: 0px; margin-top: 20px; }
.blog .sidebar div                      { margin-bottom: 30px; }
.blog .subscribe h6                     { margin-bottom: 10px; }
.blog .pagination .left                 { float: left; }
.blog .pagination .right                { float: right; }
.blog .main                             { margin-top: 20px; }

/* Comments */
.blog .comments ol.commentsList         { margin-top: 20px; margin-left: 0px; }
.blog .commentMetaTop                   { margin-bottom: 10px; }
.blog .commentMetaTop img               { float: left; margin-right: 10px; }
.blog .comment                          { padding-bottom: 10px; }
.blog .children .comment            { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.blog .comments form                    { margin-top: 10px; }
.blog .comments form textarea           { width: 470px; height: 200px; }
.blog .comments form input.submit       { float: right; }

/* Footer */
footer                                  { max-width: 1010px; width:100%; padding-bottom: 30px; }
.ie7 footer                             { margin-top: -50px; }

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

/* #Media Queries
================================================== */
	@media only screen and (max-width: 1175px) {
	nav                                     {   left:50px;  margin-top:110px; z-index:1000; width:700px}
	nav ul  li{float:left; display:block; width:90px; margin: 0 10px;}
	}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

@media only screen and (max-width: 550px) {
.portfolio {background-size:100% auto;}	
.content {margin-top: 6%;}
}

@media only screen and (min-width: 551px) and (max-width: 900px) {
.portfolio {background-size:100% auto;}	
.content {margin-top: 10%;}
.navi a {font-size: 12px; padding: 8px 4px;}
body {background-position: center -20px;}
}

@media only screen and (min-width: 900px) and (max-width: 1019px) {
.navi a {font-size: 12px; padding: 8px 4px;}
}
@media only screen and (max-width: 843px) {
.navi a {font-size: 12px; padding: 8px 4px;}
.content {margin-top: 80px;}
.navi {display:none;}
.showmenu {display:block;}
}
@media only screen and (max-width: 451px) {
.navi a {font-size: 11px; padding: 8px 4px;}
.content {margin-top: 26px;}
}