/*
Author: Justin Small
Author URL: http://justinsmall.net/
*/


/* == BASICS == */

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

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

/* end reset */

header, footer, section, article, aside, nav {
display: block;
}
body {
margin: 0 auto;
/*width: 1024px;*/
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color:#fff;
background:#f0ece9 url(images/bg-footer2.jpg);
font-size:62.5%;
}

body.home {
background-position:40% 50.1%;
background-repeat:no-repeat;
}

body.archive {
background-position:40% 43.1%;
background-repeat:no-repeat;
}

body.single {
background-position:40% 50.1%;
background-repeat:no-repeat;
}

section {
clear: none;
padding:1em 0;
}


/* == LINKS == */

a:link, a:visited {
text-decoration:none;
color:#4A4848;
}
a:hover, a:active {
border:none;
}


/* == HEADER == */

body>header {
background: url(images/bg-header.jpg) 50% 0 no-repeat;
color: #ccc;
height:216px;
width:100%;
}
body>header hgroup {
margin:0 auto;
width:1024px;
display:block;
position:relative;
}
body>header h1 {
margin: 0;
margin:0; 
width:391px; 
height:216px; 
float:left;
}
body>header h1 img {	
position:absolute;
top:-30px;
z-index:4;
}
body>header h1 a:link, body>header h1 a:visited {
text-decoration: none;
color: #ddd;
width:391px;
height:216px;
display:block; 
background:none;
}
body>header h1 span {
display:none;
}	
body>header h1 a:hover img, body>header h1 a:active img {
text-decoration: none;
color: #fff;
-moz-transform: translate(0, 20px);
-webkit-transform: translate(0, 20px);
}
body>header h2 { display:none; }

/* == NAVIGATION == */

nav {
text-align: center;

}
header>hgroup>nav {
padding: 0;
height:37px;
width:284px;
float:right;
margin:160px 1.5em 0 0em;
}

header>hgroup>nav ul {
text-align: left;
margin: 0;
}
header>hgroup>nav li {
margin-right: 20px;
font-weight: bold;
font-family:"Anivers Regular", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size:1.2em;
display:inline;
}
header>hgroup>nav li a {
display:block;
float:left;
margin:0 5px 0 0;
padding:0;
height:37px;
color:#fff;
}

header>hgroup>nav li a.home { width:82px; background:url(images/bg-mainnav.png) 0 0 no-repeat; }
header>hgroup>nav li a.home:hover { background:url(images/bg-mainnav.png) 0 -37px no-repeat; }
header>hgroup>nav li.current a.home { background:url(images/bg-mainnav.png) 0 -74px no-repeat; }
header>hgroup>nav li a.work { width:106px; background:url(images/bg-mainnav.png) -82px 0 no-repeat; }
header>hgroup>nav li a.work:hover { background:url(images/bg-mainnav.png) -82px -37px no-repeat; }
header>hgroup>nav li.current a.work { background:url(images/bg-mainnav.png) -82px -74px no-repeat; }
body.single>header>hgroup>nav li a.work { background:url(images/bg-mainnav.png) -82px -74px no-repeat; }
header>hgroup>nav li a.aboutme { width:81px; background:url(images/bg-mainnav.png) -188px 0 no-repeat; }
header>hgroup>nav li a.aboutme:hover { background:url(images/bg-mainnav.png) -188px -37px no-repeat; }
header>hgroup>nav li.current a.aboutme { background:url(images/bg-mainnav.png) -188px -74px no-repeat; }

header>hgroup>nav li a:hover { }
header>hgroup>nav li.current a { }
header>hgroup>nav li a span {
display:none;
}
header>hgroup>div.head {
position:absolute;
left:36em;
top:4em;
width:375px;
height:175px;
z-index:2;
}		
header>hgroup>div.aero {
position:absolute;
top:23px;
z-index:3;
left:0;
}

header>hgroup> div.twitterquote {
position:absolute;
background:url(images/bg-twitter.png) bottom left no-repeat;
width:343px;
height:133px;
right:10em;
top:1em;
z-index:6;
}
header>hgroup> div.twitterquote blockquote {
font-size:1.2em;
padding:0 1.5em;
font-family:Georgia,'Times New Roman,Times',Garamond,serif;
color:#4A4848;
margin:3em 2.5em 0 2.5em;
line-height:1.5em;
}

span.twitter-timestamp {
color:#8C8B86;
}


