<p>body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {

                margin:0;

                padding:0

}

table {

                border-collapse:collapse;

                border-spacing:0

}

fieldset, img, abbr {

                border:0

}

address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {

                font-style:normal;

                font-weight:400

}

caption, th {

                text-align:left

}

h1, h2, h3, h4, h5, h6 {

                font-size:100%

}

q:before, q:after {

                content:''

}

a, ins {

                text-decoration:none

}

div {

                overflow:hidden

}

html {

                background:#c2c2c2 url(../i/bg.png) repeat-x;

}

body {

                background: url(/i/shadows.png) no-repeat top center;

                text-align:center;

                font-family:Helvetica, "Lucida Grande", Arial, sans-serif;

                font-size:11px

}

input, textarea {

                background:#F9F9F9 url(/i/form-bck.png) repeat-x 0 0;

                border:1px solid #CCC

}

#wrapper {

                width:1024px;

                text-align:left;

                background:#f5f5f5 url(../i/bg-content.gif) repeat-y;

                border:1px solid #666;

                border-bottom:none;

                border-top:none;

                margin:0 auto

}

h2, h3, h4, h5, h6 {

                font-weight:700

}

h2 {

                font-size:2em;

                margin-bottom:0.4em;

                padding-top:15px

}

h3, h4 {

                font-size:1.3em;

                margin-bottom:5px

}

h5 {

                font-size:1em;

                margin-bottom:5px

}

h6 {

                font-size:2em;

                margin-bottom:0.5em

}

h6, h6 a, h2, h2 a {

                color:#03748c

}

p, #article li {

                font-size:1.2em;

                line-height:1.6em;

                margin:0 0 1.3em

}

a:visited, a, h2 a:hover {

                color:#03748c

}

a:hover {

                color:#f70a0a

}

br {

                clear:both;

                height:2px;

                line-height:2px

}

ul.list-inline li {

                display:inline

}

ul.list-inline li a {

                display:block;

                float:left;

                padding:0 10px;

                margin:0

}

input.text {

                padding:3px

}

.comm-count {

                width:87px;

                height:23px;

                line-height:23px;

                text-align:center;

                background:url(../i/bg-comm-count.gif) no-repeat 0 0;

                position:absolute;

                top:0;

                left:530px

}

.comm-count a {

                font-weight:700;

                color:#888

}

.comm-count a:hover {

                color:red

}

#head {

                height:60px;

                background:url(../i/bg-head.gif) no-repeat;

                position:relative;

}

#head #nav, #head ul {

                height:29px;

                line-height:29px;

                background:url(../i/bg-nav.gif) no-repeat 0 0;

                padding:0 0 0 15px

}

#head #nav {

                position:absolute;

                top:16px;

                right:30px;

                width:325px

}

#head ul {

                padding:0 15px 0 0;

                background-position:100% 0

}

#head ul a {

                text-decoration:none;

                color:#444;

                font-weight:700;

                padding:0 10px;

                background:url(../i/bg-nav.gif) top center

}

#head ul a:hover {

                background-position:bottom center

}

h1, h1 a {

                display:block;

                width:247px;

                height:57px

}

h1 {

                text-indent:-3000px;

                background:url(../i/h1.gif) no-repeat;

                position:absolute;

                top:1px;

                left:0;

                background-image:url(../i/h1.gif)

}

#catch {

                font-size:1.3em;

                font-weight:700;

                color:#565656;

                width:500px

}

#search-bar {

                height:41px;

                line-height:41px;

                background:url(../i/bg-search-bar.gif) repeat-x;

                padding-left:30px;

                position:relative;

}

#search-bar form {

                position:absolute;

                top:7px;

                right:30px;

                width:185px;

                height:25px;

                background:url(../i/bg-search.gif) no-repeat 0 0

}

#search-bar form input.text {

                float:left;

                width:130px;

                border:none;

                background:#fff;

                margin:3px 0 0 10px

}

#search-bar form input.btn {

                float:left;

                margin:2px 0 0 15px;

                background:transparent url(/i/btn-search.gif) no-repeat;

                height:22px;

                width:22px;

                border:0;

                text-indent:-9999px;

}

#design-resources, #archive, #about, #article, #contact, #search {

                font-size:1.1em;

                line-height:1.5em;

                padding-top:30px

}

#archive .half {

                width:310px;

                float:left

}

#about, #article {

                font-size:1em;

                padding-right:100px

}

#design-resources, #archive li {

                margin:5px 0

}

#design-resources .third {

                width:33%;

                float:left

}

