/*
Theme Name:CarbonGraffiti 2010
Theme URI:http://www.carbongraffiti.com
Description:CarbonGraffiti.com
Author:Jon Aizlewood
Author URI:http://carbongraffiti.com

*/

/* TOC
1.  Reset
2.  Global Elements
3.  Layout
4.  Typography
5.  Links
6.  Homepage
7.  Services page
8.  Work pages
9.  Articles + affiliated
10. About page
11. Contact page
12. Footer
13. Miscellaneous

*/

/******************* CSS Reset (by Eric Meyer)*******/
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}
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}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }




/******************* Global Elements ****************/
body { background:url(images/speckle.gif) #fefefe; color:#444; text-shadow: rgba(0,0,0,.01) 0 0 1px;}
html>body{ font: 14px/1.8 'LiberationSansRegular', Helvetica, Arial, Verdana, sans-serif; letter-spacing:-0.04em;}




/******************* Typography *********************/
h1{ font-size:40px; font-family: Arial, helvetica, sans-serif; font-weight: bold; line-height:44px; margin-bottom:22px;}
h2{ font-size:30px; font-family: Arial, helvetica, sans-serif; border-bottom:1px solid #ddd; margin: 0 0px 26px 5px; letter-spacing:-0.04em; clear: both; line-height: 32px; font-weight: bold;}
h3 { font-size:24px; font-family: Arial, helvetica, sans-serif; border-bottom:1px solid #ddd; margin: 0 5px 26px 5px; padding-top: 10px; letter-spacing: -0.06em; line-height: 26px; font-weight: bold;}
h3.metainfo { font-size:20px; font-style:italic; border-bottom:1px solid #999; font-weight:normal; padding-bottom:10px;}
h4{ font-size:16px; font-family: Arial, helvetica, sans-serif; margin: 0 5px 26px 5px; font-weight: normal; clear: both;}
h5{ font-size:14px; clear: both;}
h6 { font-size:10px;}

/*** Font Faces ***/
@font-face { font-family: 'ChunkFiveRegular'; src: url('fonts/Chunkfive-webfont.eot'); src: local('☺'), url('fonts/Chunkfive-webfont.woff') format('woff'), url('fonts/Chunkfive-webfont.ttf') format('truetype'), url('fonts/Chunkfive-webfont.svg#webfont4CzPTNtF') format('svg'); font-weight: normal; font-style: normal;}

@font-face { font-family: 'nevisBold'; src: url('fonts/nevis-webfont.eot'); src: local('☺'), url('fonts/nevis-webfont.woff') format('woff'), url('fonts/nevis-webfont.ttf') format('truetype'), url('fonts/nevis-webfont.svg#webfontrdfluN71') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'LiberationSansRegular'; src: url('fonts/LiberationSans-Regular-webfont.eot'); src: local('☺'), url('fonts/LiberationSans-Regular-webfont.woff') format('woff'), url('fonts/LiberationSans-Regular-webfont.ttf') format('truetype'), url('fonts/LiberationSans-Regular-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'LiberationSerifRegular'; src: url('fonts/LiberationSerif-Regular-webfont.eot'); src: local('☺'), url('fonts/LiberationSerif-Regular-webfont.woff') format('woff'), url('fonts/LiberationSerif-Regular-webfont.ttf') format('truetype'), url('fonts/LiberationSerif-Regular-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal;}


p { margin: 0 5px 26px 5px; text-align: justify;}
ul, li { list-style-type: none !important;}
/*li:nth-child(2n+2) { color: #111; background: #e1e1e1; text-shadow: rgba(255,255,255,0.9) 0 0 1px;}*/
ul, ol { margin-left:10px;}
ul li{ list-style-type:disc; margin-left:10px; margin-bottom:10px;}
ul li li { list-style-type:square; margin-left:20px;}
ul li li li { list-style-type:circle; margin-left:30px;}
ol li { list-style-type:decimal; margin-left:10px;}
ol li li { list-style-type:lower-alpha; margin-left:20px;}
ol li li li { list-style-type:lower-roman; margin-left:30px;}
span { font-family: Baskerville, Georgia, Times, "Times New Roman", cursive, serif; font-weight: normal; font-style:italic; letter-spacing:0.02em; color: #999; font-variant: normal; text-transform:capitalize;}
span.list { font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: -0.04em; font-style: normal; color:#000;}
span.light {font-weight:normal; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: -0.04em; font-style: normal; color:#666; text-transform: none;}
.quote {}
.dropcaps {font-family: Georgia, Times New Roman, Serif;font-weight:normal;float:left;line-height:30px;font-size:50px;padding: 8px 5px 0 0;text-shadow:#111 0px 2px;}
a img{}
acronym, abbr{ border-bottom:1px dotted #999; cursor:help;}
p big { font-size:170%;}
p q { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
p sub { font-size:9px; vertical-align:sub;}
p sup { font-size:9px; vertical-align:super;}
p var { font-weight:bold;}
p.nocomments { font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0.5em; word-spacing:1em; font-style:italic;}
dl, dt, dd { font-size:90%;}
ins {font-family:"Courier New", Courier, monospace; letter-spacing:-0.03em; font-style:italic;}
p object { margin-left:30px;}



/******************* Links **************************/
a:link, a:active, a:visited { color:#548AA9; font-weight:bold; text-decoration:none;}
a:hover { color:#F5104B; padding-bottom:0px; border-bottom:0px solid #eee; background:#f9f9f9;}

a.shopwindow { color:#548AA9; font-weight:normal;}
a.shopwindow:hover { color:#EB0050; background:none; border:0px;}

a.homecta { font-style: italic; letter-spacing: -0.05em; border:1px solid #fff; border:1px solid rgba(255,255,255,0.1); background-color:rgba(5,21,42,0.4) !important; font-family: georgia, times, times new romain, serif; color:#F5104C; padding:5px 11px 8px 11px; -moz-border-radius:5px; -webkit-border-radius:5px;}
a.homecta:hover { color:#fff; background:#fff !important; background:rgba(255,255,255,0.4) !important; border:1px solid #666; border:1px solid rgba(255,255,255,0.1); -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow: none;}

a.homecta { -webkit-transition: background .6s linear; }
a.homecta:hover { -webkit-transition: color .3s linear;}

a.cta { font-weight:normal; font-weight:bold; padding:3px 6px 3px 0px; border-bottom: 1px solid #ddd;}
a.cta:hover {  border-bottom: 1px solid #ccc;}

a.ctabig { font-weight:normal; font-weight:bold; padding:3px 6px; background-color:#eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 1px solid #ddd;}
a.ctabig:hover {  border-bottom: 1px solid #ccc;}

a.more-link { margin-top:15px; clear:both; float:right; background:#EFEFEF !important; font-weight:bold; padding:3px 6px;-moz-border-radius:3px; -webkit-border-radius:3px;}
a:hover.more-link { border:0px; -moz-border-radius:3px; -webkit-border-radius:3px;}
a.archives { font-weight: normal; color: #999;}
a.work-templates { border: none; padding: 0 0 0 40px;}



/******************* Layout *************************/



/*-----------Columns/Grid--------------*/
#wrapper {width:100%;}
#page {width:980px; margin:0 auto; clear: both; padding-bottom: 0px; /*background:url(images/speckle.gif) #fefefe; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: #333 0px 5px 10px; box-shadow: #333 0px 5px 10px;*/}
#contentfull {width:960px; margin-left: 5px;}

.first{margin-left:1% !important;}
.cols { width:960px; margin: 40px 0 0 2px; text-shadow: #fff 0px 1px 0px;} /* main column container class */
.col {float:left;display:inline;width:48%;margin-left:3%; margin-top:4px; position:relative; 
/* 2 equal width columns layout - default */}	
.cols3 .col{width:30%;margin-left:4%; position:relative;} /* 3 equal width columns layout */
.cols4 .col{width:22%;margin-left:3%;} /* 4 equal width columns layout */
.cols6 .col{ width:14.2%; margin-left:2.6%;} /* 6 equal width columns layout */




/*-----------Column Options--------------*/
/* left short + right long */
.left1 {margin-left:1% !important; width:20%; text-align:right;}
.al { text-align:left;}
.left1 li {list-style-type:none !important; margin:0px 0px !important;}
.right3 { margin-left:7%; width:71%; /*-moz-column-count: 2; -moz-column-gap: 1.5em; -webkit-column-count: 2; -webkit-column-gap: 1.5em;*/} 
.hardright3 { margin-left:26%; width:73%;} 
/*left long + right short */
.left3 {margin-left:1% !important; width:70%;} 
.right1 {margin-left:6%; width:23%; margin-top: 10px;}
/*left long home + right short home */
.left3long {margin-left:1% !important; width:66%; } 
.right1long {margin-left:3.2%; width:27%; margin-top: 10px; background: #eaeaea; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; -moz-box-shadow:#aaa 0px 2px 4px; -webkit-box-shadow:#aaa 0px 2px 4px;}
/*left4 + right2 */
.left4 {margin-left:1% !important; width:31.4%;}
.right2 {margin-left:2%; width:64.8%; min-height:400px;}
/*left2 + right4 */
.left2 {margin-left:1% !important; width:64.8%; min-height:400px;}
.right4 {margin-left:2%; width:31.3%;}
/*left2 + right4 SMALL*/
.left2sm {margin-left:1% !important; width:64.8%;}
.right4sm {margin-left:2%; width:31.3%;}

.bigger { font-size:15px}
.col1, .col2, .col3{float:left;display:inline;}
.nocol {-moz-column-count: 1; -webkit-column-count: 0;}


/*-----------Main Nav--------------*/
h1.headernav{ font-size:16px; text-indent:-1000em; overflow:hidden;}
#navwrap { width:100%; margin:0 auto; text-align:center; position: relative; z-index: 99; }
.nav-shadow { }
ul#nav { width: 960px; height:75px; overflow: hidden; margin: 0 auto; padding: 0; margin-left:64px; font-weight: normal; text-transform:uppercase; }
ul#nav li { float:left; margin:0 16px; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 16px;}
ul#nav li#logo { width:201px; height:50px; }
ul#nav li#logo a { display:block; width:201px; height:73px; background:url(images/logo.png) 0 0 no-repeat; padding: 0;}
ul#nav li#logo a:hover {border:0px; background-position:0px -73px;}
ul#nav li#active a{ color:#EB0050; text-shadow: #000 0px 0px 6px;}
ul#nav li a { color:#fff; padding: 15px 0 25px 0; display: block; text-shadow: #000 0px 1px 1px;}
ul#nav li a:active { margin-top:3px;}
ul#nav li a:hover { color:#fff; padding: 15px 0 25px 0; background:none; padding-bottom:3px; border-bottom:5px solid #fff; border-bottom:5px solid rgba(255,255,255,0.1); text-shadow: #fff 0px 0px 6px; -webkit-transition: text-shadow .3s linear;}





/*-----------Sidebar--------------*/
ul.recentarticles li { list-style-type: none !important; border-bottom:0px solid #ebebeb; padding:2px 0;}
ul.recentarticlesinner li {border-bottom:1px solid #ebebeb;}
ul.recentarticles li a { font-weight: normal; font-size: 12px;}

#headwrapper {  width:100%; height:400px; background:url(images/dark-speckle4.gif) top left repeat #025792; overflow: hidden; position: relative; z-index: 0; border-bottom: 1px solid #666;}
#headerbig {width:960px; height:400px; margin:0 auto; background: url(images/mainheader_glow.png) bottom center no-repeat; text-align:center; position: relative; z-index: 1;} 

#headwrappersmall { width:100%; height:80px; overflow: hidden; background:url(images/dark-speckle4.gif) 0px -150px repeat-x #025792; border-bottom: 1px solid #fff;}
#headersmall {width:960px; height:80px; margin:0 auto; color:#fff; text-align:left; /*background: url(images/mainheader_glow.png) top center no-repeat;*/}
#sidebar {width:28%; margin-left:70%}




/*--------------Homepage header ----------*/
h1.shopwindow span.fancy { font-size:38px; padding-top: 2px; font-family: georgia, Arial, helvetica, sans-serif;  letter-spacing: -0.025em; font-style:normal; font-weight:normal; color: #fff; z-index: 1; text-shadow: #000 0 1px 1px !important;}

h1.shopwindow {font-size:58px; line-height:58px; font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing:-0.04em; font-weight: bold; color:#fff; text-transform: uppercase; text-shadow: #000 0px 2px 4px; text-shadow: rgba(0,0,0,0.4) 0px 2px 4px; position: relative; z-index: 5;}

h1.shopwindow span.small { font-weight:normal; color:#e1e1e1;}
h1.shopwindow em { font-size:85%; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}

h2.shopwindow { font-size:22px; color: #fff; margin-top:-10px !important; font-family: Helvetica, Arial, Verdana, sans-serif; font-variant: normal; font-weight:normal; border:0px; line-height:190%; text-shadow:#111 0px 1px 4px; position: relative; z-index: 5;}
h2.shopwindow span {font-family: Baskerville, Georgia, Times, "Times New Roman", cursive, serif; font-weight: normal; font-style:italic; letter-spacing:0.02em; color: #999; font-variant: normal; text-transform:capitalize;}

#homewindow { width:960px; height:auto; margin:0 auto; color:#fff;}
#homewindow .left {float:left;width:40%; margin-top: 10px; margin-left:2%; margin-right:0%; text-align:right;}
#homewindow .left h2 {padding-left: 40px;}
#homewindow .left span { color: #fff; text-shadow: #fff 0px 0px 6px; }
#homewindow .right { float:left;width:40%; margin-top: 10px; margin-left:16%; margin-right: 1%; color:#fff; text-align:left;}
#homewindow .right h2 { padding-right: 30px;}
#homewindow .right span { color: #fff; text-shadow: #fff 0px 0px 6px; }

/*
#homewindow .venn1 { background: #051933; background: rgba(5,25,51,0.5); -moz-border-radius: 600px; -webkit-border-radius: 600px; position: absolute; top: 30px; left: 100px; width: 450px; height: 450px; z-index: 5;}
*/
/*
#homewindow .venn2 {background: #F5104B; background: rgba(245,16,75,0.7); border: 1px solid #fff; border: 1px solid rgba(245,16,75,0.9); -moz-border-radius: 600px; -webkit-border-radius: 600px; position: absolute; top: -30px; right: 95px; width: 450px; height: 450px; z-index: 4;}
*/

#homewindow .venn1 { background: #051933; background: rgba(5,25,51,0.3); border: 1px solid #fff; border: 1px solid rgba(255,255,255,0.3);  border-radius: 600px; -moz-border-radius: 600px; -webkit-border-radius: 600px; position: absolute; top: 30px; left: 100px; width: 450px; height: 450px; z-index: 5;}

#homewindow .venn2 {background: #051933; background: rgba(5,25,51,0.5); border: 1px solid #fff; border: 1px solid rgba(255,255,255,0.5); -moz-border-radius: 600px; -webkit-border-radius: 600px; position: absolute; top: -30px; right: 95px; width: 450px; height: 450px; z-index: 4;}



/******************* Homepage ***********************/
.homebutton h3, .homebutton p { padding: 10px;}
.homebutton a { display: block; background: #efefef; text-align: center; border-bottom: 1px solid #ccc; -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 2px;}
.homebutton a:hover { background: #e9e9e9; border-bottom: 1px solid #ccc;}

blockquote.home { float:right; width:55%; position:relative; color:#3c657c; font-style:italic; margin:0px 0px 0 30px; padding:10px 10px 5px 0; font-size:120%; line-height:150%; background: #ebebeb; background: rgba(235, 235, 235, 0.5) !important; border:3px solid #fff !important; text-align:left;-moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #ddd}
blockquote.home p { padding:0 10px 0 20px;text-shadow: #fff 0 1px 0;}
cite.home{padding: 0 0 0 0; font-size:11px; position:absolute; bottom:-10px; right:10px;}
cite.home a { font-weight:normal; background:#dedede; text-transform:capitalize; font-style:normal; padding:10px 10px;-moz-border-radius:3px; -webkit-border-radius:3px;}

h2.homeintro { font-weight: normal; font-size: 26px; padding-bottom: 10px;}
p.homeintro { padding-top: 3px !important;}

ul.svcs { float:left; width:270px; margin:3px 0px !important;}
ul.svcs li { font-size: 13px; font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; list-style-type: none !important; border-bottom: 1px solid #ddd; padding: 0 8px 0 5px !important; margin: 0 0 26px 5px !important; list-style-type: none;}	

#cycle { height: 250px; margin:35px 0px 0px 45px; padding: 0px; }
.homeslider a { display: block; background: #eee; margin-top: 50px; width: 533px; height: 130px; position: relative; border: 1px solid #ccc !important;}
.homeslider a:hover { background: #e9e9e9; padding: 0px; border: 1px solid #ccc !important;}
.homeslider a img { padding: 0px; margin: 0px; border: none; position: absolute; top: -73px; right: 50px;}
.homeslider a:hover img { background: none !important; }
.homeslider h4 {text-align:center; margin: 115px 0 0 0; font-weight: bold;}

img.process, img.result { float: left;}

.availability a { display: block; text-align: center; margin:5px 0 0 60px; width: 549px; padding: 5px 0; background: #ececec; border: 1px solid #ddd; text-shadow: none; color: #777; -moz-border-radius: 4px; -webkit-border-radius: 4px; word-spacing: 0.2em;}
.availability a:hover { background: #eee;}



/******************* Services page ******************/
h3.light { color: #999;}
.moustache { background:url(images/venn-services.gif) center no-repeat; width:960px; height:300px;}
.moustache .first { width: 450px; float: left;}
.moustache .right { width: 450px; float: right;}
.moustache .first h2, .moustache .first p { padding: 0; margin-right: 20px; text-align: right;}
.moustache .right h2, .moustache .right p { padding: 0; margin-left: 20px; text-align: left;}

h2.designtitle {background: url(images/svcs-designtitle.gif) top left no-repeat; text-align: left; padding-left: 70px;}
h2.mktgtitle { background: url(images/svcs-mktgtitle.gif) top right no-repeat; text-align: right; padding-right: 70px;}
h2.processtitle { margin-bottom: 46px;}
h4.additional{margin-left: 20px;}

#tabs{ margin:0px 0 0 5px; padding: 0px;}
#tabs ul{float:left; padding:10px 0 0 0; margin: 0px;}
#tabs li{display:inline; margin-left:0px; text-align: center; list-style:none}
#tabs li h3 {margin: 10px; border: none;}
#tabs ul li a {float:left; width:228px; color: #999; display: block; margin:0 10px 0px 0px; padding:1px 0 4px 0; background: #ccc; -moz-border-radius: 5px 5px 0 0;  -webkit-border-radius:5px; -webkit-border-bottom-left-radius:0px;  -webkit-border-bottom-right-radius:0px; background-image: -moz-linear-gradient(100% 100% 90deg, #ccc, #ddd); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc));}
#tabs ul li.active a{color:#333; background:#f0f0f0;}
#tabs div{background: #f0f0f0; clear: both; padding:15px; min-height:200px; overflow: auto;}

#tabs div ul.inner li { display: block; float: left; margin: 0 1px; padding: 0;}
#tabs div ul.inner li.left { width: 65%}
#tabs div ul.inner li.right { width: 30%}
#tabs div ul.inner li h4, #tabs div ul.inner li h5 { margin: 10px 0px 10px 30px; text-align: left; font-weight: bold;}
#tabs div ul.inner li p { margin: 0 0 12px 30px; padding: 10px 0;}
#tabs div ul.inner li a { background:none; float: none; margin: 0; padding: 0; display: inline;}
#tabs div ul.inner li a img { margin: 10px 30px 10px 50px;}
#tabs div ul.inner li a:hover img { margin: 10px 30px 10px 50px;}

#tabs ul li a:hover { border: 0px !important;}
#tabs ul li a{text-decoration:none;font-weight:bold}

#tabs2{ margin:0px 0 0 5px; padding: 0px;}
#tabs2 ul{float:left; padding:10px 0 0 0; margin: 0px;}
#tabs2 li{display:inline; margin-left:0px; text-align: center; list-style:none}
#tabs2 li h3 {margin: 10px; border: none;}
#tabs2 ul li a {float:left; width:228px; color: #999; display: block; margin:0 10px 0px 0px; padding:1px 0 4px 0; background: #ccc; -moz-border-radius: 5px 5px 0 0;  -webkit-border-radius:5px; -webkit-border-bottom-left-radius:0px;  -webkit-border-bottom-right-radius:0px; background-image: -moz-linear-gradient(100% 100% 90deg, #ccc, #ddd); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc));}
#tabs2 ul li.active a{color:#333; background:#f0f0f0;}
#tabs2 div{background: #f0f0f0; clear: both; padding:15px; min-height:200px; overflow: auto;}

#tabs2 div ul.inner li { display: block; float: left; margin: 0 1px; padding: 0;}
#tabs2 div ul.inner li.left { width: 65%}
#tabs2 div ul.inner li.right { width: 30%}
#tabs2 div ul.inner li h4, #tabs div ul.inner li h5 { margin: 10px 0px 10px 30px; text-align: left; font-weight: bold;}
#tabs2 div ul.inner li p { margin: 0 0 12px 30px; padding: 10px 0;}
#tabs2 div ul.inner li a { background:none; float: none; margin: 0; padding: 0; display: inline;}
#tabs2 div ul.inner li a img { margin: 10px 30px 10px 50px;}
#tabs2 div ul.inner li a:hover img { margin: 10px 30px 10px 50px;}

#tabs2 ul li a:hover { border: 0px !important;}
#tabs2 ul li a{text-decoration:none;font-weight:bold}


.svcsbreakdown { margin-bottom: 26px; margin-left: 2px; font-family: inherit; clear: both; height: 100%; width: 960px;  overflow: hidden;}
.svcsbreakdown.alt {}
.svcsbreakdown h4 { padding: 10px 20px;}
.svcsbreakdown h4 a { font-weight: normal;}
ul.servicelist li { list-style-type:none !important; text-align: justify; float:left; width:205px; min-height:150px; margin:0 10px 20px 20px; padding:20px 0; border-bottom:5px solid #eee;}
ul.servicelist li:hover { cursor:default; border-bottom:5px solid #ddd;}

ul.servicelist li h3 { color: #999; border-bottom: 5px solid #ddd; }
ul.servicelistsm { margin-left: 15px; }
ul.servicelistsm li { list-style-type:none !important; background: url(images/tick_small.png) 0% 65% no-repeat; float:left; font-family: georgia; font-style: italic; width:200px; height:auto; margin:-10px 10px 26px 10px; padding:0 0 0 15px; border-bottom: 1px dotted #ddd; }
ul.servicelistsm li.home { width: 200px; margin-left: 0px; padding: 5px 5px 5px 15px; font-style: normal; font-family: 'LiberationSerifRegular', Helvetica, Arial, Verdana, sans-serif; background: url(images/tick_small.png) 2% 55% no-repeat #eee;}
ul.servicelistsm li#selected { width: 220px; padding: 0;}
ul.servicelistsm li#selected a { margin-left: 0px; padding: 5px 5px 5px 15px; display: block; background: inherit; background-color: #eaeaea; border: none;}
ul.servicelistsm li#selected a:hover { background: inherit; background-color: #ccc; color: #fff; text-shadow: #000 0 1px 1px; border: none;}

.righted { text-align:right;}
#process1 { background:url(images/process1.gif) top center no-repeat; width:100%; height:450px;}
#process2 { background:url(images/process2.gif) top left no-repeat; width:100%; height:450px;}
#process3 { background:url(images/process3.gif) top right no-repeat; width:100%; height:450px;}
#process4 { background:url(images/process4.gif) top left no-repeat; width:100%; height:450px;}
#process5 { background:url(images/circle-diagram.gif) top center no-repeat; width:100%; height:600px;}
h2.thickline { border-bottom: 5px solid #666;}

.collective { clear:both; margin:30px auto; background:#f9f9f9; border:1px solid #efefef; text-align:right; padding:10px;}
.collective h4 {padding-right:10px;}




/******************* Work pages *********************/
.client_thumb { background:#efefef; width:211px; height:100px;}
h2.singlepost { font-size: 40px; line-height: 50px; }
h4.work { margin-bottom: 5px; border-bottom: 1px solid #ccc;}
h4.work a { margin-bottom:0px; border:none; font-weight: bold;}
#detailslist ul li {list-style-image: url(images/work/checkmark.gif); list-style-type:disc; padding-left: 0px; margin-left:20px;}
.worktimeline {  height: 100%;}
#portfolio p { margin-bottom: 32px;}

p#jumpnav { background: #eee; margin-top: -10px; padding: 5px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
p#jumpnav a { font-weight: normal;}
p#jumpnav a:hover { background: none;}

#display { margin-top: 14px;}
.main_view { width:700px;height:675px; background: url(images/ajax-loader.gif) center no-repeat; float:left;padding:0;margin:0;position: relative;}
.window { width:700px;height:675px;  overflow:hidden;position:relative; -moz-box-shadow:#999 0px 1px 2px; -webkit-box-shadow:#999 0px 1px 2px;}
.image_reel {position:absolute;top:55px;left:0;}
.image_reel a { position:relative;float:left;cursor:pointer;}
.image_reel img {float:left;}
.image_reel a span { width:700px;height:600px;width:float:left;background:#111; position:absolute;z-index:10;top:0;left: 0;}

.browser-top { background: url(images/browser-top.gif) top center no-repeat; position: absolute; top: 0; left: 0; width: 700px; height: 55px; z-index: 9999; position: relative;}
.browser-top span { position: absolute; top: 28px; left: 165px; font-style: normal; font-family: arial; color: #000; font-size: 10px;}
.browser-bottom { background: url(images/browser-bottom.gif) top center no-repeat; position: absolute; bottom: 0; left: 0; width: 700px; height: 20px; z-index: 9999;}

.paging { position: absolute; top:-68px;right:20px;display: none; width:178px; z-index:100;text-align:right;line-height:50px;}
.paging a { ; margin: 0px; text-decoration: none; color: #ddd; font-size: 3em; line-height: 1;}
.paging a.active {  font-weight: bold; color: #0075b1; border: none; }
.paging a:hover { font-weight: bold; color: #F5104B; border:none; background: none;}

.details { margin-top: 29px; min-height: 700px;}
.details h3 { color: #666; font-weight: bold; letter-spacing: -0.03em;}
.details p { font-size: 13px;}

.legend {overflow: hidden; background: #eaeaea; padding: 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.legend p { margin: 5px 15px 0px 15px; clear: both; border-top: 1px solid #ccc;}
.legend p.noborder {border-top: none;}

.legend ul { clear:both; margin: 0 0 0 10px;}
.legend li { background:#999; width:38px; height:15px; margin:3px 6px; margin-bottom: 14px; float:left; display:inline; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow:inset #222 0px 1px 2px; -webkit-box-shadow:inset #222 0px 1px 2px;}
.legend li a { display:block; text-decoration:none; text-shadow: none; width:38px; height:15px;}
.legend li a:hover { background:#F5104B; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: none; padding: 0;-moz-box-shadow: inset #555 0px 1px 3px; -webkit-box-shadow:inset #555 0px 1px 3px;}
.legend li.current { background:#333;}
.legend li.contact { background:#0D3169;}
.legend li.stretch { width:188px; height:20px; text-align:center;}
.legend li.stretch span {font-size:70%; padding-top:-4px;}
.legend li.stretch a {width:188px; height:20px; display:block; color:#fff;}
.legend ul.last { border-top: 1px solid #ccc; padding-top: 10px;}


#fade{display:none; position:fixed; left:0; top:0; width:100%; height:100%; opacity:.80; z-index:9999}
.popup_block{display:none; background:#fff; padding:20px; border:20px solid #ddd; float:left; font-size:1.2em; position:fixed; top:50%; left:75%; z-index:99999; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
a.close{float:right; color: #666; margin:-55px -55px 0 0; font-size: 70px; line-height: 0.5;}
a.close:hover { background: none; border: none;}

.navigation-sidebar { border-top: 1px solid #ccc; padding-top: 20px;}
.navigation-sidebar p { margin-bottom: 0px;}
.navigation-sidebar a { display: block; border: 5px solid #ddd; background: #eee; margin-bottom: 10px; padding: 5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.worktimeline a:hover { padding: 0px; border-bottom: none;}
img.workthumb { border:5px solid #ddd !important; padding: 0px !important; -moz-box-shadow:#999 0px 1px 2px; -webkit-box-shadow:#999 0px 1px 2px; }
a img.workthumb { background: none !important; margin-bottom: 10px;}
a:hover img.workthumb { border:5px solid #eee !important; padding: 0px !important; margin-bottom: 10px !important;}

a.homecta { -webkit-transition: background .6s linear; }
a:hover img.workthumb { -webkit-transition: border .3s linear;}

.boxgrid {width:211px;height: 100px; margin:0 0 20px 0; border:5px solid #ddd; overflow: hidden; position: relative; text-shadow:none; -moz-box-shadow:#999 0px 1px 2px; -webkit-box-shadow:#999 0px 1px 2px;}
.boxgrid ul { margin:10px 0 5px 0;}
.boxgrid li { color:#fff; margin: 4px !important; padding:5px !important; font-size:80%; line-height: 80%; list-style-type:none !important; width: 60%;}
.boxgrid .go { background:none; position:absolute; bottom:0px; right:4px;}
.boxgrid .go a, .boxgrid .go a:hover { font-weight:normal; background:#000; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:0px;}
.boxgrid img {position: absolute;top: 0px;left: 0px;border: 0px;}
.boxcaption {position: absolute;background:url(images/work/work-captionhover.png) top right; height: 100px;width: 100%;}
.captionfull .boxcaption {top: 90px;left: 0px;}
.caption .boxcaption {top: 20px;left: 0px;}

ul.worklegend li { list-style-type: none !important; float: left; width: 100px; text-align: center; margin-top:6px; padding: 2px 1px; text-shadow: none; color: #fff; font-size: 10px; -moz-box-shadow: 0px 1px 1px #999; -webkit-box-shadow: 0px 1px 1px #999; box-shadow: 0px 1px 1px #999;}
li.branding { background-color: #3300ff; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}
li.consulting { background-color: #3300cc; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}
li.copywriting { background-color: #663399; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}
li.development { background-color: #0099ff; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}
li.emaildesign { background-color: #ff0033; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}
li.ppcseo { background-color: #6633cc; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}
li.strategy { background-color: #cc00ff; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}
li.webdesign { background-color: #ff0033; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius:0px;}

h2#trigger a { font-weight: normal; font-size: 14px;}
.toggle_container { margin:0; padding: 0; margin-bottom: 10px; border: 1px solid #d6d6d6; background: url(images/boxpatternbg.gif) top left #f0f0f0; overflow: hidden; clear: both; }
.toggle_container .block { padding: 10px; /*--Padding of Container--*/}

p.work-testi { background: url(images/quotemark.gif) top left no-repeat; padding: 20px;}
p.workcta { background: #EFEFEF; padding: 5px 10px; border: 5px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px;}




/******************* Articles + affiliated **********/


/*-------------The Post-------------*/
h2.blog-title { padding: 14px 0 0 0; margin: 0 12px;}
h2 a:hover, h2 a:visited, h2 a {text-decoration:none; font-weight: bold !important;}
.post{ padding:10px 0px; text-align:left; position: relative;}
.entrytext { text-align: left;}
.post h2 a { font-weight: bold;}
small { font-size:85%; line-height: 20px;}
.post ul, .post li { list-style-type: disc !important;}
.post ul { margin-bottom: 35px}
.post ul ul { margin-bottom: 8px;}
p.author { margin:0; padding:0; font-size:85%;}
p.postmetadata{ margin:10px 0 0 0; padding:0; font-size:85%; text-align: right;}
p.postmetadata span { font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; position:relative; top:1px;}
p.postmetadata a, p.postmetadata a:hover { border:0px; font-weight:normal;}
p.postmetadata span { background-color: #fffff0; color: #666; font-family: arial; font-style: normal; font-size: 11px; padding: 0 3px; border: 1px solid #fffedf; border-width:1px 0 1px 0;}
p.postmetadata span.cats { background: #ecfbff; border-color: #e1f9ff; font-size: 11px;}
p.postmetadata span.comments a { background:#ddd; color: #999; -moz-border-radius: 10px 10px 0px 10px; -webkit-border-radius: 10px; -webkit-border-bottom-right-radius:0px; padding:5px 8px; text-shadow: none;}
p.postmetadata span.comments a:hover { background: #EA0D46; color: #fff;}
p.postmetadata.line { border-top:1px dotted #ddd; margin-top:10px; padding-top:5px;}
p.postmetadata a{ text-decoration:none;}
.col span.comments, .left1 span.comments { padding:1px 0px; margin:0px; font-family: arial; font-style: normal;}
.col span.comments a, .left1 span.comments a {font-size:100%; text-decoration:none;}

.navigation{ clear:both; margin:10px auto; width:960px; height:45px; border:1px solid #ddd; border-width:1px 0 0 0;}
.alignleft{ float:left; padding:20px 0 0 25px; background: url(images/navigation-button.gif) -0% -58px no-repeat;}
.alignright{ float:right; padding:20px 25px 0 0; background: url(images/navigation-button.gif) 100% 22px no-repeat;}


/*-------------Post Tables-------------*/
.post table { margin-bottom:50px; margin-left:30px; background:#f9f9f9; border:1px solid #fff; -moz-box-shadow: #ddd 0px 2px 3px; -webkit-border-radius: 12px; -webkit-box-shadow: #ddd 0px 2px 3px; box-shadow: #ddd 0px 2px 3px;}
.post table th {padding:5px; font-weight:bold; background:#f1f1f1; border:1px solid #fff; border-width:1px 1px;}
.post table tr {}
.post table tr.alternate { background:#f6f6f6;}
.post table td {padding:10px; min-width:140px; border:1px solid #fff; border-width:1px 1px;}
.post table a:hover { border-bottom:0px !important; margin:0; padding:0; }


/*-------------Post Img-------------*/
.post img {padding:8px; margin:5px 20px 60px 0px; border:1px solid #999; /*background-color:#eee; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/}
.post img.nostyle {padding:0; margin:0; border:0px; background-color:transparent !important; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.post a img.goodies { float: left; margin-bottom: 0px !important; }
.post .alignleft{ float:left; background: none;}
.post .alignright{ float:right; background: none;}
.alignright img{float:right; margin:0 0 1em 1em;}
.alignleft img {float:left; margin:0 1em 1em 0;}
.aligncenter img {border:1px solid #999;}
.alignright a img {float:right; margin:0 0 1em 1em;}
.alignleft a img {float:left; margin:0 1em 1em 0;}
.aligncenter a img {display: block; margin-left: 100px; margin-right: 100px;}
.post a:hover img { background-color:#ddd;}
.post .wp-caption { text-align:right; width:100%; font-size:90%;}
img.blog-image { float: left;}


/*--------------Comments------------*/
h3#comments, #commentform { padding:0px 0px 10px 10px; margin:20px 0; border-bottom:1px solid #999; clear:both; }
h3#respond {padding:0px 0px 10px 10px; margin:20px 0 20px 20px; clear:both;}
ol.commentlist{ margin-bottom:50px; }
ol.commentlist li{ clear:both; list-style-type:none !important; padding:10px; position:relative; border-bottom:1px solid #999; }
ol.commentlist li.alt{ padding:10px;}
ol.commentlist p {padding:10px;}
ol.commentlist .commentmeta { clear:both; width:110px;}
ol.commentlist .commenttext { position:relative; top:-58px; left:140px; border-left:1px solid #999; width:65%; }
ol.commentlist .commenttext blockquote {margin:0px; padding:0px; color:#888; text-shadow:#fff 0px 1px 1px; font-weight:normal; line-height:100%; word-spacing: 0em; letter-spacing: 0em;}
ol.commentlist cite {margin-left:5px; text-transform:none;font-family:Georgia, "Times New Roman", Times, serif; font-size:90%;}
ol.commentlist .date { margin:20px 0 5px 0; font-style:italic; color:#666; font-size:9px;}
ol.commentlist .date span {background-color: #eee; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding:2px 8px; *background-color: none; *padding:0;}
ol.commentlist .commentmetadata{background-color:red; width:100px;}
ol.commentlist .authcomment { background: url(images/boxpatternbg.gif) top left #f0f0f0;}
ol.commentlist .gravatar img { position:absolute; top:30px; right:10px; padding:5px; border:1px solid #999; background-color:#eee; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ol.commentlist img.wp-smiley { border: none; padding: 0px; margin: 0px;}


/*--------------Trackbacks------------*/
#trackback {width:96%; text-align: right;}
#trackback h3 {display: none; border-bottom:0px !important; padding:10px; margin-bottom:50px; float:left; min-height:50px; width:130px; position:relative;}
#trackback h3 span { display: none; position:relative; top:60%; left:50%; font-size:3.5em; padding:10px; margin:10px;}
#trackback a { font-size:80%; text-decoration:none;}
#trackback ol {float:right; border-left:0px solid #999; margin:0px 0 40px 0; width:75%;}
#trackback li {padding:0px 20px; list-style-type:none !important;}


/*--------------Comment form------------*/
#commentform {border:0px; margin:20px 0; margin-left:20px; width:95%;}
#commentsub  { margin:10px; height:auto; overflow:hidden;}
#commentsub ul { width:200px; float:left; text-align:left;}
#commentsub li { list-style-type:none !important;}
#commentsub .text { float:left;}
#commentsub ul li p { font-family:Georgia, "Times New Roman", Times, serif; font-size:80%; }
#commentsub .text textarea, #commentform .text textarea { width:395px; float:right; margin-top:5px; background-color:#fff; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; padding:5px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px;}
#commentsub input, #commentform input {background-color:#fff; border:1px solid #999; color:#999; margin:5px 0; font-family:Arial, Helvetica, sans-serif; padding:5px; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px;} 
#commentsub #submit, #commentform #submit { float:right; clear:both; background-color:#666; color:#eee; font-weight:bold; text-transform:uppercase}


/*---------------Archives--------------*/
.archivemsg p { text-align:center; margin:0px 10px; background-color: #eee; border:1px solid #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:5px; font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing:-0.04em; text-transform: uppercase; font-style: normal;}

#archives {position:relative;height:100%;}
ul#archives h4 { margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}
ul#archives ul#month_archive li {list-style-type:none !important; margin:0; line-height:200%; padding:5px 0; }
ul#archives ul#month_archive li a { font-weight:normal;}
ul#archives span.the_article  {}
ul#archives span.comments { background:#f9f9f9; border:1px solid #eee; -moz-border-radius: 10px 10px 0px 10px; -webkit-border-radius: 10px; -webkit-border-bottom-right-radius:0px; padding:5px 8px;}
ul#archives span.comments a {font-size:120%; text-decoration:none;}
ul#archives ul ul {clear:both; padding:0; margin:0; }
ul#archives ul ul li.date { padding-top:4px; width:40px; float:left;}
ul#archives ul ul li.title { padding-top:2px; float:left;}

ul.archivecats { margin:20px 10px;}
ul.archivecats li {background:url(images/side_bullet.gif) 10px 15px no-repeat; list-style-type:none !important; margin:0; line-height:200%; padding:5px 20px;}
ul.archivecats li a { font-weight:normal;}

.archivegraph { position:relative; min-height:200px; margin-bottom:50px;}
#archive_bar_graph{ position:absolute; bottom:0; right:20px; clear:both; float:left; display:inline; //margin:0; //padding:0;}
#archive_bar_graph li{float:left; display:inline; list-style-type:none; position:relative; width:46px; margin:0 0 0 1px; padding:20px 0 0; min-height:110px}
#archive_bar_graph li span.label{position:absolute; bottom:-5px; left:0; line-height:100%; display:block; text-align:center; width:100%; font-size:80%;}
#archive_bar_graph li a{text-decoration:none}
#archive_bar_graph li a span.count{position:absolute; bottom:20px; display:block; width:100%;padding:5px 0 12px; background:#08264D;text-align:center; color:#fff; text-shadow:#282520 0px 1px; -moz-border-radius: 10px 0px; -webkit-border-radius: 10px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius: 0px;}
#archive_bar_graph li a:hover span.count{background:#F5104C; color:#fff; text-shadow:#000 0px 1px;}



/******************* About page *********************/
h3.about { font-size: 20px; font-weight: normal; padding-bottom: 10px;}
#about_header { position:relative; z-index:-1;}
#about_header .about_JRA { background:url(images/about_JRA.png) 0px 0px no-repeat ; position:absolute; bottom:-80px; right:0px; width:257px; height:415px;}
.social ul#left {margin:0 0 0 20px; padding:0; width:130px; float:left; font-family: arial; }
.social ul#right {margin:0; padding:0; width:130px; float:left; font-family:  }
.social ul li {list-style-type:none !important; display:block; margin: 10px 0 20px 0;}
.social li.icon-twitter {background:url(images/icons/socials-24x24.gif) 5px -50px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-delicious {background:url(images/icons/socials-24x24.gif) 5px -150px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-lastfm {background:url(images/icons/socials-24x24.gif) 5px 2px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-flickr {background:url(images/icons/socials-24x24.gif) 5px -99px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-cg {background:url(images/icons/socials-24x24.gif) 5px -125px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}

.social li.icon-facebook {background:url(images/icons/socials-24x24.gif) 5px -225px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-linkedin {background:url(images/icons/socials-24x24.gif) 5px -24px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-digg {background:url(images/icons/socials-24x24.gif) 5px -174px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-youtube {background:url(images/icons/socials-24x24.gif) 5px -74px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}
.social li.icon-dopplr {background:url(images/icons/socials-24x24.gif) 5px -200px no-repeat; padding:0px 0px 0px 40px; margin-left:5px;}


/*------------Twitter Latest ----------*/
#twitterlatest { clear: both; width: 940px; text-align: center; position:relative;}
#twitterlatest p { font-size:9px; clear: both;}
ul#twitter_update_list  {font-size:small;}
ul#twitter_update_list li { width: 98%;  border:0px; font-size: 9px; }
ul#twitter_update_list li span a {padding:0px !important; }
ul#twitter_update_list li a:hover {padding:0px !important;}

#tweet { margin: 20px 0; padding: 0px 20px; position: relative;}
#tweet li { margin-bottom: 10px; list-style-type: none !important;}
#tweet p, #tweet span.status { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #666; font-size: 13px; line-height: 22px; text-shadow: #fff 0px 1px 0px;}
#tweet p a, #tweet span.time a { font-size: 11px; color: #999; font-weight: normal;}
#anywherebutton { width: 100%; margin-bottom: 20px; text-align: center;}

#flickr_box { margin:0 0 0 30px; padding:5px; float:left;}
#flickr_box ul{ margin: 0; padding: 0; background:red;}
#flickr_box li {list-style-type:none !important; margin: 0; padding: 5px 10px; border-bottom:1px solid #514A39;}
#flickr_box a:hover { background: none !important; border-bottom:0px !important; margin:0; padding:0;}
span.flickr { color:#FF0084 !important; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold;}




/******************* Contact page *******************/
#contact-wrapper { border: 1px solid #d6d6d6; background: #fff; padding:20px; margin-bottom:40px;}
#contact-wrapper div { clear:both; margin:1em 0; font-weight: normal; color: #666; font-size: 14px; line-height: 22px; text-shadow: #fff 0px 1px 0px;}
#contact-wrapper span { font-style: normal; text-transform: capitalize; color: inherit; font-family: inherit;}
#contact-wrapper label { display:block; float:none; width:auto; margin-top: 20px; margin-left: 40px; }
form#contactme input, form#contactform select, form#contactform textarea { margin-left: 40px; border:5px solid #ddd; border:5px solid rgba(221,221,221,0.9); padding:9px; font-size:14px; color:#666;}
form#contactme textarea { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:100%; padding:0.6em 0.5em 0.7em; border:5px solid #ddd; border:5px solid rgba(221,221,221,0.9); }
form#contactme fieldset { margin-left: 40px; margin-top: 10px; border:5px solid #ddd; border:5px solid rgba(221,221,221,0.9);  width: 70%; padding: 10px; line-height: 28px; }
form#contactme input:focus, form#contactme select:focus, form#contactme textarea:focus { border:5px solid #d80e65; border: 5px solid rgba(216,14,101,0.9);}
form#contactme  select { margin-left: 40px; font-size:14px; padding: 5px; border:5px solid #ddd; border:5px solid rgba(221,221,221,0.9); }
form#contactme  textarea { margin-left: 40px; font-size:14px;}
form#contactme p.checkbox  { float: left; font-size: 14px; margin-bottom: 10px; margin-left: -20px;}
form#contactme p.checkbox span { padding-left: 5px;}
form#contactme .submit { background: #0e4184; border: 5px solid #fff; color: #fff;}
form#contactme sup { color: #d80e65;}
.contact-side img { padding: 8px; border: 1px solid #999; margin: 0px; margin-left: -5px; background: #eee;}

ul.contactsteps li { list-style-type:none !important; background: #f0f0f0; float:left; width:21%; height:auto; margin:10px 5px 16px 0px; padding:5px 10px; border-bottom: 5px solid #ddd; border-left: 1px solid #ddd; }
ul.contactsteps li strong { font-size: 11px; background: #eee; border: 1px solid #ddd; padding: 4px 8px 4px 8px; line-height: 3; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
ul.contactsteps li:hover { background: #eaeaea; border-bottom: 5px solid #bbb; border-left: 1px solid #ccc; cursor: default;}

#location { margin-top: -19px;}
.workavailability { text-align: center; margin: 0; color: #666; text-shadow: none; -moz-box-shadow: inset #ccc 0px 1px 2px;  background: #efefef; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.workavailability h4 { padding: 5px;}
.workavailability p { text-align: center; padding: 5px; font-size: 85%}



/******************* MailChimp page *******************/
h1.mc {font-size:58px; color: #000; line-height:55px; font-family: 'nevisBold', Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing:-0.04em; font-weight: bold; text-transform: uppercase; text-shadow: #000 0px 1px 2px; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; position: relative; z-index: 5;}

h2.mc { font-size:40px; color: #666; padding-top: 10px; font-family: 'ChunkFiveRegular', Helvetica, Arial, Verdana, sans-serif; font-variant: normal; font-weight:normal; border:0px; line-height:140%; position: relative; z-index: 5;}

#mc_header .about_JRA { background:url(images/about_JRA.png) 0px 0px no-repeat ; position:absolute; bottom:0px; right:0px; width:257px; height:415px;}

.mc-cta { position: relative; left: -30px; }
.mc-cta a:hover { border: none;}

.mcwork { clear: both; position: relative;}

#mcform label { display:block; float:none; width:auto; margin-top: 20px; margin-left: -20px; }
form#mcform input, form#mcform select, form#mcform textarea { margin-left: -20px; border:2px solid #ddd; border:2px solid rgba(221,221,221,0.9); padding:4px; font-size:14px; color:#666;}
form#mcform textarea { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:100%; padding:0.6em 0.5em 0.7em; border:2px solid #ddd; border:2px solid rgba(221,221,221,0.9); }
form#mcform fieldset { margin-left: -20px; margin-top: 10px; border:2px solid #ddd; border:2px solid rgba(221,221,221,0.9);  width: 70%; padding: 10px; line-height: 28px; }
form#mcform input:focus, form#mcform select:focus, form#mcform textarea:focus { border:2px solid #d80e65; border: 2px solid rgba(216,14,101,0.9);}
form#mcform  select { margin-left: -20px; font-size:14px; padding: 5px; border:2px solid #ddd; border:2px solid rgba(221,221,221,0.9); }
form#mcform  textarea { margin-left: -20px; font-size:14px;}
form#mcform p.checkbox  { float: left; font-size: 14px; margin-bottom: 10px; margin-left: -20px;}
form#mcform p.checkbox span { padding-left: 5px;}
form#mcform .submit { background: #0e4184; border: 2px solid #fff; color: #fff;}
form#mcform sup { color: #d80e65;}



/******************* Footer *************************/

/*-----------Quick Links--------------*/
#linkswrapper { width:960px; background: #eee; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px; margin:0 auto; height: 35px; position:relative; border: 1px solid #ddd; border-width: 1px 1px 0px 1px;}
.links { width: 960px; margin: 0 auto;}
.links ul li { width: 960px; margin: 0 auto; display:inline;}
.links ul li a { font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:10px; font-style: italic; color: #777; text-shadow: #fff 0px 1px 0px; padding: 2px; margin: 0 10px 0 0; position: relative; top: 4px;}
.links ul li.lifestream a { background:url(images/icons/homepage/lifestream.gif) 0px 0px no-repeat; padding:0 0 0 15px;}
.links li.emailtemplates a { background:url(images/icons/homepage/templates.gif) 0px 0px no-repeat;padding:0 0 0 15px;}
.links li.twitter a { background:url(images/icons/homepage/twitter.gif) 0px 0px no-repeat; height: 20px; padding:0 0 0 15px;}
.links li.subscribe {position:absolute; right:0px; top:-9px; width:320px; height:10px;}

/*------------Subscription Box----------------------*/
.links ul li.subscribe ul {margin:14px 0 0 20px; padding:0; position: relative;}
.links p.caption { position:absolute; top:-10px; left:20px; font-size:9px; color:#ddd; text-shadow: #fff 0px 1px 0px;}
.links ul li.subscribe ul label {margin:1px 5px 0 0; float:left; font-size:85%; color:#fff;}
.links ul li.subscribe ul #mce-EMAIL { float:left; width:200px; padding:3px 4px; background-color:#fff; border:1px solid #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#666; font-size:90%; }
.links ul li.subscribe ul input.btn { position: absolute; top: 4px; right: 12px; background-color:transparent; border:none; color:#777; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style: italic; font-size:12px; text-shadow: #fff 0px 1px 0px;}
label.error {color:#fff; text-shadow: none; background-color:red; background-color:rgba(255,0,36,0.5); width: 200px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px !important; margin-top: 5px !important;}
#mce-responses {float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;}
#mce-error-response {display: none;margin: 15px 0 0 0;padding: 0; float:left; font-weight: normal;z-index: 1;color: #ff0000; font-size:90%; text-align:left; line-height:100%; }
#mce-success-response {display: none;margin: 15px;padding: 0; float:left; font-weight: normal;z-index: 1;color: #ff0000; font-size:90%; text-align:left; line-height:100%; }

blockquote{ clear:both; font-family:Georgia, "Times New Roman", Times, serif; background-color:#efefef; margin:20px; padding:10px; width:85%; border:1px solid #ddd; color:#555; text-shadow:#fff 0px 1px 1px; font-size:145%;  word-spacing: -0.06em; letter-spacing: -0.02em;}
blockquote p { margin-bottom:10px;}
cite{ text-transform:uppercase; letter-spacing:-0.01em; font-family:Georgia, "Times New Roman", Times, serif;}

#footer {width:960px; margin: 0 auto; clear:both; background: url(images/footer_border.gif) top repeat-x; height: 60px; font-size:11px; color:#777;}
#footer ul { width: 960px; margin: 0px auto; clear: both;}
#footer ul li { margin-top: 20px; float: left; width: 50%; }
#footer ul li.contact { width: 28%; float: right;}
#footer h3 { border:none; margin: 0;}
#footer span{ color:#888; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; letter-spacing:-0.02em; margin-bottom:-1px;}

.finalfooter { clear: both; margin-left: 8px; height: 20px; text-align: center; background: url(images/footer-badge.gif) center no-repeat;}
.finalfooter span { background: #999; -moz-border-radius: 100px; -webkit-border-radius: 100px; padding: 2px 4px; font-size: 11px; position: relative; top: -3px; color: #fff;}
.finalfooter span a { font-style: italic; font-family: Baskerville !important; color: #fff;}
.finalfooter span a:hover { color: #444; background: none; border: none;}



/******************* Miscellaneous ******************/


/*hCard **************************/
h3.hcard { background:url(images/microformats.gif) 85% 25% no-repeat;}
#hcard-Jonathan-Richard-Aizlewood {margin:0; padding:10px 1px 10px 1px; text-align:left; font-size:100%; line-height:150%;}
#hcard-Jonathan-Richard-Aizlewood span { letter-spacing:0; font-family:Arial, Helvetica, sans-serif; font-style:normal; margin:0;}
.dl { background:url(images/card_address.png) 0px 2px no-repeat; padding-left:20px;}
address { font-style: normal;}


/*--------------Search Form-------------*/
.search { width: 550px; margin: 50px 0 0 200px; padding: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background: #eee;}
#searchform{ margin:2px 0px 0px 0px; clear:both;}
#searchform #s{ float:left; width:350px; padding:5px; background-color:#fff; border:1px solid #ddd; color:#666; text-shadow:none; text-transform:none; font-size:90%; }
#searchform #searchsubmit{ float:left; padding:3px 10px; margin:0 6px; background-color:#666; border:1px solid #000; color:#fff; font-size:90%; font-weight:bold;}


/*-------------Other------------------*/
.center { text-align:center;}
.left { text-align: left;}
.right {text-align: right;}
.aligncenter { text-align:center;}
hr{display:none}
.clear { clear:both; height: 26px;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear100 { clear:both; height:100px; position:relative;}
.clearline { clear:both; line-height:1.8; margin-bottom: 0px !important; padding:5px 0; }
.clearline p {text-align: center; background: #eee;  margin-top: -20px 0 0 0; padding: 5px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.clearline p a { font-weight: normal;}
.clearline p a:hover { background: none;}

.addthis_toolbox { float:right; margin-top: 30px; background: #104A94; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px; -moz-box-shadow: #777 0px 1px 2px; }
.addthis_toolbox a { color: #fff; text-shadow: #111 0px 1px 0px;} 
.addthis_toolbox a:hover { background: none; border:0px !important;}

.chat-bubble { background-color:#EDEDED; border:2px solid #666666; font-size:35px; line-height:1.3em; margin:10px auto; padding:10px; position:relative; text-align:center; width:300px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 5px #888888; -webkit-box-shadow:0 0 5px #888888;}
.chat-bubble-arrow-border { border-color: #666666 transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-22px; left:30px;}
.chat-bubble-arrow { border-color: #EDEDED transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-19px; left:30px;}

.css-arrow-multicolor { border-color: black transparent transparent transparent; border-style:solid; border-width:10px; width:0; height:0;}
.css-arrow-right {border-color: transparent transparent transparent #333333;border-style:solid;border-width:10px 0 10px 20px;float:left;height:0;margin:0 10px;width:0;}

/*-------------404---------------*/
span.notfound { font-size:48px; line-height: 1.1; letter-spacing: -0.06em; width:100%; text-align: justify; font-family: Arial, helvetica, sans-serif; font-style: normal; font-weight:bold; color: #333; text-shadow: #000 0px 3px 10px; text-shadow: rgba(0,0,0,0.85) 0px 3px 10px; z-index: 1; border: none !important;}
span.notfound a { color: #212121;}
span.notfound a:hover { background: none; color: #fff;}

/*--------------Tipsy-------------*/
.tipsy { padding: 5px; font-size: 13px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

#grid{ /* Vertical grid lines */ 
background: url(images/bg-grid-960.gif) repeat-y 0 0; width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px; z-index: 999;}

#grid.grid-1{ /* Vertical grid lines for grid 1 */
background: url(images/bg-grid-960.gif) repeat-y 0 0;}

#grid.grid-2{
background: url(images/bg-grid-660.gif) repeat-y 160px 0;padding: 0 160px; width: 660px;}

#grid div.horiz{ 
width: 948px; height: 20px; border-bottom: 1px dotted #aaa; margin: 0; padding: 0; margin-left: 5px; }

#homewindow .vertdivider { position: absolute; left: 459px; margin-top: 17px; width:40px; height:265px; background:url(images/vertdivider.png) top center no-repeat; z-index: 5; 
/*-webkit-transform: rotate(0deg); 
-moz-transform: rotate(0deg); 
-webkit-animation-name: homeanim; 
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 16s;*/
}

/*
@-webkit-keyframes homeanim {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);	
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);  
}
}
*/

@-webkit-keyframes colours {
	  0% {background-color: #18294D;}
	 50% {background-color: #111;}
	100% {background-color: #18294D;}
}