/* == FEATURE == */

#feature {
width: 970px;
display:block;
margin:0 0 0 19px;
padding: 10px;
border: 0px solid #CCC;
}

div#feature_list {
width: 970px;
height: 360px;
margin:0 auto;
overflow: hidden;
position: relative;
border:0px dashed #ccc;
-webkit-box-shadow: 0px 0px 4px rgba(185, 181, 178,1);
-moz-box-shadow: 0px 0px 4px rgba(185, 181, 178,1);
}

div#feature_list ul {
position: absolute;
top: 10px;
right:5px;
list-style: none;	
padding: 0;
margin: 0;
}

ul#tabs {
left: 0;
width:970px;
position:absolute;
height:360px;
z-index: 2;

}

ul#tabs li {
font-size: 1.2em;
margin:0.5em 0 0 0;	
}

ul#tabs li a h3 {
text-align:center;
font-style:normal;
line-height:3.9em;
}

ul#tabs li a.current h3 {
line-height:1.8em;
text-align:left;
margin:0.7em 0 0 0.6em;
font-size:300%;
color:#4A4848;
}

ul#tabs li a {
color: #4A4848;
background:rgb(100%,100%,100%);
background:rgba(255,255,255,.8);
text-decoration: none;	
display: block;
padding: 5px 0;
height: 10px;
width:147px;
height:50px;
outline: none;
display:none;
}

ul#tabs li a:hover {
color:#269514;
}

ul#tabs li a.current {
/*background:rgb(29%,28%,28%);*/
background:rgba(255, 255, 255,.9);
color: #FFF;
position:absolute;
left:0;
border-top:1px solid #DCD8D7;
bottom:0;
width:100%;
height:120px;
display:block;
}

ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}

ul#output {
left: 10px;
width: 443px;
height: 340px;
position: relative;
}

ul#output li {
position: absolute;
width: 950px;
height: 340px;
overflow:hidden;
}


ul#output li a.details {
position: absolute;
bottom: 30px;
right: 2em;
padding: 8px 12px;
text-decoration: none;
font-size: 1.4em;
color: #FFF;
background: #4A4848;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
z-index:12;
}

ul#output li a.details:hover {
background: #305fa5;
-webkit-transform: scale(1.1); 
-moz-transform: scale(1.1);
}

ul#output li img {
width:950px;
}

/* == HOMEPAGE == */

body.home section.content {
width:970px;
margin:0 auto 0 auto;
padding:2em 0 0 0;
border-left:1px solid rgba(214,210,207,.9);
border-right:1px solid rgba(214,210,207,.9);
border-bottom:3px solid rgba(214,210,207,.9);
box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
-webkit-box-shadow: 0px 0px 3px rgba(185, 181, 178,8);
-moz-box-shadow: 0px 0px 3px rgba(185, 181, 178,8); 
background:#EFECE9 url(images/bg-section-main.jpg) top left;
}

article.colhome {
float:left;
width:296px;
margin:2em 0 1em 2em;
border-right:2px dashed #ccc;
}

article.colhome a {
border-bottom:1px dotted #4A4848;
}

article.colhome a:hover {
border:0;
}

article.colhome.last {
border:none;
}

article.colhome h1, article.clients h1 {
font-size:2.4em;
font-family:Palatino,Georgia,'Times New Roman',serif;
color:#4a4848;
font-weight:normal;
}

article.colhome h1.test {
padding:3px 0 3px 35px;
background:url(images/icon-testimonials.png) 0 50% no-repeat;
color:#185ba9;
}

article.colhome h1.services {
color:#d3862a;
background:url(images/bg-services.png) 0 50% no-repeat;
padding:3px 0 3px 32px;
}

article.clients h1 {
color:#d3862a;
background:url(images/bg-client.png) 0 30% no-repeat;
padding:3px 0 3px 35px;
}

article.colhome p, article.colhome ul {
font-size:1.4em;
color:#8C8B86;
margin:1.0em 0 0 0;
line-height:1.5em;
}

article.colhome ul {
margin-left:0.6em;
}

article.colhome ul.services li {
padding:0 0 0 1.5em;
font-style:italic;
background:url(images/services-li.gif) 0 50% no-repeat;
font-weight:bold;
}

.quotescollection_randomquote {
float:left;
color:#8c8b85;
width:273px;
min-height:205px;
background:url(images/bg-quote.png) 0 0 no-repeat;
position:relative;
}