#design-resources h4 {

                text-transform:uppercase

}

#design-resources ul {

                padding:3px 0 30px

}

ol.results li {

                border-top:1px solid #fff;

                border-bottom:1px solid #ccc;

                background:#efefef;

                padding:20px

}

ol.results li p.small {

                margin-bottom:0

}

#article #browse {

                height:30px;

                line-height:30px

}

#article #browse a {

                display:block;

                float:left;

                height:30px;

                margin-right:50px;

                font-size:1.1em

}

#article ul {

                padding:0 0 0 20px;

                margin:3em 0

}

#article li {

                margin-bottom:0.5em;

                list-style:disc

}

#comment {

                margin-top:50px

}

#article ol.comments li {

                position:relative

}

#article ol.comments li, #article #cpreview {

                background:#e5e5e5;

                border-top:1px solid #fff;

                border-bottom:1px solid #ccc;

                padding:20px;

                padding-left:80px;

                margin:0

}

#article ol.comments li p.small, #article #cpreview p.small {

                margin-bottom:0;

                height:15px;

                line-height:15px;

                padding:0 0 0 20px;

                background:url(../i/bg-small.gif) no-repeat

}

#article ol.comments li .grav {

                width:60px;

                height:60px;

                float:left;

                position:absolute;

                top:20px;

                left:10px

}

#article .comments-wrapper, p#txpcommentInputForm {

                background:#333;

                padding:20px 20px 80px;

                border-top:3px solid #000

}

#article .comments-wrapper .desc {

                display:block;

                padding:0 0 5px 65px

}

#article .comments-wrapper .desc a {

                text-decoration:underline

}

#article .comments-wrapper label {

                display:block;

                width:65px;

                line-height:30px;

                color:#fff;

                font-weight:700

}

#article .comments-wrapper td {

                padding:3px 0

}

#article .comments-wrapper .comments_error, #article .comments-wrapper .desc, #article .comments-wrapper .desc a, p#txpcommentInputForm {

                color:#fff

}

#article .comments-wrapper #name, #article .comments-wrapper #email, #article .comments-wrapper #web, #article .comments-wrapper #message {

                width:300px;

                background:#fff;

                border:none;

                padding:5px

}

#contact div {

                width:547px;

                height:539px;

                padding:113px 0 0 100px;

                background:url(../i/bg-contact.jpg) no-repeat

}

#contact label {

                display:block;

                margin:0;

                padding:0;

                width:90px;

                clear:left

}

#contact label, #contact input.zemRequired, #contact textarea {

                margin-top:18px;

                line-height:20px;

                height:20px;

                float:left

}

#contact input.zemRequired, #contact textarea {

                width:270px;

                border:none;

                background:#fff

}

#contact input#zemsubmit {

                margin-left:90px;

                margin-top:10px

}

#contact textarea {

                height:170px

}

#foot {

                clear:both;

                height:40px;

                background:url(../i/bg-foot.gif) no-repeat 0 0;

                padding:25px 30px;

                margin:100px 0 0;

                position:relative

}

#copyright, #rss {

                float:left

}

#copyright, #rss a {

                display:block;

                padding-right:20px;

                height:44px;

                line-height:44px

}

#rss a {

                padding-left:50px;

                background:url(../i/btn-input.gif) no-repeat 0 0

}

span#privacy {

                display:block;

                text-align:right;

}

span#privacy a {

                color:#BBB

}

#intro-img {

                width:613px;

                height:171px;

                margin:30px 0;

                background:url(../i/bg-intro-img.gif) no-repeat

}

#intro-img .img {

                position:absolute;

                top:5px;

                left:5px;

                width:603px;

                height:154px;

                overflow:hidden

}

#m-c {

                width:684px;

                float:left

}

#m-c .pad {

                padding:0 30px

}

#latest-entry {

                padding-right:10px

}

#front-recent {

                padding:40px 0 35px

}

#front-recent .left, #front-recent .right {

                float:left;

                width:50%

}

#front-recent li {

                border-bottom:1px solid #fff;

                margin:0 40px 0 0

}

#front-recent li a {

                display:block;

                padding:7px 0;

                border-bottom:1px solid #c9c9c9

}

#s-r {

                width:340px;

                float:right;

                font-size:11px

}

#s-r h3 {

                padding:0 0 5px 20px;

                margin:30px 0 5px

}

ul#seo, ul#latest, ul#test, ul#site, ul#dyk2, ul#dyk, ul#links, div#sitemapLinks ul.linklist {

                margin:0 0 0 1px

}

ul#seo li, ul#latest li, ul#test li, ul#site li, ul#dyk2 li, ul#dyk li, ul#links li, div#sitemapLinks ul.linklist li {

                background:url(../i/bg-sidebar-itm.gif) no-repeat left bottom;

                margin-top:0;

                margin-right:0;

                margin-bottom:10px;

                margin-left:0;

                padding-top:0;

                padding-right:30px;

                padding-bottom:10px;

                padding-left:20px

}

ul#seo li p, ul#latest li p, ul#test li p, ul#site li p, ul#dyk2 li p, ul#dyk li p, ul#links li p {

                margin:0

}

.skip, #contact br, #article ol.comments li br {

                display:none

}

acronym {

                cursor:help;

                border-bottom:1px dotted #6193c6

}

#up {

                float:left;

                height:40px;

                width:40px;

                background-image:url(../i/up.png);

                margin-top:7px

}

#up a {

                float:left;

                height:40px;

                width:40px;

                background-image:url(../i/up.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 0;

                margin-bottom:40px

}

#up a:hover {

                float:left;

                height:40px;

                width:40px;

                background-image:url(../i/up.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 -40px;

                margin-bottom:0

}

#linkedin {

                float:left;

                height:61px;

                width:37px;

                background-image:url(../i/linkedin.png);

                margin-top:0;

                margin-left:18px

}

#linkedin a {

                float:left;

                height:61px;

                width:37px;

                background-image:url(../i/linkedin.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 0;

                margin-bottom:0

}

#linkedin a:hover {

                float:left;

                height:61px;

                width:37px;

                background-image:url(../i/linkedin.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 -61px;

                margin-bottom:0

}

#twitter {

                float:left;

                height:61px;

                width:37px;

                background-image:url(../i/twitter.png);

                margin-top:0;

                margin-left:15px

}

#twitter a {

                float:left;

                height:61px;

                width:37px;

                background-image:url(../i/twitter.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 0;

                margin-bottom:0

}

#twitter a:hover {

                float:left;

                height:61px;

                width:37px;

                background-image:url(../i/twitter.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 -61px;

                margin-bottom:0

}

#vcf {

                float:left;

                height:55px;

                width:58px;

                background-image:url(../i/vcf-card.png);

                margin-top:0;

                margin-left:12px

}

#vcf a {

                float:left;

                height:55px;

                width:58px;

                background-image:url(../i/vcf-card.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 -55px;

                margin-bottom:0

}

#vcf a:hover {

                float:left;

                height:55px;

                width:58px;

                background-image:url(../i/vcf-card.png);

                background-repeat:no-repeat;

                display:block;

                background-position:0 0;

                margin-bottom:0

}

#wrapper blockquote {

                border-left:8px solid #03748c;

                margin-right:60px;

                margin-left:60px;

                padding:4px 15px 0

}

#wrapper blockquote li {

                padding-left:26px;

                background-repeat:no-repeat

}

#wrapper blockquote ul, #article ol.comments, ul.list-inline, ul {

                list-style:none

}

#skype {

                padding-right:3px;

                padding-top:15px;

                float:right

}

#sform2 {

                border:1px solid #777;

                margin-top:4.428em;

                margin-bottom:3.428em;

                padding:1em 1em 0.5em 8em

}

#starter {

                float:right;

                height:100px;

                width:100px;

                background-image:url(../i/350.png);

                margin-top:1px

}

#adv {

                float:right;

                height:100px;

                width:100px;

                background-image:url(../i/500.png);

                margin-top:11px

}

#pro {

                float:right;

                height:100px;

                width:100px;

                background-image:url(../i/600.png);

                margin-top:1px

}

#call {

                float:right;

                height:100px;

                width:100px;

                background-image:url(../i/call.png);

                margin-top:1px

}

#inputdiv {

                width:600px;

                text-align:left;

                margin-left:auto;

                margin-right:auto;

                padding:20px;

                border:2px dashed #000080;

                background-color:#e6e6ff;

                font-size:75%

}

label, #inputdiv span {

                font-size:14px;

                font-weight:700;

                color:#009

}

#inputtable {

                width:42em

}

#inputtable td {

                padding:5px 0

}

#outputdiv {

                width:42em;

                margin:0 auto;

                font-size:small;

                font-family:arial, sans-serif

}

#titleout {

                font-size:medium;

                color:#00c;

                text-decoration:underline

}

#subsnip {

                color:green;

                font-style:normal

}

#similarout, #cachedout {

                color:#77c;

                text-decoration:underline

}

.code {

                color:#080;

                font-family:courier new;

                font-size:110%

}