.quotescollection_randomquote q {
display:block;
margin:1.5em 0 0 1.5em;
font-size:1.1em;
font-weight:normal;
font-family:Palatino,Georgia,'Times New Roman',serif;
line-height:1.2em;
}

.quotescollection_randomquote cite {
display:block; /* To display author and source in a new line */
text-align:right; 
margin:0.2em 0 0 0;
line-height:1.3em;
font-size:80%;
}

.quotescollection_nextquote { /* 'Next Quote »' link */
float:right;
bottom:0;
right:0;
}

.quotescollection_nextquote a { /* use this if you want to change, for example, the color of the 'Next Quote »' link */
font-size:80%;
}


article.colhome blockquote {
float:left;
color:#8c8b85;
width:273px;
min-height:174px;
font-family:Palatino,Georgia,'Times New Roman',serif;
font-size:1.9em;
font-weight:normal;
line-height:1.2em;
background:url(images/bg-quote.png) 0 50% no-repeat;
}

article.colhome blockquote span {
display:block;
margin:1.5em; 0 0 0;
}

article.colhome blockquote span em {
font-size:70%;
margin:0.5em 0 0 0;
display:block;
}

article.clients {
float:left;
width:auto;
margin:0 0 0 1.8em;
border-top:1px dashed #ccc;
padding:1em 0 0 0;
}

article.clients h1 {
color:#ff3a43;
}

article.clients h2 {
font-size:1.2em;
color:#8C8B86;
margin:0.5em 0;
}

article.clients nav {
width:100%;
height:73px;
margin:0 auto;
display:block;
}

article.clients nav li {
float:left;
}

article.clients nav li a {
height:73px;
display:block;
margin:0 0.7em;
}

article.clients nav li a span {
display:none;
}

article.clients nav li.reed a { width:168px; background:url(images/bg-logo-btn.png) 0 0 no-repeat; }
article.clients nav li.reed a:hover { background:url(images/bg-logo-btn.png) 0 -73px no-repeat; }

article.clients nav li.rdf a { width:139px; background:url(images/bg-logo-btn.png) -168px 0 no-repeat; }
article.clients nav li.rdf a:hover { background:url(images/bg-logo-btn.png) -168px -73px no-repeat; }

article.clients nav li.emap a { width:131px; background:url(images/bg-logo-btn.png) -307px 0 no-repeat; }
article.clients nav li.emap a:hover { background:url(images/bg-logo-btn.png) -307px -73px no-repeat; }

article.clients nav li.aam a { width:137px; background:url(images/bg-logo-btn.png) -438px 0 no-repeat; }
article.clients nav li.aam a:hover { background:url(images/bg-logo-btn.png) -438px -73px no-repeat; }

article.clients nav li.ipc a { width:137px; background:url(images/bg-logo-btn.png) -575px 0 no-repeat; }
article.clients nav li.ipc a:hover { background:url(images/bg-logo-btn.png) -575px -73px no-repeat; }

article.clients nav li.incisive a { width:132px; background:url(images/bg-logo-btn.png) -712px 0 no-repeat; }
article.clients nav li.incisive a:hover { background:url(images/bg-logo-btn.png) -712px -73px no-repeat; }

/* == ELEMENTS == */

/* a place for misc. styles */

.hidden { display:none; }
.clear { clear:both; }

.mainstrip {
float:left;
width:100%;
position:relative;
}

.mainstrip.short {
background:url(images/bg-whitestrip-small.png) 0 0 repeat-x;
height:65px;
margin:0 0 2em 0;
}

.mainstrip.tall {
background:#fff url(images/bg-whitestrip2.png) 0 0 repeat-x;
height:380px;
}

.mainstrip>section {
width:1028px;
display:block;
margin:0 auto;
height:25px;
border:none;
padding:1em 0;
}

.mainstrip section>h1 {
padding: 0 0 0 1.5em;
margin:0.1em 0 0 0;
float:left;
font-weight:bold;
color:#4a4848;
display:inline;
font-size:4.0em;
}


/* == POSTS == */



@font-face {
font-family: "Anivers Regular";
src: url(Anivers_Regular.otf) format("opentype");
}

/* == SIDEBAR == */

aside {
overflow: hidden;
width: 296px;
float: left;
clear: none;
}
aside li {
list-style: none;
}
aside li ul li {
list-style: disc outside;
}