#tool {

                margin-left:40px

}

.new {

                color:#f00

}

#speach {

                float:right;

                height:64px;

                width:240px;

                background-image:url(../i/contact-hover.png);

                background-repeat:no-repeat

}

#speach a {

                float:right;

                height:64px;

                width:240px;

                background-image:url(../i/contact-hover.png);

                background-repeat:no-repeat;

                background-position:0 0

}

#speach a:hover {

                float:right;

                height:64px;

                width:240px;

                background-image:url(../i/contact-hover.png);

                background-repeat:no-repeat;

                background-position:0 -64px

}

#valid-xhtml {

                float:left;

                height:36px;

                width:102px;

                background-image:url(../i/valid-xhtml.png);

                margin-left:10px;

                margin-top:1px;

                background-repeat:no-repeat

}

#valid-xhtml a {

                float:left;

                height:36px;

                width:102px;

                background-image:url(../i/valid-xhtml.png);

                background-repeat:no-repeat;

                background-position:0 0

}

#valid-xhtml a:hover {

                float:left;

                height:36px;

                width:102px;

                background-image:url(../i/valid-xhtml.png);

                background-repeat:no-repeat;

                background-position:0 -36px

}

#tweet {

                margin-left:150px

}

.viraltweet {

                padding:8px;

                width:310px;

                border:1px solid #ccc;

                font-family:Courier;

                font-size:10pt

}

.vt_input {

                width:155px

}

.twitter_message {

                width:300px;

                height:60px

}

.vt_caption {

                font-family:Arial;

                font-size:8pt;

                color:gray;

                text-align:center

}

.vt_aff {

                padding:8px;

                width:300px;

                text-align:center;

                font-family:Arial;

                font-size:8pt

}

#result {

                margin-left:240px;

                margin-bottom:30px

}

.red {

                color:#f00

}

.yellow {

                color:#fc0

}

.green {

                color:#093

}

#url {

                margin-left:190px;

                margin-bottom:10px

}

#center {

                margin-left:170px;

                margin-bottom:10px

}

#center1 {

                margin-left:130px;

                margin-bottom:10px

}

#center2 {

                margin-left:170px;

                margin-bottom:10px

}

#twitter_update_list {

                margin-left:15px;

                margin-right:15px

}

ul.twitter_update_list {

                display:inline

}

ul.twitter_update_list li a {

                display:block;

                float:left;

                padding:19px 10px;

                margin:0

}

#mod {

                font-size:9px;

                color:#BBB;

                position:absolute;

                bottom:10px;

                right:10px;

                margin:0

}

#quotes {

                background:#fff url(/i/bubble.gif) 18px 115px no-repeat;

                font:12px Arial, Helvetica, sans-serif;

                color:#000;

                width:267px;

                height:125px;

                margin:30px auto 10px;

                padding:15px;

                position:relative;

                border: solid 5px;

                border-color:#e2e2e2;

}

#author {

                color:#D8A21B;

                font-size:11px;

                font-weight:bold;

                position:absolute;

                bottom:10px;

                right:15px;

}

#twitter_quotes {

                background:#fff url(/i/twitter_standing.png) 12px 60px no-repeat;

                font:12px Arial, Helvetica, sans-serif;

                color:#000;

                width:267px;

                height:85px;

                margin:5px auto 10px;

                padding:15px;

                position:relative;

                border: solid 5px;

                border-color:#e2e2e2;

}

#twitAuth {

                color:#D8A21B;

                font-size:11px;

                font-weight:bold;

                position:absolute;

                bottom:10px;

                right:15px;

}

#linkTip {

                position:absolute;

                display:none;

                overflow:visible;

}

#linkTip #linkTipInner {

                border:3px solid #CCC;

                background:#FFF;

                padding:5px;

}

#linkTip h3 {

                text-align:left;

                border-bottom:1px solid #CCC;

                font-size:11px;

}

#linkTip p {

                margin:5px 0;

                font-size:10px

}

#linkTip img {

                position:absolute;

                left:10px;

                bottom:-8px;

}

ul#site li {

                overflow:hidden;

}

a#sitemapClick {

                float:left;

}

#expandIcon {

                position:relative;

                top:0;

                right:100px;

                float:right;

}

form#twitterForm {

                background:#FFF url(/i/twitter3.png) top right no-repeat;

                padding:15px;

                margin:10px auto;

                width:267px;

                border:5px solid #E0D4BA;

                overflow:hidden;

}

form#twitterForm fieldset {

                border:none;

}

form#twitterForm fieldset p {

                margin: 2px 0;

}

form#twitterForm fieldset input {

                display:block;

                margin:5px 0;

                border:1px solid #CCC;

}

form#twitterForm fieldset label {

                color:#000;

                font-size:11px

}

form#twitterForm fieldset input#submit {

                border:1px solid #CCCCCC;

                cursor:pointer;

                height:31px;

                padding:0;

                margin-top:24px;

                width:46px;

}

#twitPop {

                width:130px;

                border:1px solid #CCC;

                padding:5px;

                background:#FFF;

                overflow:visible;

}

#twitPop p {

                margin:0;

}

#twitPop img.twitSpeech {

                position:absolute;

                top:-1px;

                left:-15px;

}

.floatLeft {

                float:left;

}

.floatRight {

                float:right;

}

#signUpForm {

                background: #FFF;

                padding:40px 20px 10px;

                border:solid #CCC;

                border-width:0 3px 3px;

                width:250px;

                text-align:center;

                clear:both;

                margin:auto;

}

#signUpForm p {

                margin: 0 0 10px;

                font-size:10px

}

#signUpForm label {

                display:block;

}

#signUpForm input#email {

                width:200px;

}

#backToTop {

                position:absolute;

                background:url(/i/back-to-top.png) no-repeat;

                display:block;

                width:22px;

                height:88px;

}

div.vcard {

                position:relative;

                top:-10px;

}

.sIFR-flash {

                visibility: visible !important;

                margin: 0;

                padding: 0;

}

.sIFR-unloading .sIFR-flash {

                visibility: hidden !important;

}

.sIFR-replaced, .sIFR-ignore {

                visibility: visible !important;

}

.sIFR-alternate {

                position: absolute;

                left: 0;

                top: 0;

                width: 0;

                height: 0;

                display: block;

                overflow: hidden;

}

.sIFR-replaced div.sIFR-fixfocus {

                margin: 0pt;

                padding: 0pt;

                overflow: auto;

                letter-spacing: 0px;

                float: none;

}

/*---- Header styling ---*/


.sIFR-active h2 {

                visibility: hidden;

                font-family: Georgia, Verdana;

                font-size: 1.666667em;

                line-height: 0.84em;

                margin: 0;

                padding: 0;

}

.sIFR-active h3 {

                /*  visibility: hidden;*/


  font-family: Georgia, Verdana;

                font-size: 1.333333em;

                line-height: 1.05em;

                margin: 0;

                padding: 0;

}

#info {

                float:left;

                height:48px;

                width:48px;

                background-image:url(../i/i.png);

                margin-top:-6px;

                margin-right:6px

}
#output {
		border: 1px solid #E5EDF4;
		background: #F9F9F9;
		padding: 5px;
	}
#output ul#pr-details {
	list-style: none;
	margin: 12px 20px;
	border: 1px solid #CCC;
}
#output ul li {
	border-bottom: 1px solid #CCC;
	margin-bottom: 12px;
}
#output ul#pr-details li {
	margin: 0;
	padding: 4px 5px;
	overflow: hidden;
	border: 0;
}
#output ul#pr-details li.odd {
	background: #CFE7FF;
}
#output ul#pr-details li.even {
	background: #DFEFFF;
}
#output ul#pr-details li span.title {
	float: left;
	width: 49%;
}
#output ul#pr-details li span.value {
	float: right;
	width: 49%;
	text-align: right;
}
#output ul#pr-details li span.thumb {
	text-align: center;
	display: block;
}
#output ul#pr-details li span.thumb img {
	border: 1px solid #999;
	background: #FFF;
	padding: 5px;
}
#output ul li ul li {
	border: 0;
	margin: 0;
}
.mid {
	text-align: center;
}

#m-c a.blank{color:#000; text-decoration:none; cursor:text;outline: none;}
#m-c a.blank:hover{color:#000; text-decoration:none; cursor:text;outline: none;}

* {

                margin:0;

                padding: 0;

}
#top, #bottom, #left, #right {
	background: black;
	display: none;
	}
	#left, #right {
		position: fixed;
		top: 0; bottom: 0;
		width: 88px;
		}
		#left { left: 0;  background: url(link-fade/left.png) left center repeat-y;}
		#right { right: 0; background: url(link-fade/right.png) right center repeat-y;}
		
	#top, #bottom {
		position: fixed;
		left: 0; right: 0;
		height: 88px;
		}
		#top { top: 0px; background: url(link-fade/top.png) top center repeat-x; }
		#bottom { bottom: 0px; background: url(link-fade/bottom.png) bottom center repeat-x; }