body.archive aside { display:none; }
body.archive section.content { 
width:970px;
margin:0 auto;
padding:2em 0 0 0;
}

/* == FOOTERS == */

section.content>footer {
background:url(images/bg-section-main-footer.jpg) 0 0 repeat-x;
float:left;
clear:both;
height:28px;
width:100%;
}

body>footer {
padding-top: 0;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}

body>footer .footnote {
float:left;
width:100%;
margin:2em 0 0 0;
padding:1em 0;
background:#fff;	
color:#4A4848;
}	

body>footer .footnote a {
color:#269514;	
}

body>footer>section {
width:1028px;
margin:0 auto;
padding:1em 0 0 0;
}

body>footer>section .left {
float:left;
width:500px;
margin:0 1em 0 4em;
}


body>footer>section .left .about {
text-align:left;
margin:4em 0 0 0;
width:100%;
border:0px dotted #AFB0AB;
}

@-webkit-keyframes target {
from { background:#ffffff; }
50% { background:#ffffd3; }
to { background:#ffffff; }
}

body>footer>section .left .about section:target {
-webkit-animation:target .5s linear;
}

body>footer>section .left .about section {
margin:1em 0 1em 0;
padding:1em;
border: solid transparent;
border-width: 1px 0px 1px 0px;
font-family:Palatino,Georgia,'Times New Roman',serif;
-webkit-border-image: url("images/line.png") 1 0 0 0 round round;
-khtml-border-image:  url("images/line.png") 1 2 1 2 round round;
-icab-border-image:   url("images/line.png") 1 2 1 2 round round;
-moz-border-image:    url("images/line.png") 1 2 1 2 round round;
-o-border-image:      url("images/line.png") 1 2 1 2 round round;
border-image:         url("images/line.png") 1 2 1 2 round round;

}

body>footer>section .left .about h2 {
color:#4a4848;
font-size:2.2em;
font-weight:normal;
font-family:Palatino,Georgia,'Times New Roman',serif;
margin:0 0 0.5em 0;
padding:5px 0 4px 35px;
background:url(images/bg-about.png) 0 50% no-repeat;
}

body>footer>section .left .about img { float:left; margin:0 1.2em 0 0; }

body>footer>section .left .about p {
font-size:1.4em;
color:#4a4848;
line-height:1.5em;
}

body>footer>section .left .rss {
float:left;
clear:left;
text-align:left;
margin:1em 0 0 0;
width:100%;
}

body>footer>section .left .social {
margin:0 0 0.8em 0;
float:left;
}

body>footer>section .left .social h2 {
display:block;
font-family:Palatino,Georgia,'Times New Roman',serif;
font-size:1.6em;
margin:0.5em 0 0 0;
color:#4A4848;
width:105px;
text-align:left;
float:left;
font-style:italic;
background:none;
}

body>footer>section .left .social ul { width:350px; }

body>footer>section .left .social ul li {
display:inline;
float:left;
}

body>footer>section .left .social ul li a {
text-indent:-9999px;
filter:alpha(opacity=50);
-khtml-opacity:0.5;
-moz-opacity:0.5;
opacity:0.5;
overflow:hidden;
display:block;
float:left;
}

body>footer>section .left .social ul li a:hover {
filter:alpha(opacity=100);
-khtml-opacity:1.0;
-moz-opacity:1.0;
opacity:1.0;
}

a#twitter,a#linkedin,a#facebook,a#delicious,a#digg { margin:0 10px 0 0;height:35px;width:36px; }
a#twitter { background:url(images/twitter_32.png) 50% no-repeat; }
a#linkedin { background:url(images/linkedin_32.png) 50% no-repeat; }
a#facebook { background:url(images/facebook_32.png) 50% no-repeat; }
a#delicious { background:url(images/delicious_32.png) 50% no-repeat; }
a#digg { background:url(images/digg_32.png) 50% no-repeat; }

body>footer>section .left .rss h2 {
font-size:1.4em;
margin:0 0 1em 0;
color:#4A4848;
background:url(images/line.png) bottom left repeat-x;
}

body>footer>section .left .rss h3 {
font-size:1.1em;
margin:0;
color:#4A4848;
line-height:1.2em;
}

body>footer>section .left .rss h3 a {
color:#269514;
border-bottom:1px dotted #D0CCC9;
padding-bottom:1px;
}

body>footer>section .left .rss h3 a:hover {
border:none;
}

body>footer>section .left .rss p {
margin:0.2em 0 0.8em 0;
font-size:1.0em;
color:#8C8B86;
}

body>footer>section .left .rss ul {
float:left;
margin-top:1px dotted #ccc;
}

body>footer>section .left .rss ul li {
float:left;
width:152px;
overflow:hidden;
margin:0 1.2em 0 0;

}

body>footer>section .left .rss ul li h3 {
font-size:1.2em;
line-height:1.3em;
margin:0 0 0.5em 0;
}

body>footer>section .left .rss ul li p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

body>footer>section .left .rss ul li a {
color:#269514;
}

/* == SEARCH == */

label[for=s] {
display: none;
}

/* == PORTFOLIO == */

article.workpage { position:relative; }


/* -- roundabout ---*/

.roundabout-holder a#previous {
position:absolute;
background:url(images/bg-previous.png) 0 0 no-repeat;
width:38px;
height:34px;
left:7em;
top:20em;
z-index:301;
}

.roundabout-holder a#next {
position:absolute;
background:url(images/bg-next.png) 0 0 no-repeat;
width:38px;
height:34px;
right:7em;
top:20em;
z-index:300;
}

.roundabout-holder a#next span, .roundabout-holder a#previous span {
display:none;
}

.roundabout-holder {
width: 950px;
height: 400px;
overflow: hidden;
margin: 1em auto 0 auto;
position: relative;
}

.roundabout-moveable-item {
width: 700px;
height: 410px;
border: 0px solid #000;
/*opacity: 0.5;*/
line-height: 4em;
text-align: center;
cursor: pointer;
margin-left:6px;

}

.roundabout-in-focus {
cursor: auto;
}

.monolith { 
background:#fff;
border:1px dashed #C7C6C5;
position: absolute;
width: 790px;
top: 0em;
left: 7.9em;
z-index: 200;
height: 460px;
box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
-webkit-box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
-moz-box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
}


/* ]]> */

.skillsused { 
width:790px; 
margin:0 auto; 
height:42px; 
border-right:1px dashed #C7C6C5;
border-bottom:1px dashed #C7C6C5;
border-left:1px dashed #C7C6C5; 
background:#fff; 
box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
-webkit-box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
-moz-box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
}

.skillsused ul { margin:0.5em 2em 0 0; padding:1em 1em 0 0; list-style-type:none; float:right; border-top:1px solid #ccc }
.skillsused ul li { 
display:inline; 
padding-left:25px; 
margin-left:8px; 
background:url(images/bg-tick.png) 0 50% no-repeat; 
color:#4a4848; 
font-weight:bold;
font-style:italic; 
font-size: 1.4em; 
}



#folioselect { position:absolute; top:1.8em; right:250px; }
#folioselect ul { float:left;  }
#folioselect ul li { float:left; font-size:1.2em; color:#6F6868; padding:0.5em 1.0em 0 0; }


#changeview { position:absolute; top:0.5em; right:0.6em; }
#changeview p { float:left; padding:0.5em 1.0em 0 0; }
#changeview ul { float:left; display:inline; margin:0 1em 0 0; padding:0; }
#changeview ul li {  font-size: 0.7em; display:inline; }
#changeview ul li a { width:53px; float:left; height:33px; }
#changeview ul li a:hover { border:0; }
#changeview ul li a span  { display:none; }
#changeview ul li a.thumbnail { background:url(images/changeview.gif) 0 0 no-repeat; }
#changeview ul li a.thumbnail:hover { background:url(images/changeview.gif) 0 -33px no-repeat; }
#changeview ul li a.thumbnail-sel { background:url(images/changeview.gif) 0 -66px no-repeat; }
#changeview ul li a.thumbnail-sel:hover { background:url(images/changeview.gif) 0 -66px no-repeat; }
#changeview ul li a.detailed { background:url(images/changeview.gif) -53px 0 no-repeat; }
#changeview ul li a.detailed:hover { background:url(images/changeview.gif) -53px -33px no-repeat; }
#changeview ul li a.detailed-sel { background:url(images/changeview.gif) -53px -66px no-repeat; }
#changeview ul li a.detailed-sel:hover { background:url(images/changeview.gif) -53px -66px no-repeat; }

/* to be placed in style-detailed .css */

article.homesqaure { 
width:270px; 
background:#fff; 
float:left; 
margin:0 0 15px 25px; 
position:relative; 
color:#fff; 
border:2px solid #e5e1de; 
padding:1.0em 0.5em 0 1.0em; 
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-moz-transform:rotate(-2deg);
-webkit-transform:rotate(-2deg);
}

article.homesqaure:nth-child(2n) { 
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
}

article.homesqaure img { max-width:150%; } 
article.homesqaure section { padding:0; }

article.homesqaure header h1 { 
padding:0 10px; 
font-weight:normal; 
letter-spacing:1px;
margin:0; 
text-align:center;
font-size:1.3em; 
padding:0; 
display: block; 
position:absolute; 
z-index:12;
line-height:1.5em; 
background:#fff;
}

article.homesqaure header h1 a { 
top:5; 
left:5; 
width:266px; 
height:170px; 
margin:0; 
background:rgba(0,0,0,.1);
position:absolute; 
z-index: 12;
-webkit-transition-property: background-color;
-webkit-transition-duration: .3s;
-webkit-transition-timing-function: linear; 
}

article.homesqaure header h1 a:hover { background:none;  }
article.homesqaure header h1 a span { 
display: none;
}

article.homesqaure header h1 a span { 
color:#165cae; 
display: none;  
width:246px; 
background:#0F0B0B;
background: rgba(255,255,255,.9);
padding:5px 10px; 
margin:140px 0 0 0px;  
}

article.homesqaure header h1 a:hover span { 
color:#fff; 
display: block;  
width:246px; 
background:#0F0B0B;
background: rgba(24,92,174,.9);
padding:5px 10px; 
margin:140px 0 0 0px;  
}

article.homesqaure .imgwrap { 
position:absolute; 
width:266px; 
height:170px; 
padding:0;  
overflow:hidden; 
margin:0;
z-index:6; 
display:block; 
}

article .imgwrap a { padding:0; }
article .imgwrap a img { border:none; }
article.homesqaure p { 
float:left; 
margin:180px 0 0 0;
color:#000;
font-size:1.2em;
line-height:1.5em; 
} /* put the site details in a div then absolute position it */
article.homesqaure p span { display:none; }

article.homesqaure ul { 
display:none; 
margin:0; 
padding:0 15px 0 0; 
border-top:1px solid #000; 
position:absolute; 
bottom:0; 
right:0; 
background:#070707 url(images/skillsused_highlight.gif) top right no-repeat;  
}

article.homesqaure ul li { 
display:inline; 
padding-left:15px; 
margin-left:8px; 
background:url(images/tick.gif) 0 50% no-repeat; 
color:#fff; 
font-weight:bold; 
font-size: 0.8em; 
}

.wp-pagenavi { text-align:center; clear:both; /* border-left:3px solid rgba(214,210,207,.8); border-right:3px solid rgba(214,210,207,.8); */  width:970px; margin:2em auto 0 auto; font-size:1.2em; height:35px; font-style:italic; 	 }

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 8px 2px 8px; 
margin: 2px;
color:#fff;
text-decoration: none;
border: 2px solid #4A4848;
background:rgb(29%, 28%, 28%);
background:rgba(74,72,72,.7);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:alpha(opacity=80);
-khtml-opacity:0.8;
-moz-opacity:0.8;
opacity:0.8;
}
.wp-pagenavi a:visited {
padding: 2px 8px 2px 8px; 
margin: 2px;
color:#fff;
text-decoration: none;
border: 2px solid #4A4848;
background-color: #4A4848;	
}
.wp-pagenavi a:hover {	
border: 2px solid #4A4848;
color: #fff;
background-color: #4A4848;
filter:alpha(opacity=100);
-khtml-opacity:1.0;
-moz-opacity:1.0;
opacity:1.0;
}
.wp-pagenavi a:active {
padding: 2px 8px 2px 8px; 
margin: 2px;
text-decoration: none;
color:#fff;
text-decoration: none;
border: 2px solid #4A4848;
background:rgb(29%, 28%, 28%);
background:rgba(74,72,72,.7);	
}
.wp-pagenavi span.pages {
padding: 2px 8px 2px 8px; 
margin: 2px 2px 2px 2px;
color: #ccc;
display: none;
border: 1px solid #272324;
background-color: #0C0B09;
}
.wp-pagenavi span.current {
padding: 2px 8px 2px 8px; 
margin: 2px;
font-weight: bold;
border:2px solid #4A4848;
color: #4A4848;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:#BCDAA8;
}
.wp-pagenavi span.extend {
padding: 2px 8px 2px 8px; 
margin: 2px;	
border: 1px solid #000000;
color: #000000;
background-color: #0C0B09;
}

/* == PORTFOLIO SINGLE PAGE == */

body.single section.content { 
width:970px;
margin:0 auto;
padding:2em 0 0 0;
}


body.single section.content article footer {
background:#EFECE9 url(images/bg-section-main.jpg) top left;
float:left;	
width:792px;
padding:1em 0 0 0;
margin:1em 0 0 8.8em;
border-left:1px solid rgba(214,210,207,.9);
border-right:1px solid rgba(214,210,207,.9);
border-top:1px solid rgba(214,210,207,.9);
}	


body.single section.content>footer {
width:793px;
margin:0 0 0 8.8em;
}

#myGallery img { 
max-width:100%;
}


.projectdetails { 
width:450px; 
min-height:200px; 
float:left; 
margin:15px 20px 0 2.5em; 
background:#F2F2F2; 	
box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
-webkit-box-shadow: 0px 0px 6px rgba(185, 181, 178,8);
-moz-box-shadow: 0px 0px 6px rgba(185, 181, 178,8); 
}


.projectdetails h3 {
font-family:Georgia,"Times New Roman",Times,serif;
color:#289A15;
font-size:1.9em;
font-weight:normal;
font-style:italic;
margin:0 0 0.8em 0;
display:inline;
float:left;
}

div.projectdetails p.time { 
font-size:1.1em; 
display:inline;
float:right;
clear:none;
}

.projectdetails p { 
display:block;
background:url(images/bg-paper.jpg) 0 0 repeat-x;
font-size:1.4em;
line-height:1.8em;
color:#4A4848;
clear:left;
font-style:normal;

}

p.status { font-size:1.2em; margin:0.5em 0 0 0; }

div.other { width:255px; float:left; margin:15px 0 0 15px; background:#CAD9C6 url(images/bg-other.png) bottom left no-repeat; }
.other h3 { font-family:Georgia,"Times New Roman",Times,serif; display:block; background:#efece8 url(images/bg-other-header.png) bottom left no-repeat; font-size:2.0em; font-style:italic; color:#289A15; text-align:right; font-weight:normal; }
.other p { font-size:1.4em; display:block; border-top:1px solid #E3EFE0; border-bottom:1px solid #E3EFE0; padding:0.3em 0; color:#646F61; }
.other a { color:#289a15; padding:0 0 1px 0;  }

.inner { padding:15px; }

.backtowork { position:absolute; top:15px; right:15px; }
.backtowork a { padding-left:30px; background: url(images/back.gif) 0 50% no-repeat; }
.backtowork a span { display:none; }



.mainstrip nav {
float:right;
position:relative;
margin:1.0em 5.8em 0 0;
}

.mainstrip nav ul li {
float:left;
}

.mainstrip nav li a span { display:none; }

.mainstrip nav li.prevwork a { 
background:#fff url(images/bg-work-nav.png) 0 -3px no-repeat; 
border:0px solid #D1D0D0; 
border-bottom:none;
width:2.3em;
height:33px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
border-top-left-radius:8px;
}

.mainstrip nav li.nextwork a { 
background:#fff url(images/bg-work-nav.png) -3.6em -3px no-repeat; 
border:0px solid #D1D0D0;
width:2.3em;	
border-left:none;
height:33px;
border-bottom:none;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topright:8px;
border-top-right-radius:8px;

}

.mainstrip nav li.nextwork a, .mainstrip nav li.prevwork a { 
display:block;  
color:#4A4848;
padding:0 0.8em; 
font-size:3.2em;
text-decoration:none; 
}

.mainstrip nav li.nextwork a:hover {
background-position:-3.6em -36px
}

.mainstrip nav li.prevwork a:hover { 
background-position:0 -36px;
}

/*****Forms*****/

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { width:420px; font-size:1.2em;  margin:0 2.8em 0 0; float:right; clear:both; color:#4A4848; font-style:italic; line-height:1.3em;  }

div.contact {
float:right;
width:472px;
height:540px;
position:relative;
}

#stamp { position:absolute; top:4.5em; left:28em; z-index:6; display:none; }

div.contact img {
position:absolute;
z-index:5;
top:0;
left:0;
}

ol.forms { position:absolute; z-index:6; list-style: none; top:6em; left:1em; width: 420px; padding:0; }
ol.forms h2 {
font-size:2.2em;
font-family:Palatino,Georgia,'Times New Roman',serif;
color:#4a4848;
text-align:left;
margin:0 0 1em 1em;
font-weight:normal;
padding-left:38px;
background:url(images/bg-contact.png) 0 50% no-repeat;
}

ol.forms li { 
clear: both; 
float: left; 
margin-bottom: 10px; 
position: relative;
width: 100%;
font-size:1.4em;
}
ol.forms label {
cursor: pointer;
display: block;
font-weight: bold;
padding:0 20px;
margin:0 0 0.5em 0;
text-align:left;
color:#4a4848;
}
ol.forms input, ol.forms textarea {
border: 1px solid #7E8AA2;
background:#fff url(images/field-bg.gif) top left repeat-x;
border-radius: 3px;
font: inherit;
-moz-border-radius: 6px;
padding: 8px;
-webkit-border-radius: 6px;
width: 360px;
float:left;
margin:0 0 0 20px;
}
ol.forms textarea { height: 130px; width: 360px; }
ol.forms input:focus, ol.forms textarea:focus { background: #f2f3f6; border-color: #269514; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
display: block;
position: absolute;
right: 0;
top: 0;
width: 200px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
height: 34px;
width: 104px;
cursor:pointer;
margin:0 0 0 3em;
display:block;
border:none;
background: url(images/send-button2.png) top left no-repeat;
}

ol.forms li.buttons button span {
display:none;
}

ol.forms li.buttons button:hover {
background-position:0 -34px;
}

ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float:left; width: 430px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: left; width: auto; }


div#fancy_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}

div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 170;
}

div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('fancy_progress.png') no-repeat;
}

div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 140;
padding: 20px 20px 40px 20px;
margin: 0;
background: transparent;
display: none;
}

div#fancy_inner {
position: relative;
width:100%;
height:100%;
background: #FFF;
}

div#fancy_content {
margin: 0;
z-index: 170;
position: absolute;
}

div#fancy_div {
background: #000;
color: #FFF;
height: 100%;
width: 100%;
z-index: 170;
}

img#fancy_img {
position: absolute;
top: 0;
left: 0;
border:0; 
padding: 0; 
margin: 0;
z-index: 170;
width: 100%;
height: 100%;
}

div#fancy_close {
position: absolute;
top: -12px;
right: -15px;
height: 30px;
width: 30px;
background: url('images/fancy_closebox.png') top left no-repeat;
cursor: pointer;
z-index: 251;
display: none;
}

#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}

#fancy_ajax {
width: 100%;
height: 100%;
overflow: auto;
}

a#fancy_left, a#fancy_right {
position: absolute; 
bottom: 0px; 
height: 100%; 
width: 35%; 
cursor: pointer;
z-index: 181; 
display: none;
background-image: url("data:image/gif;base64,AAAA");
outline: none;
overflow: hidden;
}

a#fancy_left {
left: 0px; 
}

a#fancy_right {
right: 0px; 
}

span.fancy_ico {
position: absolute; 
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
z-index: 182; 
cursor: pointer;
display: block;
}

span#fancy_left_ico {
left: -9999px;
background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
right: -9999px;
background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
visibility: visible;
background-color: transparent;
}

a#fancy_left:hover span {
left: 20px; 
}

a#fancy_right:hover span {
right: 20px; 
}

#fancy_bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}

div#fancy_bg {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 140;
border: 0;
padding: 0;
margin: 0;
}

div.fancy_bg {
position: absolute;
display: block;
z-index: 140;
border: 0;
padding: 0;
margin: 0;
}

div#fancy_bg_n {
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
top: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
right: -20px;
height: 100%;
width: 20px;
background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
bottom: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
bottom: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
left: -20px;
height: 100%;
width: 20px;
background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
top: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
position: absolute;
z-index: 170;
display: none;
}

div#fancy_title div {
color: #FFF;
font: bold 12px Arial;
padding-bottom: 3px;
white-space: nowrap;
}

div#fancy_title table {
margin: 0 auto;
}

div#fancy_title table td {
padding: 0;
vertical-align: middle;
}

td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url('images/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
height: 32px;
background: transparent url('images/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url('images/fancy_title_right.png') repeat-x;
}