@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,400italic,500,500italic,700,700italic,300italic,300|Roboto:400,300,500,700,100italic,300italic,400italic|Roboto+Condensed:400,700,300,700italic,400italic);



/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display:block
}
audio,canvas,video {
	display:inline-block
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
a {
	background:0 0
}
a:focus {
	outline:thin dotted
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
mark {
	background:#ff0;
	color:#000
}
pre {
	white-space:pre-wrap
}
sub,sup {
	line-height:0;
	position:relative
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
svg:not(:root) {
	overflow:hidden
}
button,input,select,textarea {
	font-family:inherit;
	font-size:100%;
	margin:0
}
button,input {
	line-height:normal
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=search] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table {
	border-collapse:collapse;
	border-spacing:0
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
p {
	padding:10px 0 10px 0
}
ol,ul {
	list-style:none
}
blockquote,q {
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
	content:'';
	content:none
}
canvas,video {
	max-width:100%
}
.blog-details img,img {
	vertical-align:middle;
	max-width:100%!important;
	-ms-interpolation-mode:bicubic;
	height:auto!important
}
b,strong {
	font-weight:700
}
u {
	text-decoration:none;
	border-bottom:1px solid #3e3e3e;
	padding-bottom:3px
}
.underlined {
	text-decoration:underline
}
i {
	font-style:italic
}
blockquote {
	margin:20px 40px
}
a img {
	border:0
}
a img:hover {
	opacity:.8
}
a {

	text-decoration:none;
	color:#8d5daa;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight:700;
	cursor:pointer
}
a:hover {
	cursor:pointer;
	color:#f97b71
}
::-moz-selection {
	background:#efefef;
	text-shadow:none
}
::selection {
	background:#efefef;
	text-shadow:none
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
textarea {
	resize:vertical
}
.chromeframe {
	margin:.2em 0;
	background:#ccc;
	color:#000;
	padding:.2em 0
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
.clearfloat {
	clear:both
}
@-ms-viewport {
	width:device-width
}
.hidden {
	display:none;
	visibility:hidden
}
.hyellow {
	background:#fecc67;
	color:#585334
}
p span.hyellow {
	padding:5px 10px
}
.highlight {
	background:#fecc67;
	padding:2px 4px;
	color:#d29315
}
.bg-gray {
	background:#f8f8f8
}
.small {
	line-height:1.375em;
	font-size:12px
}
div.center {
	text-align:center;
	margin:0 auto
}
.quicktip {
	color:#333;
	background:#fff url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/idea5.png) 4% 50% no-repeat;
	padding:32px 35px 32px 95px;
	border:7px solid #efefef;
	width:74%;
	margin:20px auto 35px auto
}

.quicktip a {color:#fd7575}

.quicktip a:hover {color:#444444}

.answer {
	margin:20px 30px;
	padding:10px 20px;
	border-left:4px solid #eee
}


.reviewer {display:block;clear:both;float:left;width:100%;border-bottom:6px solid #eeeeee;border-top:6px solid #eeeeee;margin:20px 0;padding:20px 0}
.reviewer-avatar {width:18%;float:left;display:inline}
.reviewer-info {width:100%;float:left;display:inline}
.reviewer-info h3 {clear:both;font-size:36px;text-transform:capitalize;line-height:46px}
.reviewer-info .reviewer-url,.reviewer-info .reviewer-url a {font-style:italic;line-height:24px;clear:both;font-size:14px}


.contentupgrade {width:100%;height:320px;clear:both;display:block}
.subscribeleft {width:35%;float:left;display:inline}
.subscriberight {width:65%;float:right;display:inline}
.subscriberight .btn-dl5 {margin-top:40px !important}

.btn-dl5 {
	text-align:center;
	margin:10px auto;
	width:86%;
	padding:30px 0
}


.btn-dl5 a.sub2 {}
.btn-dl5 a {
margin:15px auto;
	
	padding:20px 38px 20px 38px;
	color:#fff;
	letter-spacing:0;
	font-size:1.25em;
	border-bottom:3px solid #9168ba;
	background:#a87ad9;
	font-weight:bold;
	display:block;
	text-transform: uppercase
}

.btn-dl5 .sub1 {font-size:12px !important;display:block !important}
.btn-dl5 a:hover {
	background:#a175d0;
}


.width70 {
	width:70%
}
.width301 {
	width:301px
}
.width330 {
	width:330px
}
.width320 {
	width:320px
}
.width310 {
	width:310px
}
.facebookbox {
	background:#fafafa;
	padding:10px 0;
	border:5px solid #eee
}
.width-half {
	float:left;
	display:inline;
	padding-right:1%;
	width:49%
}
.width-half:last-child {
	padding:0
}
.width-half3 {
	float:left;
	display:inline;
	padding-right:2%;
	width:48%
}
.width-half3:last-child {
	padding:0
}
.width-half4 {
	float:left;
	display:inline;
	padding-right:3%;
	width:47%
}
.width-half4:last-child {
	padding:0
}
.width-half5 {
	float:left;
	display:inline;
	padding:20px;
	margin:20px;
	width:41%;
	height:460px
}
.width-half5:last-child {
	padding:0
}
.listwithimgleft h4 {
	line-height:1.25em;
	font-size:1.25em
}
.height500 {
	height:600px
}
.height800 {
	height:860px
}
.listwithimgleft {
	line-height:2em;
	font-size:0.875em;
	width:100%;
	clear:both;
	float:left;
	display:block;
	padding:20px 0
}
.listwithimgleft img {
	padding:0!important;
	margin:0!important
}
.listwithimgleft .width-half {
	float:left;
	display:inline;
	padding-right:2%;
	width:48%
}
.listwithimgleft .width-half2 {
	float:right;
	display:inline;
	padding-left:1%;
	width:49%
}
.listwithimgleft .icon2 {
	width:42%;
	display:inline;
	float:left
}
.listwithimgleft .icon2 img {
	border:5px solid #f5f5f5 !important;
	width:130px;
	height:130px
}
.listwithimgleft .desc2 {
	padding-top:10px;
	width:56%;
	display:inline;
	float:right
}
.linkout {
	width:100%;
	clear:both;
	padding:4px 0;
	display:block
}
.listwithimgleft-last {
	border:none!important;
	padding-bottom:40px!important
}
.col1st,.col2nd {
	float:left;
	display:inline;
	font-size:16px;
	padding-right:1%;
	width:45%
}
.col1st {
	padding-left:20px;
	background:#f8f8f8;
	border-right:1px solid #eee
}
.col2nd {
	padding-left:20px
}
.col2 li {
	line-height:24px
}
.text-upper {
	text-transform:uppercase
}

.text-purple {color:#8d5daa !important}

.table-price-compare {
	padding:10px 0;
	clear:both;
	display:block;
	width:98%
}
.table-price-compare .table-one-half {
	width:49%;
	display:inline;
	float:left
}
.table-price-compare .table-head {
	border-bottom:1px solid #333;
	margin-bottom:10px;
	padding-bottom:3px
}
.table-price-compare .table-head p {
	color:#f67883;
	text-align:center;
	font-weight:700;
	font-size:1.25em;
	text-transform:uppercase
}
.demo ul {
	padding:0 0 20px 0;
	margin:0
}
.demo ul li {margin:0;padding:0}

.btn-visit {
	padding:14px 15px
}
.btn-visit a {
	padding:15px 20px 15px 38px;
	color:#333333;
	letter-spacing:2px;
	font-size:1.125em;
	border:2px dashed #a678c2;
	background:#fff;
	font-weight:normal;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/arrow-out2.png) 13px 13px no-repeat !important;
	text-transform:uppercase
}
.btn-visit a:hover {
	border:2px solid #333333
}



.btn-dl {
	text-align:center;
	margin:10px auto;
}
.btn-dl a {
margin:10px auto;
	display:block;
	width:55%;
	padding:15px 20px 15px 38px;
	color:#fff;
	letter-spacing:2px;
	font-size:1.25em;
	border-bottom:3px solid #9168ba;
	background:#a87ad9;
	font-weight:bold;
	text-transform:uppercase
}
.btn-dl a:hover {
	background:#a175d0;
}



.btn-dl2 {
	text-align:center;
	margin:10px auto;
	padding:30px 0;
}
.btn-dl2 a {
margin:15px auto;
	
	padding:20px 38px 20px 38px;
	color:#fff;
	letter-spacing:0;
	font-size:1.125em;
	border-bottom:3px solid #9168ba;
	background:#a87ad9;
	font-weight:bold;
	text-transform: uppercase
}
.btn-dl2 a:hover {
	background:#a175d0;
}

.demo {padding:20px 0;}

.demo ul,.demo li {	margin:0 !important;
	padding:0 !important;}

.demo .btn-download a,.demo .btn-visit a {
	padding:14px 26px;
	color:#fff;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	border:none;
	font-size:22px;
	text-transform:uppercase;
	margin:0;
	background-image:none !important;
	background-color:#fe5956 !important
}
.demo .btn-download a:hover,.demo .btn-visit a:hover {
	background-color:#333333 !important;
	color:#fff
}


.demo .btn-shortvisit a {
	padding:10px 26px;
	color:#fff;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	border:none;
	font-size:18px;
	text-transform:uppercase;
	margin:0;
	background-image:none !important;
	background-color:#333333 !important
}
.demo .btn-shortvisit a:hover {
	background-color:#fe5956 !important;
	color:#fff
}


.affiliatelink {margin:20px 0;text-align: center}
.affiliatelink .btn-visit a {
	padding:16px 22px;
	color:#fff;
	font-weight:bold;
	border:none;
	font-size:20px;
	letter-spacing:0px;
	background-image:none !important;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background-color:#ff6767 !important
}
.affiliatelink .btn-visit a:hover {
	background-color:#ffcf44 !important;
	color:#7d5d00
}


.bigdloadlink {margin:20px 0;text-align: center}
.bigdloadlink .btn-visit a {
	padding:22px 40px;
	color:#fff;
	font-weight:bold;
	border:none;
	font-size:24px;
	letter-spacing:1px;
	background-image:none !important;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background-color:#ff6767 !important
}
.bigdloadlink .btn-visit a:hover {
	background-color:#444444 !important;
	color:#fff
}



.icon-check {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/check.png) 0 5px no-repeat;
	padding-left:22px
}
.icon-cross {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/cross.png) 0 5px no-repeat;
	padding-left:22px
}
.icon-warning {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/cross.png) 0 5px no-repeat;
	padding-left:74px
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}

.text-right {
	text-align:right
}


.warning {color:#fd685d;font-weight: bold}

.strong {
	font-weight:700
}
acronym {
	border-bottom:1px dotted #8468a3
}
.testimonial {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/quoteicon.png) center left no-repeat;
	font-size:1.143em;
	line-height:2.125em;
	text-align:left;

	font-weight:100;
	padding:10px 30px 10px 60px;
	color:#555;

	margin:10px
}


.bordered-div2 .testimonial,.width-half3 .testimonial{font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:1em;line-height:1.750em;font-style:italic;padding-right:20px;margin:0}
.testimonial a {
	
}

.testimonial-photo {padding:30px 20px;display:inline;float:left;width:24%}
.testimonial-photo img {padding-top:40px}
.testimonial2 {
display:inline;
	font-size:1.143em;
	line-height:2.125em;
	text-align:left;

	font-weight:100;
	padding:40px 20px;
	color:#555;
float:left;
width:68%;
	margin:0
}

.testimonial-stat {padding-top:20px;font-style:italic;font-size:0.875em;clear:both;display:block;}
.testimonial-head,.testimonial-head2 {font-style:italic;font-weight:bold;line-height:1.5em;font-size:1.750em;color:#8558a8;font-family:trebuchet MS}
.testimonial-head2 {font-size:1.500em}
.testimonial-larger {font-size:1.375em}


.question {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/quoteicon.png) center left no-repeat;
	font-size:1.625em;
	line-height:1.625em;
	text-align:center;
	font-style:italic;
	font-weight:100;
	padding:30px 40px;
	border-top:8px solid #f2f2f2;
	border-bottom:8px solid #f2f2f2;
	
	margin:20px
}

.question2 {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/quoteicon.png) center left no-repeat;
	font-size:1.625em;
	line-height:1.625em;
	text-align:center;
	font-style:italic;
	font-weight:100;
	padding:20px 40px;
	
	margin:20px
}

.quote4 {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/quoteicon.png) left center no-repeat;
	padding-left:58px
}
.quote3 {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/quoteicon.png) center left no-repeat;
	font-size:1.625em;
	line-height:1.625em;
	text-align:center;
	font-style:italic;
	font-weight:100;
	padding:30px 40px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	margin:20px
}
.quote4-2 {
	padding-left:58px
}
.quote {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/quoteicon.png) center left no-repeat;
	font-size:1.8em;
	line-height:1.8em;
	text-align:center;
	font-weight:100;
	padding:30px 50px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	margin:20px
}
.quote a {
	font-weight:100!important;
	font-size:1.4em;
	line-height:1.4em;
	color:#333!important
}
body {
	font-size:16px;
	line-height:24px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	/* font-family: 'Ubuntu', Arial, sans-serif; */
	background:#fff url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/bg11.png) 0 240px repeat-x;
	color:#444444;
	overflow-x:hidden;
	letter-spacing:0;
	-webkit-font-smoothing:antialiased
}



body.body-details,body.body-category {background:#fff}

button,html,input,select,textarea {
	color:#333
}
.wrapper {
	width:100%;
	margin:0 auto
}
.header-container {
	height:160px;
	margin:0;
	
	padding:75px 0 0 0
}




.body-details .header-container { background:#8860a8}

.nospace .header-container {padding:0 !important}

.header-container .wrapper,.header-middle .wrapper {
	position:relative;
	margin:0 auto;
	padding:0
}
.title {
	float:left;
	display:inline;
	overflow:hidden;
	width:250px;
	height:73px;
	position:absolute;
	left:0;
	top:52px;
	margin:0;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/logo-1.png) top left no-repeat;
	padding:0
}

.body-details .title {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/logo-2.png) top left no-repeat}

.title a {
	display:block;
	width:402px;
	height:180px
}

.nav-social {float:right;
display:inline;
overflow:hidden;
position:absolute;
right:0;
top:0;
margin:0 20px 0 0;
padding:0;
width:40%;
height:42px
}



#search {height:40px;position:absolute;top:0;right:0;z-index:20 !important}

#search input[type=search] {
z-index:20 !important;
	background:#eeeeee url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/search-icon.png) no-repeat center right;
	width:34px;
	height:34px;display:inline;
	border:1px solid #eeeeee;
	-webkit-border-radius:4em;
	-moz-border-radius:4em;
	border-radius:4em;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	float:right;
	margin:0
}
#search input[type=search]:hover {
	background-color:#f8f8f8;
	border:1px solid #999999;
	display:inline;
	outline: none;
	clear:both;
	height:36px;
	width:152%
}
#search input[type=search]:focus {
	color:#666666;
	background-color:#f8f8f8;
	border:1px solid #eeeeee;
	-webkit-box-shadow:0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow:0 0 5px rgba(109,207,246,.5);
	box-shadow:0 0 5px rgba(109,207,246,.5);
	cursor:auto;
	width:152% !important;
	margin:0
}
#search input:-moz-placeholder {
	color:transparent
}
#search input::-webkit-input-placeholder {
	color:transparent
}


.mini-bar {
float:right;
margin-right:40px;
width:70%;
text-align:right;
z-index:10 !important;
overflow:hidden;
position:relative
}

.mini-bar a {line-height:40px;padding:10px;text-transform:lowercase;color:#888888;font-size:12px}
.mini-bar a:hover {color:#333333}

.body-details .mini-bar a {color:#e3d6ed}
.body-details .mini-bar a:hover {color:#fff}

nav {
	display:block;
	clear:both;
}
.navtop {
	float:right;
	width:59%;
	display:block;
	clear:both;
	text-align:right;
	margin:75px 0 0 0
}
.navtop ul,nav ul,nav ul li {
	margin:0;
	padding:0
}
.header-lower,.main .content,.main aside,.nav-mini,.navtop,.sidebox {
	overflow:hidden
}
.header-lower {
	background:#a678c2;
	float:left;
	display:block;
	width:100%;
	clear:both
}
nav a {
	display:block;
	text-align:right;
	text-decoration:none;
	font-weight:bold !important;
	margin:0;
	padding:0;
	font-size:1.125em;
	text-transform:uppercase;
	line-height:2.000em;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	color:#444444
}
nav a:hover {
	color:#888888
	
}

.body-details nav a {color:#e3d6ed}
.body-details nav a:hover {color:#fff}

nav ul li a {
	
}
nav ul {
	display:none
}
nav select {
	display:block;
	width:95%;
	margin:9px auto
}


.nudge a {
    -webkit-transition: padding-left 250ms ease-out;
  -moz-transition: padding-left 250ms ease-out
  /* trans pattern:  property duration timingMethod delay */
}

.nudge a:hover {
    padding-left:12px

}

.main-container {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.875em
}
.main .content {
	float:left;
	width:64%;
	padding:0 1% 0 0;
	word-wrap:break-word;
	display:inline;
	/*background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/new/lined.gif) top right repeat-y;*/
	margin:30px 0 30px 0
}

.landing-intro {padding-top:30px;width:92%;float:right;height:380px;font-size:1.375em;/*text-shadow: 1px 1px 0px rgba(0,0,0,0.2);*/color:#fbf5ff}
.landing-intro-big {font-family: 'Roboto Condensed', Helvetica, sans-serif;letter-spacing:0;font-size:2.875em;line-height:1.2em;text-transform:uppercase;font-weight:bold}
.landing-intro-small {width:88%}
.button-hire-me {margin-left:12%;margin-top:20px;width:50%;text-align:center}
.button-hire-me a {font-family: 'Roboto Condensed', Helvetica, sans-serif;padding:22px 60px;border-radius: 39px 39px 39px 39px;
-moz-border-radius: 39px 39px 39px 39px;
-webkit-border-radius: 39px 39px 39px 39px;background:#333333;width:100%;font-weight:bold;font-size:0.875em !important;text-transform:uppercase;display:block;clear:both;color:#fff}
.button-hire-me a:hover {background:#292929;color:#fff}
.icon-email-me {padding-left:5px}

.main {
	padding:0;
	margin:0;
	position:relative
}
.main .post-body-details img:hover {
	opacity:.8;
	border-color:#eeeeee

}

.main aside {
	float:right;
	width:33%;
	padding:0 0 40px 0;
	position:relative;
	display:inline;
	margin:0
}

.side-top-title {position:absolute;top:20px;right:30px;width:337px;height:33px}

.side-border-top {	}
.side-inside {margin-top:-12px;margin-bottom:-12px;z-index:9 !important;padding:30px 0 40px 0;float:left;width:94%;clear:both;display:block;border:6px solid #6b4688 }

.side-menu-services {margin-top:70px;margin-bottom:20px;background:#f7f7f7;display:block;clear:both;float:left;width:100%;padding-left:1%;padding-top:0}



.side-menu-services p {line-height:2.500em;border-bottom:1px solid #f1f1f1;margin-left:7%;padding:10px 0 10px 20px;width:80%;clear:both;float:left;display:block}
.side-menu-services p a {letter-spacing:1px;font-family: 'Roboto Condensed', Helvetica, sans-serif;text-transform:uppercase;font-size:1em;color:#666666}
.side-menu-services p a:hover {color:#8d61b0}


.icon-website-design span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/webdesignicon.png) center left no-repeat;width:32px;height:32px;padding:0 22px}
.icon-graphic-design  span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/painticon1.png) center left no-repeat;width:32px;height:32px;padding:5px 22px}
.icon-smm-marketing span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/ideaicon1.png) center left no-repeat;width:32px;height:32px;padding:5px 22px}
.icon-content-marketing span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/tooledit1.png) center left no-repeat;width:32px;height:32px;padding:5px 22px}
.icon-website-review span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/pencil1.png) center left no-repeat;width:32px;height:32px;padding:8px 22px}
.icon-web-maintenance span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/toolsettings1.png) center left no-repeat;width:32px;height:32px;padding:10px 22px}
.icon-web-maintenance {border-bottom:none !important}

.body-details .side-menu-services {background:#f7f7f7;margin:60px 0 40px 3%;width:92%}
.body-details .side-menu-services p {border-bottom:1px solid #eeeeee}
.body-details .side-menu-services p, .body-details .side-menu-services a {color:#555555}
.body-details .side-menu-services a:hover {color:#f67883}
.body-details .side-inside {border:4px solid #efefef}
.side-message {font-style:italic;border-bottom:none !important}
.body-details p.side-message a {color:#f67883}
.body-details p.side-message a:hover {color:#555555}

/*.body-details .icon-website-design span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/webdesignicon2.png) center left no-repeat;width:32px;height:32px;padding:0 22px}
.body-details .icon-graphic-design  span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/painticon2.png) center left no-repeat;width:32px;height:32px;padding:5px 22px}
.body-details .icon-smm-marketing span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/ideaicon2.png) center left no-repeat;width:32px;height:32px;padding:5px 22px}
.body-details .icon-content-marketing span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/tooledit2.png) center left no-repeat;width:32px;height:32px;padding:5px 22px}
.body-details .icon-website-review span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/pencil2.png) center left no-repeat;width:32px;height:32px;padding:8px 22px}
.body-details .icon-web-maintenance span {background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/toolsettings2.png) center left no-repeat;width:32px;height:32px;padding:10px 22px} */

.details-demo {clear:both;display:block;border-top:1px solid #eeeeee;padding-bottom:20px;padding-top:20px;margin-top:20px}

.details-demo p a {text-transform:uppercase;color:#fff;background-color:#a678c2 !important;padding:12px 14px;margin-right:6px}

.details-demo p a:hover {background-color:#444444 !important}


.sidebox {
	width:85%;
	clear:both;
	display:block;
	float:left;
	padding:20px 30px;
	margin:0
}

.servicedesign1 {background:#fc9c4e url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/bgstartblog1.png) bottom center no-repeat;text-align:center;margin:10px 0 10px 20px;width:82%}
.servicedesign1 h3 {background:none !important;letter-spacing:0 !important;text-transform:capitalize !important;font-size:2.2em !important;color:#9c5418 !important;border:none !important}
.servicedesign1  img {margin-top:20px}
.servicedesign1 p.textin {font-weight:bold;color:#fff;font-size:1.2em;padding-top:25px}
.servicedesign1 p.learnmore {margin:22px 0 20px 0;color:#fff;text-align:left;width:59%;text-transform:uppercase;font-weight:bold}
.servicedesign1 p.learnmore a {display:block;color:#fff;padding:10px 30px;background:#444444}
.servicedesign1 p.learnmore a:hover {background-color:#222222}

.footer-container {
	background:#3e3e3e;
	color:#333333;
	font-size:.875em
}
.footer-container footer {
	padding:20px 0
}
footer {
	background:#3e3e3e;
	color:#dcdcdc
}
.ie7 .title {
	padding-top:20px
}
.latest a {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/dots.png) center left no-repeat
}
.popular a {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/linedheart.png) center left no-repeat
}
.latest a:hover {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/dots-hover.png) center left no-repeat;
	color:#dbdbdb
}
.popular a:hover {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/linedheart-hover.png) center left no-repeat;
	color:#dbdbdb
}
footer ul {
	
}
footer a {
	
}
footer a:hover {
	
}
footer ul li {
	display:inline;
	padding-right:6px;
	text-transform:uppercase
}
.footer-sponsors {
	padding:0 0 40px 0;
	text-align:center
}
.footer-sponsors img {
	padding:0 20px
}
.powered-text {
	letter-spacing:5px;
	text-transform:uppercase;
	font-size:10px;
	color:#666666
}
.footerbox {
	width:28%;
	padding:30px 0 0 3%;
	float:left;
	text-transform: none;
	display:inline;
	overflow:hidden
}

.footerbox-about {padding:30px 0 0 3%;
	float:left;
	text-transform: none;
	display:inline;
	overflow:hidden;width:35%}
	
.footerbox p {
	font-size:1.2em;
	padding:16px 0
	
}

.footerbox h5,.footerbox-about h5 {color:#fff;text-transform:uppercase;padding-bottom:16px}


.footerbox-about a {color:#ffffff}

.footerbox-about a:hover {color:#999999}

.footer-bottom-text,.footer-bottom-text a {
	text-transform:uppercase;
	text-align:center;
color:#999999;
	font-size:11px
}
.footer-bottom-text a:hover {
color:#eeeeee
}
a.coloredlink {
	color:#ff8e8e
}
footer img {
	-webkit-filter:opacity(80%)
}
.pages li {
	display:block;
	margin:0;
	border-bottom:1px solid #5c5c5c
	
}

.pages li:last-child {border:none}

.pages a {font-size:1.250em;
	width:100%;
	color:#999999;
	padding:14px 20px;
	display:block
	
}
.pages a:hover {
color:#eeeeee
	
}
div.entry-meta {
	padding:10px 0;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
	height:24px;
	width:100%;
	clear:both;
	line-height:24px;
	font-weight:700
}
.post-preview {
	position:relative;
	overflow:hidden;
	float:left;
	display:inline;
	border-bottom:4px solid #f9f9f9;
	margin:0 0 20px;
	padding:20px 0 40px 0;
	width:100%
}

.post-thumb {
	width:43%;
	float:left;
	display:inline;
	overflow:hidden;
	margin:0;
	padding:0 0 10px 0;
	position:relative
}
.post-meta {
	clear:both;
	display:block;
	padding:6px 0;
	margin:0;
	text-transform:uppercase
}
.post-meta li {
	display:inline;
	padding:0 10px 0 0;
	margin:0;
	font-weight:400;
	font-size:12px
}
.post-meta li span {
	padding:2px 0 2px 20px;
	line-height:16px;
	color:#aaa
}
.post-meta li span a {
	color:#aaa
}
.post-meta li span a:hover {
	color:#333
}
.post-author span {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/author16.png) center left no-repeat
}
.post-date span {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/clock16.png) center left no-repeat
}
.post-category span {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/heart16.png) center left no-repeat
}
.post-thumb a,.post-thumb a img {
	padding:0;
	margin:0
}
.post-thumb img {
	-moz-box-shadow:0 0 0px #989898;
	-webkit-box-shadow:0 0 0px #989898;
	box-shadow:0 0 0px #989898;
	width:315px;
	height:198px
}
.post-text {
	width:54%;
	float:left;
	margin:0;
	display:inline;
	overflow:hidden;
	padding:0 0 0 3%
}
.post-text p {
	padding-top:5px
}
.box-notice {padding:30px 40px 20px 40px;border:1px solid #eeeeee;font-size:14px;line-height:22px;margin-bottom:20px;display:block}
.box-notice h5 {text-transform: uppercase;font-size:18px}
.post-text span {text-transform: uppercase}

.post-block {
	width:100%
}
.post-text h2 {
	padding:2px 10px 0 0
}
.post-text h2 a {

	text-transform:capitalize;
	font-size:0.875em !important;
	
	line-height:1.125em
}
.post-text h2 a:hover {
	padding:4px 0
}
.post-preview-lefthumb {
	position:relative;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 0 20px;
	padding:20px 0 20px 0;
	width:100%
}
.post-preview-lefthumb .post-thumb {
	width:43%;
	float:left;
	display:inline;
	overflow:hidden;
	margin:0;
	padding:0 0 10px 0;
	position:relative
}
.post-preview-lefthumb .post-text {
	width:54%;
	float:left;
	margin:0;
	display:inline;
	overflow:hidden;
	padding:0 0 0 3%
}
.post-preview-lefthumb .post-meta {
	clear:both;
	display:block;
	padding:0;
	margin:0;
	text-transform:uppercase
}
.post-preview-lefthumb .post-meta li {
	display:inline;
	padding:3px 10px 5px 0;
	margin:0;
	letter-spacing:3px;
	font-size:11px;
	color:#999
}
.post-preview-lefthumb .post-thumb img {
	padding-top:10px;
	width:315px;
	height:198px
}
.post-preview-lefthumb .post-text p {
	font-size:16px;
	line-height:24px;
	color:#888888;
	padding:10px 0 2px
}
.post-preview-lefthumb .post-text h2 {
	padding:14px 0 0 0;
	margin:0;
	line-height:1.125em;
	font-weight:700
}
.post-preview-lefthumb .post-text h2 a {
	font-size:1em;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	color:#555555;
	line-height:1.375em
}

.post-preview-lefthumb .post-text h2 a:hover {color:#8d5daa;}

.blog-details {
	overflow:hidden;
	margin:0 0 10px 0;
	line-height:1.750em;
	width:100%;
	padding:0;
}

.page-full .blog-details {line-height:2em;width:98%;padding:0 1%}
.blog-details ul li {
	margin:8px 0;
	clear:both;
	display:block;
	padding:10px 0 10px 10px
}
.blog-details ul li ul li {
	margin:5px 0;
	padding:8px 0 8px 8px
}
.blog-details h3 {
	padding:6px 0;
	color:#9265b4;

}

.blog-details h3 a {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	color:#444444;

}

.blog-details h3 a:hover  {
	color:#ff594d;

}

.page-full .blog-details h3 {color:#444444;line-height:1.375em;font-size:1.375em}

.blog-details h1 {
	text-transform:capitalize;
	font-size:3em;
	line-height:1.250em;
	color:#444444;
	letter-spacing:-1px;
	padding-bottom:10px;
	padding-right:100px;
	font-weight:700
}


.blog-details h1 span {text-transform: uppercase !important;}
/*h1.title-really-large {
	height:260px;
	text-transform:uppercase;
	letter-spacing:-2px;
	padding-bottom:0;
	padding-right:140px;
	font-size:4.5em;
	font-weight:700
}


.blog-details h1.title-kinda-large {
	height:250px;
	padding-bottom:0;
	padding-right:100px;
	font-size:3.2em;
	font-weight:700
} */

h1.title-really-largest {
	text-transform:uppercase;
	letter-spacing:-2px;
	padding-bottom:100px;
	padding-top:10%;
	padding-right:140px;
	font-size:8em;
	color:#fff;
	font-weight:700
}


.blog-details a {
	
	
}
.blog-details .post-body-details img {
	display:block;
	clear:both;
	margin:16px
}
.blog-details h2 {
	line-height:1.8em
}
.blog-details .bulletoutcircle li {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/small_black_bullet.png) 0 11px no-repeat;
	margin:0 0 0 16px;
	padding:0 0 9px 19px
}
.blog-details .bulletoutcircle li:last-child {
	padding-bottom:10px
}
.blog-details .shortList,.shortList {
	margin-bottom:14px!important
}
.blog-details .insideplist {
	margin:10px 40px;
	padding:0
}
.blog-details .insideplist li {
	padding:1px 0;
	margin:0
}
.blog-details ol.insideplist1 {
	margin:10px 45px;
	padding:0
}
.blog-details ol.insideplist1 li {
	padding:1px 0;
	margin:0;
	list-style-type:lower-alpha
}
.blog-details .insideplist2 {
	margin:10px 30px;
	padding:0
}
.blog-details .insideplist2 li {
	padding:10px 0;
	margin:0
}
.blog-details .insideplist h4,.blog-details .insideplist1 h4 {
	font-weight:700;
	margin-bottom:10px
}
.post-body-details {
	padding:23px 0 30px
}
.post-top-details {
	padding:0;
	position:relative
}
.post-cat {
	margin:0;
	padding:10px 20px;
	color:#333;
	background:#faa10a;
	font-size:1.375em;
	text-transform:uppercase
}
.post-cat a {
	color:#fff;
	font-family:"Trebuchet MS",Helvetica,sans-serif
}
.blog-details .listdetailed {
	padding:0;
	margin:0
}
.blog-details .listdetailed li {
	list-style:none;
	list-style-type:none
}
.blog-details .listdetailed h3 {
	padding-bottom:6px;
	border-bottom:3px solid #333;
	margin-bottom:15px;
	font-weight:700
}
.blog-details .listdetailed h4 {
	font:400 1.125em/1.5em "Trebuchet MS",Helvetica,sans-serif;
	margin:15px 0
}
.blog-details .listdetailed h4 span {
	background:#eee;
	padding:4px 8px
}
.blog-details ol h4 {
	font-size:1.125em;
	font-weight:400
}
.blog-details img.center {
	text-align:center;
	clear:both;
	display:block;
	margin:16px auto
}

.page-full img.center {
	text-align:center;
	clear:both;
	display:block;
	margin:16px auto
}

.blog-details blockquote {
	text-align:center;
	font-size:15px;
	border:1px solid #d6d6d6;
	background:#f8f8f8;
	padding:20px;
	width:90%;
	margin:10px auto;
	font-family:courier new
}
.blog-details ol li {
	padding:0 0 10px;
	list-style-type:decimal
}
.blog-details div.entry-meta {
	width:95%;
	color:#888888;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/lined-light.png) center left repeat-x;
	padding-right:5%;
	clear:both;
	height:63px;
	font-size:.875em;
	text-align:right;
	line-height:63px
}
.blog-details div.entry-meta img {
	display:inline;
	width:60px;
	height:60px;
	clear:none;
	border:none;
	padding:0;
	margin:0
}
div.entry-meta span.author,div.entry-meta span.date,div.entry-meta span.views {
	background:#fff;
	margin-right:8px;
	padding:10px
}

.post-views {font-weight:bold;color:#d2d2d2;padding-top:20px;font-size:1.125em;text-transform: uppercase;margin:10px 0}
.post-views a {color:#d2d2d2}
.post-views a:hover {color:#fa7575}
.blog-details .InfoHorizon,.blog-details .appInfo {
	clear:both;
	display:block;
	padding:4px 5px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	text-transform:capitalize;
	font-weight:700;
	margin-bottom:15px
}
.blog-details .InfoHorizon span,.blog-details .appInfo span {
	padding:2px 4px
}
.blog-details .InfoHorizon span.promo,.blog-details .appInfo span.promo {
	font-weight:400
}
.blog-details .InfoHorizon span.promo strong,.blog-details .appInfo span.promo strong {
	color:#333
}
.important-info {
	background:#f3f3f3;
	clear:both;
	display:block;
	padding:20px;
	border-radius:6px;
	margin:15px;
	font-family:"Trebuchet MS",Helvetica,sans-serif
}
.snippet {
	width:90%;
	margin:0 auto 10px 0
}
.snippet textarea {
	-webkit-transition:height .2s;
	-moz-transition:height .2s;
	transition:height .2s;
	margin:0 auto;
	width:93%;
	padding:20px;
	background-color:#f4fdd2;
	color:#718c12;
	font-size:1.125em;
	border:1px solid #b8cd6d
}
.blog-details ol textarea {
	margin:0 auto;
	width:80%;
	padding:10px;
	background-color:#f4fdd2;
	color:#718c12;
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	border:1px solid #b8cd6d;
	height:120px
}
.comments h5,.post-lower-body h5,.related h4 {
	line-height:.875em;
	font-size:1.125em;
	text-transform:uppercase;
	padding:20px 30px;
	margin:20px 0;
	clear:both;
	display:block;
	font-weight:700;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/lined-light.png) center left repeat-x
}
.post-lower-body h5 span {
	padding:20px;
	background-color:#fff
}
.comments {
	width:99%;
	clear:both;
	display:block;
	position:relative;
	padding:10px 0
}
.relate li {
	border-bottom:1px solid #dbdbdb;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/linedheartdark.png) center left no-repeat
}
.relate li:last-child {
	border:0
}
.relate li a {
	font-size:.75em;
	padding:5px 10px 5px 23px!important;
	font-weight:700
}
.related ol {
	padding:0;
	margin-bottom:16px;
	clear:both;
	display:block
}
.related ol li {
	list-style-type:none;
	line-height:1.6em;
	margin:0 15px 10px 0;
	text-transform:capitalize;
	display:inline;
	width:164px!important;
	height:180px;
	overflow:hidden;
	float:left
}
.related ol li img {
	width:160px;
	height:101px;
	border:0;
	padding:0
}
.related ol li:last-child {
	margin:0 0 10px
}
.related ol li a {
	word-wrap:break-word;
	display:block;
	clear:both;
	font-size:.875em
}
.related ol li img {
	margin:0 0 10px
}
.blog-details .bulletcircle li,.bulletcircle li,.page-full .bulletcircle li,.page-full li {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/small_black_bullet.png) 0 9px no-repeat;
	padding:0 0 4px 18px;
	margin:0 0 0 20px
}
.blog-details ul.bulletcircle {
	padding:10px 0 8px 0 !important;
	margin:0 !important;
}
.blog-details ul.bulletcircle ul {
	padding-bottom:0!important
}
.blog-details .bulletline li {
	border-left:8px solid #e9e9e9;
	padding:10px 15px;
	margin:0 6px 8px 10px;
	background:#f6f6f6
}
.blog-details .bulletcheck li {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/template/assets/images/checklist.png) 0 6px no-repeat;
	padding:0 0 5px 20px;
	margin:0 0 0 15px
}
.blog-details .sidequote {
	padding:0;
	float:right;
	margin:0;
	border:0;
	width:280px;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/template/assets/images/pullquote.gif) top left no-repeat
}
.blog-details .sidequote p {
	padding:5px 10px 10px 45px;
	font-size:19px!important;
	line-height:28px;
	color:#999!important;
	text-align:left;
	font-style:italic
}
.head_small {
	text-transform:uppercase;
	line-height:1.375em;
	font-size:1.375em;
	letter-spacing:1px;
	padding-bottom:8px;
	border-bottom:6px solid #eeeeee;
	margin:14px 0;
	font-weight:700!important
}
h3.head_small {

}

h2.head_small {color:#333333}
.head_small_bg {
	text-transform:uppercase;
	line-height:20px!important;
	font-size:16px!important;
	letter-spacing:1px;
	padding:8px 10px!important;
	background:#333;
	margin-bottom:8px;
	font-weight:700!important;
	color:#eee!important
}
h3.head-med {
	line-height:1.4em;
	font-size:1.5em;
	letter-spacing:0
}
h3.head-med2 {
	color:#f6746a;
	line-height:1.4em;
	font-size:1.5em;
	letter-spacing:0
}

.page-full h3.head-med2 {
	color:#444444 }

h3.head-med3 {
	line-height:1.375em;
	font-size:1.625em;
	letter-spacing:1px
}

.download {
	clear:both;
	display:block;
	margin:18px 0;
	text-align:center
}
.download a {
	font-weight:700;
	font-size:14px;
	padding:8px 12px;
	border:1px solid #999;
	text-transform:uppercase;
	letter-spacing:5px
}
img.border {
	padding:4px;
	border:1px solid #ccc
}
.blog-details img.left,img.left {
	margin:10px 16px 4px 0!important;
	float:left
}
.blog-details img.right,img.right {
	margin:10px 0 3px 15px!important;
	float:right
}
.minSize {
	max-width:630px
}
.inline-image {
	display:inline
}
.right_img {
	margin:10px 0 3px 15px;
	float:right
}


.right_img p {
	padding:0
}
.left_img {
	margin:5px 8px 4px 0;
	float:left
}
.left_img p {
	padding:0
}
.cover-download {
	clear:both;
	display:block;
	text-align:center;
	position:relative;
	padding:20px;
	margin:20px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#f5f5f5
}
.noborder,.noborder:hover {
	border:none!important;
	border:0!important;
	-moz-box-shadow:0!important;
	-webkit-box-shadow:0!important;
	box-shadow:none!important;
	padding:5px!important
}
h1,h2,h3,h4,h5,h6 {
	margin:5px 0;
	color:#333333;
	text-transform:capitalize;
	clear:both;
	display:block;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-weight:700
}
h1 {
	font-size:2.875em;
	margin:0;
	padding-top:10px;
	line-height:1.375em
}
h2 {
	font-size:2.125em;
	line-height:1em
}
h3 {
	font-size:2.000em;
	line-height:1.375em
}


h4 {
	font-size:1.75em;
	line-height:2em
}
h5 {
	font-size:1.5em
}
h6 {
	font-size:.83em
}
.padleft {
	padding-left:20px
}
.padleftright {
	padding:20px
}
.padright2 {
	padding-right:30px
}

.padright2 {
	padding-right:30px
}
.larger {
	line-height: 1.375em;
	font-size:1.375em
}

.larger strong {letter-spacing: 0}

.larger8 {
	padding:0 0 60px 0;
	margin-bottom:50px;
	font-weight: bold;
	background:url(/admin/upcache/lined-grey.png) bottom center no-repeat !important;
	/*text-transform: uppercase;*/
	font-family: 'Roboto', Arial, sans-serif;
	letter-spacing: 1px;

	font-size:1.2em
}

.larger9 {
text-transform: uppercase;
	padding:0 0 20px 0;
	font-weight:bold;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	letter-spacing:0;
	line-height: 1em;
	font-size:4.875em
}


h1.larger9 {
text-transform: uppercase;
	padding:0 0 20px 0;
	font-weight:bold;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	letter-spacing:0;
	line-height: 1em;
	font-size:4.875em !important
}

.larger10 {
	padding:10px 120px 30px 120px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:1.5em
}

.larger10-1 {
	padding:10px 60px 30px 60px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:1em
}

.larger11 {
	padding:10px 0 50px 0;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	
	text-transform: uppercase;
	letter-spacing:4px;
	font-size:1.8em
}

.larger12 {
	padding:0 100px;
	font-family: 'Roboto', Arial, sans-serif;
	
	font-size:1.5em
}

.larger12-1 {
	padding:15px 0;
	font-family: 'Roboto', Arial, sans-serif;
	
	font-size:1.2em
}

.larger13 {
	padding:0 0 20px 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:bold;
	font-size:1.4em
}

.larger14 {
margin-bottom:50px;
	padding:26px 0 60px 0;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background:url(/admin/upcache/lined-grey.png) bottom center no-repeat !important;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height: 1em;
	font-size:4em
}

.larger15 {
	padding:16px 0 20px 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:1.250em
}


.larger a {font-family: 'Roboto Condensed', Helvetica, sans-serif}

.service-featured {padding:50px 0 0 0;height:460px;border-bottom:10px solid #eeeeee;background:#f8f8f8 url(/admin/upcache/web-designer-toronto2.png) bottom center no-repeat !important}


.service-featured2 {padding-top:30px}

 

.larger4 {
	margin:10px 0 0 0;
	font-size:1.375em
}

.larger3 {
	margin:5px 0;
	color:#9579b3;
	font-size:1.25em
}
.larger2 {
	border-bottom:1px solid #f67883;
	margin:8px;
	color:#f67883;
	font-weight:700;
	font-size:1.25em
}
.larger2 a {
	font-weight:700;
	color:#f67883
}
.larger2 a:hover {
	color:#444
}
.subhead {
	margin-top:8px;
	font-size:1.375em;
	text-transform:uppercase
}
.larger4 {
	margin:8px 0 0px 0 !important;
	font-size:1.625em;
	font-weight:bold;
	font-style:italic;
	color:#8d5daa;
	padding-right:200px
}
.larger5 {
	margin:8px 0 22px 0 !important;
	font-size:1.750em;
	text-transform:uppercase;
	font-weight:bold;
	color:#333333;
	text-align:center
}
.larger5 span {
	display:block;
	font-size:1.750em;
	padding-bottom:20px
}
.checklistbox {
	font-size:1em;
	border:1px solid #faba3a;
	background:#fecc67;
	color:#8c5413;
	padding:10px;
	width:40%;
	margin:10px 10px 20px 1px;
	font-weight:700
}
.cboxtxt {
	text-align:center;
	font-size:16px;
	border:1px solid #d6d6d6;
	background:#f8f8f8;
	padding:16px;
	width:95%;
	margin:10px auto;
	font-family:courier new
}
.cboxnobg {
	text-align:center;
	border:1px solid #d6d6d6;
	background:#f8f8f8;
	padding:16px;
	width:85%;
	margin:10px auto
}
.cboxtxtip {
	text-align:center;
	font-size:1.3em;
	border:1px solid #faba3a;
	background:#fecc67;
	color:#be7f02;
	padding:20px;
	width:75%;
	margin:10px auto 20px
}
.cbigtxt {
	text-align:center;
	font-size:16px;
	padding:10px;
	margin:10px auto;
	font-family:courier new
}
.csuperbigtxt {
	text-align:center;
	font-size:18px;
	padding:10px;
	margin:10px auto;
	font-family:courier new;
	font-weight:700
}
.ismalltxt {
	font-size:11px;
	font-family:Times;
	font-style:italic;
	color:#999
}
.ibigtxt {
	font-size:18px;
	font-family:Times;
	font-style:italic
}
.ibigtxt2 {
	font-size:40px;
	font-weight:bold;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-style:italic
}

.ibigtxt3 {
	font-family:Trebuchet MS;
	font-style:italic
}

.ibigtxtcenter {
	font-size:18px;
	font-family:Times;
	font-style:italic;
	text-align:center
}
.ibigboldtxtcenter {
	font-size:20px;
	font-family:Times;
	font-style:italic;
	text-align:center;
	font-weight:700
}
.box-how {
	margin:10px auto;
	width:80%;
	padding:30px 20px 30px 30px;
	border:7px solid #eee
}
.nbigboldtxt {
	font-size:18px;
	font-family:courier new;
	line-height:28px;
	font-weight:700
}
.avatar-side-small {
	background:#fafafa;
	text-align:center;
	float:right;
	width:130px;
	height:170px;
	overflow:hidden;
	padding:5px 10px 10px;
	border:1px solid #444;
	font-size:11px;
	line-height:10px;
	margin:10px
}
.avatar-side-small span a {
	text-transform:lowercase;
	display:block
}
.avatar-side-small img {
	padding:0!important;
	margin:0 0 10px;
	border:none!important
}
.interview-style2 h3 a {
	font-size:22px;
	color:#888;
	font-family:times new roman;
	font-style:italic
}
.interview-photo2 {
	text-align:center;
	float:right;
	display:inline
}
.interview-photo2 img {
	padding:0 !important;
	margin:0 !important;
	border:none !important
}
.interview-photo2 img:hover {
	-moz-box-shadow:0!important;
	-webkit-box-shadow:0!important;
	box-shadow:none!important;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
	margin:-65px 4px 0 2px;
	padding:10px 10px 0 3px
}
.interview-name {
	padding:10px 20px 0 20px;
	color:#333333;
	display:block;
	font-size:1.125em
}
.interview-photo2 span {
	display:block;
	margin:0;
	padding:0;
	color:#999999;
	font-size:11px;
	font-style:italic
}
.submitter {
	height:32px;
	width:20%;
	display:inline;
	float:left;
	background:#000;
	color:#eee;
	border:0
}
.pagination {
	padding:10px;
	text-align:center;
	margin:5px auto 16px;
	clear:both;
	display:block
}
.pagination a {
	padding:8px 12px;
	margin:2px;
	border:3px solid #f4f4f4;
	text-decoration:none;
	color:#666666
}
.pagination a:hover,div.pagination a:active {
	padding:8px 12px;
	border:3px solid #e8e8e8;
	color:#8a8a8a
}
.pagination span.current {
	padding:8px 12px;
	margin:2px;
	border:3px solid #e5e5e5;
	font-weight:700;
	background-color:#f4f4f4;
	color:#666666
}
.pagination span.disabled {
	padding:2px 5px;
	margin:2px;
	border:1px solid #eee;
	color:#ddd
}
div.sorter {
	display:block;
	width:94%;
	height:28px;
	line-height:28px;
	padding:8px 0;
	margin:5px 0;
	clear:both;
	margin-top:16px
}
div.sorter li {
	padding-right:8px
}
div.sorter strong {
	padding-right:7px
}
div.sorter,div.sorter li a,div.sorter strong {
	text-transform:uppercase;
	font-weight:700;
	font-size:1em;
	font-family:"Trebuchet MS",Helvetica,sans-serif
}
.left_ad {
	width:300px;
	float:left;
	display:inline
}
.ad_left_med {
	width:358px;
	height:322px;
	float:left;
	display:inline
}
.ad_left_med span {
	font-size:.625em;
	text-transform:uppercase;
	display:block;
	clear:both;
	padding:2px 0;
	color:#666;
	letter-spacing:1px
}
.ad_right_med {
	width:310px;
	height:260px;
	float:right;
	display:inline;
	padding:0 0 20px 20px
}

.ad_right_med span {
	font-size:.625em;
	text-transform:uppercase;
	display:block;
	clear:both;
	padding:2px 0;
	color:#666;
	letter-spacing:1px
}

.top-ad-page {
	padding-left:30px
}
.ad_leaderboard {
	width:98%;
	padding:14px 0
}
.ad_leaderboard_inner {
	width:730px;
	height:100px;
	text-align:center;
	margin:0 auto;
	clear:both;
	display:block;
	padding:0
}
.ad_sky {
	width:98%;
	padding:14px 0
}
.ad_sky_inner {
	width:170px;
	height:610px;
	text-align:center;
	margin:0 auto;
	clear:both;
	display:block;
	padding:0
}
.ad_336 {
	width:97%;
	padding:10px 0
}
.ad_336 span {
	font-size:1em;
	text-transform:uppercase;
	display:block;
	clear:both;
	padding:2px 0;
	color:#333333;
	font-weight:bold;
	letter-spacing:1px
}
.ad_336 .ad_center {
	width:340px;
	height:310px;
	text-align:center;
	margin:0 auto;
	clear:both;
	display:block;
	padding:0
}
.admin_actions {
	padding:5px 0;
	clear:both;
	display:block
}
.admin_actions a {
	color:#333
}
.admin_actions a:hover {
	color:red;
	cursor:pointer
}
.height8 {
	width:100%;
	clear:both;
	display:block;
	height:8px
}
.height10 {
	width:100%;
	clear:both;
	display:block;
	height:10px
}
.height15 {
	clear:both;
	display:block;
	height:15px
}
.pad30 {
	padding:30px
}
.padbottom15 {
	padding-bottom:15px
}
.padcustom1 {
	padding:5px 0 0
}
.padcustom1 p {
	padding:13px 0
}
.padcustom1 p strong {
	font-size:16px
}
.padcustom2 {
	padding:5px 0 0
}
.padcustom2 p {
	padding:8px 0
}
.padcustom2 p strong {

	font-size:18px
}
.padcustom2 p.solution {
	margin:10px 20px;
	padding:4px 14px;
	border-left:5px solid #efefef
}
.padcustom2 p.solution strong {
	color:#333;
	font-size:14px
}
.padcustom2 ul.bulletcircle {
	padding-bottom:0!important
}
.fb-like {
	padding-bottom:10px
}
.page_index h3.index-title,aside h3 {
	clear:both!important;
	display:block!important;
	text-transform:uppercase!important;
	line-height:1em!important;
	font-size:1.125em !important;
	letter-spacing:2px!important;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/line-space4.gif) center left repeat-x !important;
	text-align:left !important;
	margin:20px 0!important
}
.page_index h3.index-title span {
	background-color:#fff!important;
	padding:10px!important
}
aside h3 span {
	background-color:#fff!important;
	margin-left:20px;
	padding:10px!important
}
.page_index {

	padding:20px 0
}
.page_index_left {
	width:39%;
	float:left;
	display:inline;
	padding:0 2% 0 0;
	margin:0;
	overflow:hidden
}
.page_index_right {
	width:56%;
	padding:0 3% 0 0;
	float:left;
	display:inline;
	overflow:hidden;
	margin:0
}
.small-block-grid li {
	clear:both;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/linedheartdark.png) 0 30px no-repeat;
	padding:16px 0 0 28px
}
.small-block-grid li:last-child {
	border:0
}
.small-block-grid li:first-child {
	padding-top:0;
	background-position:0 10px
}
.small-block-grid h3 {
	background:0 0;
	text-transform:uppercase;
	letter-spacing:0;
	line-height:.875em
}
.small-block-grid h3 a {
	font-family:"Trebuchet MS",Helvetica,sans-serif;
	text-transform:capitalize;
	font-size:.5em
}
.small-block-grid li.with-img {
	padding:16px 0 0;
	margin:0;
	position:relative;
	background:0
}
.small-block-grid li.with-img:first-child {
	padding-top:0
}
.small-block-grid li.with-img img {
	width:323px;
	height:203px
}
.small-block-grid li.with-img h3 {
	clear:both;
	display:block;
	padding:10px 22px;
	margin:0;
	text-transform:capitalize;
	line-height:.75em;
	position:absolute;
	bottom:0;
	right:1px;
	width:70%;
	background:#3e3e3e;
	opacity:.8
}
.small-block-grid li.with-img h3 a {
	font-size:.5em;
	color:#cecece
}
.small-block-grid li.with-img h3 a:hover {
	color:#ffbd71
}
.sidenav-half {
	display:inline;
	width:50%;
	float:left;
	margin:0;
	padding:0
}
.sidenav-half a {
	color:#555;
	font-size:.875em;
	line-height:1.5em;
	letter-spacing:1px
}
ul.submenu li {
	display:block;
	clear:both
}
ul.submenu li a {
	text-transform:capitalize;
	padding:2px 0 2px 8px;
	display:block;
	font-family:"Trebuchet MS",Helvetica,sans-serif
}
ul.sidecat li a {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/linedheartdark.png) center left no-repeat;
	font-size:.875em;
	font-weight:700;
	padding:0 0 3px 22px
}
ul.sidecat li {
	padding-left:10px
}
.side_bio {
	clear:both;
	display:block;
	width:100%;
	position:relative;
	float:left
}
.side_avatar {
	float:right;
	display:inline;
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	filter:grayscale(100%);
	margin:-65px 4px 0 2px;
	padding:10px 10px 0 3px
}
.side_avatar:hover {
	transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg)
}
.side_about {
	margin:0
}
.side_about p {
	line-height:1.688em;
	color:#666;
	font-size:.875em;
	padding:0;
	margin:0 0 10px
}
.side_about p a {
	font-weight:700
}
.side_about p a:hover {
	color:#666
}
.side_list_img {
	overflow:hidden;
	width:100%;
	position:relative;
	padding:0;
	margin:0
}
.side_list_img li {
	margin:8px 0;
	padding:8px 0 22px;
	clear:both;
	display:block;
	position:relative;
	border-bottom:1px solid #e7e7e7;
	float:left;
	width:100%
}
.side_list_img li:last-child {
	border:0;
	background:0
}
.side_thumb {
	overflow:hidden;
	float:left;
	display:inline;
	width:41%
}
.side_thumb img {
	width:150px;
	height:98px
}
.side_description {
	overflow:hidden;
	float:right;
	display:inline;
	width:57%
}
.side_description2 {
	width:98%
}
.side_description p {
	font-size:.875em
}
.side_description h4 {
	line-height:1.625em;
	font-size:1em
}
ul.sideLinks li a {
	font-weight:700;
	text-transform:capitalize
}
ul.sideLinks li {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/small_black_bullet.png) 0 10px no-repeat;
	padding:0 0 0 18px;
	margin:5px 10px 5px 8px
}
ul.sideLinksPad li {
	margin:12px 10px 12px 8px
}
ul.sideLinks li .sideView {
	color:#666
}
.sub_cat ul a:hover {
	background-color:#333;
	color:#eee
}
.sub_cat_head {
	display:block;
	clear:both;
	color:#888;
	padding:10px 0
}
.detailed-page-info ol {
	display:block;
	clear:both;
	margin-bottom:20px!important
}
.detailed-page-info ol li {
	display:block;
	clear:both;
	font-size:1.5em;
	line-height:1.6em;
	border:5px solid #f1f1f1;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/linedheartdark.png) 2% 50% no-repeat;
	padding:20px 45px;
	margin:20px;
	font-weight:700
}
.detailed-page-info ol li.shade {
	background:#f1f1f1;
	color:#333;
	font-size:1.8em
}
.detailed-page-info .big {
	font-size:2em;
	font-weight:700;
	padding:20px 0;
	margin:20px 0;
	text-align:center;
	clear:both
}
.detailed-page-info .big span {
	background:#f4f4f4;
	padding:20px;
	color:#c8c8c8
}
.detailed-page-info h2 {
	margin:30px 0
}
.author-profile {
	clear:both;
	display:block;
	padding:15px;
	margin:20px 0;
	position:relative;
	float:left
}
.author-profile h6 {
	text-transform:uppercase;
	letter-spacing:3px;
	padding:0;
	margin:0;
	font-size:1.125em
}
.author-avatar {
	float:left;
	display:inline;
	width:10%
}
.author-avatar img {
	margin:20px auto;
	border:7px solid #eeeeee;
	width:60px;
	height:60px
}
.author-info {
	float:right;
	display:inline;
	width:86%;
	padding-top:0
}

.author-info p {line-height:1.750em}

.fbbtn,.gplusbtn,.pinbtn,.stumblebtn,.twitterbtn {
	display:block!important;
	float:left;
	clear:both
}
.fbbtn {
	margin:5px 0 10px 2px
}
.linkedinbtn {
	margin:15px 0 0
}
.bufferbtn,.gplusbtn,.twitterbtn {
	margin:9px 0 0
}
.stumblebtn {
	margin:4px 0 0
}
.pinbtn {
	margin:38px 0 2px
}
.fbbtn2,.gplusbtn2,.linkedinbtn2,.pinbtn2,.stumblebtn2,.twitterbtn2 {
	margin-right:10px;
	width:60px;
	display:inline;
	overflow:hidden;
	height:80px;
	float:left
}
.blog-details .post-top-details .shareBar {
	overflow:hidden;
	float:left!important;
	clear:both;
	padding-top:10px;
	display:block;
	height:77px;
	width:100%
}
.blog-details .post-top-details .shareBar ul {
	width:100%;
	padding:0;
	margin:0;
	height:80px!important;
	overflow:hidden;
	float:left!important;
	clear:both!important;
	display:block!important
}
.share-post-bg,.shareBar div.fbbtn3,.shareBar div.gplusbtn3,.shareBar div.linkedinbtn3,.shareBar div.pinbtn3,.shareBar div.twitterbtn3,.stumblebtn3 {
	float:left!important;
	display:inline!important;
	overflow:hidden!important;
	width:70px!important;
	height:75px!important;
	padding:0;
	margin:0;
	padding-right:2px!important
}
.shareBar div.fbbtn3,.shareBar div.gplusbtn3 {
	width:62px!important;
	height:75px!important
}
.shareBar div.pinbtn3 {
	width:108px!important
}
.shareBar div.stumblebtn3 {
	width:62px!important
}
.shareBar div.share-post-bg {
	width:328px!important
}
.shareBar div.share-post-bg img {
	padding:0;
	margin:0;
	border:0!important;
	-moz-box-shadow:0!important;
	-webkit-box-shadow:0!important;
	box-shadow:none!important
}


	.floatingBar {
	display:block;
	float:left;
	left:11%;
	position:fixed;
	width:57px;
	overflow:hidden;
	bottom:10%;
	background:#fff;
	z-index:10;
	padding:10px
}
	
	
#newsletter-form-sidebar {
	background:#8b76a2;
	color:#fff4f5;
	border-radius:8px;
	clear:both;
	width:100%;
	display:block
}
#newsletter-form-sidebar p {
	font-size:12px;
	padding:15px 20px 0
}
#newsletter-form-sidebar input[type=text] {
	border:0;
	font-size:14px;
	padding:8px 10px;
	background:#f7f7f7;
	color:#6f5a88;
	width:90%
}
#newsletter-form-sidebar input.email {
	background:#ebe1f7 url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/mail.gif) no-repeat center right
}
#newsletter-form-sidebar input.name {
	background:#ebe1f7 url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/name.png) no-repeat center right
}
#newsletter-form-sidebar input[type=submit] {
	background:#f6b162;
	border:none;
	color:#724b38;
	cursor:pointer;
	font-size:14px;
	font-weight:700;
	padding:8px 9px;
	text-transform:uppercase
}
#newsletter-form-sidebar input[type=submit]:hover {
	background:#6edbc5;
	color:#14594b
}
.optin-email {
	float:left;
	display:inline;
	width:59%;
	overflow:hidden;
	padding:10px 10px 20px 20px
}
.optin-submit {
	float:left;
	display:inline;
	width:22%;
	overflow:hidden;
	padding:10px 20px 20px 0
}
#newsletter-form-footer {
	background:#fff;
	border:9px solid #f6f6f6;
	clear:both;
	width:84%;
	padding:30px;
	margin:10px auto;
	position:relative;
	display:block
}
.newsletter-powered {
	clear:both;
	display:block;
	width:100%;
	padding-top:12px;
	height:22px;
	text-align:right
}
.newsletter-powered img {
	float:right;
	width:142px;
	height:14px;
	border:none
}
#newsletter-form-footer h5 {
	font-size:1.125em;
	padding:0 0 0 30px;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/lined-light.png) center left repeat-x
}
#newsletter-form-footer h5 span {
	padding:10px;
	background:#fff
}
#newsletter-form-footer p {
	padding:5px 30px 0 20px
}
#newsletter-form-footer input[type=text] {
	font-size:14px;
	padding:16px 14px;
	background:#fff;
	color:#bdbdbd;
	border:3px solid #f2f2f2;
	width:83%
}
#newsletter-form-footer input.email {
	background:#fff url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/mail.gif) no-repeat center right
}
#newsletter-form-footer input.name {
	background:#fff url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/name.png) no-repeat center right
}
#newsletter-form-footer input[type=submit] {
	background:#8d61b0;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	font-weight:700;
	padding:16px 14px;
	border:0;
	text-transform:uppercase
}
#newsletter-form-footer input[type=submit]:hover {
	background:#333;
	color:#fff
}
#newsletter-form-footer .optin-name {
	float:left;
	display:inline;
	width:29%;
	overflow:hidden;
	margin-right:5px;
	padding:20px
}
#newsletter-form-footer .optin-email {
	float:left;
	display:inline;
	width:29%;
	overflow:hidden;
	margin-right:5px;
	padding:20px 20px 20px 0
}
#newsletter-form-footer .optin-submit {
	float:left;
	display:inline;
	width:22%;
	overflow:hidden;
	padding:20px 0
}



/* madmimi */

.branded-email-form {}

.branded-email-form #mad_mimi_signup_form {border:6px solid #333333;color:#333333;background:#fff;padding:50px 30px 80px 30px}

.branded-email-form #mad_mimi_signup_form h3 {text-align:center;text-transform:uppercase;font-size:22px;color:#333333}
.branded-email-form #mad_mimi_signup_form input[type=text] {font-size:14px;
	padding:16px 14px;
	background:#fff;
	color:#333333;
	border:1px solid #333333;
	width:92%}

.branded-email-form #mad_mimi_signup_form input[type=submit] {background:#333333;
	color:#fff;
	cursor:pointer;
	font-size:18px;
	font-weight: bold;
	padding:18px 0;
	text-align: center;
	border:0;
	width:100%;
	text-transform:uppercase
}

.branded-email-form #mad_mimi_signup_form input[type=submit]:hover {background:#ff6767;
	color:#fff}
	
.branded-email-form #mad_mimi_signup_form .mimi_field {clear:both;padding-top:20px}
	
	/* top email */
	
	
#newsletter-form-top{  background:#ff594d;  width:100%;  text-align:center;  color:#fff;  padding:2px;  overflow:hidden;  height:60px;  z-index:1000;  font-size:14px;  line-height:60px;  position:fixed;  top:0;  left:0}

#newsletter-form-top .top-msg {color:#fff;font-weight: bold;padding-right:20px}

#newsletter-form-top button{-webkit-box-shadow:rgba(0,0,0,0.278431) 1px 1px 3px; background:#333;  border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  border-top-left-radius:4px;  border-top-right-radius:4px;  border:none;  box-shadow:rgba(0,0,0,0.278431) 1px 1px 3px;  color:white;  cursor:pointer;  font-size:0.854em;  margin:0px 0px 0px 7px;  outline:none;  padding:2px 10px 1px;  position:relative;  text-decoration:initial}

#newsletter-form-top button:hover{  cursor:pointer;background:#444}

#newsletter-form-top button:active{  top:1px}

close{  width:20px;  height:19px;  bottom:18px;  right:30px;  background:url(http://hb-assets.s3.amazonaws.com/system/modules/hellobar/lib/sprite-8bit.png) no-repeat 0px -247px;  position:absolute}

close:hover{  background:url(http://hb-assets.s3.amazonaws.com/system/modules/hellobar/lib/sprite-8bit.png) no-repeat 0px -228px;  cursor:pointer;  height:19px}

open{-webkit-box-shadow:rgba(0,0,0,0.34902) 0px 0px 5px;background-image:url(http://hb-assets.s3.amazonaws.com/system/modules/hellobar/lib/sprite-8bit.png);background-position:0px -8px;background-repeat:no-repeat no-repeat;border:3px solid rgb(255,255,255);box-shadow:rgba(0,0,0,0.34902) 0px 0px 5px;display:block;height:0px;outline:none;overflow:hidden;padding:80px 0px 0px;position:absolute;right:30px;top:-50px;width:35px;z-index:100;background-color:#f2be31;display:none}

open:hover{ background-color:#dfaa1c; cursor:pointer}


.newsletter-form-top-left {text-align:right;float:left;display:inline;width:49%}
.newsletter-form-top-right {text-align:left;margin:0;float:left;display:inline;width:49%}


#newsletter-form-top input[type=text] {
	font-size:12px;
	padding:7px 10px;
	margin:0;
	background:#f8f8f8;
	color:#666666;
	text-transform: lowercase;
	border:none;
	width:83%
}

#newsletter-form-top input[type=submit] {
	background:#d8473c;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	font-weight:700;
	padding:7px 14px;
	border:0;
	text-transform:uppercase
}
#newsletter-form-top input[type=submit]:hover {
	background:#9f3c35;
	color:#fff
}
#newsletter-form-top .optin-name {
	float:left;
	display:inline;
	width:29%;
	overflow:hidden;
	margin-right:0;
	padding:0
}
#newsletter-form-top .optin-email {
	float:left;
	display:inline;
	width:29%;
	overflow:hidden;
	margin-right:0;
	padding:0
}
#newsletter-form-top .optin-submit {
	float:left;
	display:inline;
	width:23%;
	overflow:hidden;
	margin-left:0;
	padding:0
}


.div-left {width:60%;display:inline;float:left;}
.div-right {width:48%;display:inline;float:right;}



.width22,.width22-last {
	display:inline !important;
	float:left;
	width:44% !important;
	margin:15px 20px 20px 20px;
	text-align:center;
	border:8px solid #f9f9f9;
	height:320px
}

.width22 a img,.width22-last a img {
	margin-left:auto !important;
	margin-right:auto !important;
	clear:both;
	display:block !important
}
p.clicktoorder {

	padding:6px 0 0 0
}
p.clicktoorder a {
	text-transform:uppercase;
	background:#8d61b0;
	color:#fff;
	font-weight:bold;
font-family: 'Roboto Condensed', Helvetica, sans-serif;
letter-spacing: 1px;
	padding:12px 18px
}
p.clicktoorder a:hover {
	background:#ff756b;
	color:#fff
}

.webdesign-services {position:relative;width:92%;float:left;clear:both;display:block;border:6px solid #f4f4f4;padding:50px 40px 50px 60px;margin:20px 0 20px 0}
.webdesign-services-left {width:26%;float:left;display:inline}
.webdesign-services-right {width:68%;float:right;display:inline}
.webdesign-services h3 {text-transform: uppercase}

.bord-bottom {	padding:15px 0 60px 0;
	margin-bottom:40px;
	/*font-weight: bold;*/
	background:url(/admin/upcache/lined-grey.png) bottom center no-repeat !important}
p.getstarted1 {
	padding:14px 0 0 0
}
p.getstarted1 a {
font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background:#8d61b0;
	color:#fff;
	font-size:1.375em;
	font-weight:bold;
	text-transform: uppercase;
	padding:20px 30px
}
p.getstarted1 a:hover {
	background:#444444;
	color:#fff
}


p.getstarted2 {
	padding:14px 0 0 0
}
p.getstarted2 a {
font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background:#8d61b0;
	color:#fff;
	font-size:1.500em;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
	padding:20px 26px
}
p.getstarted2 a:hover {
	background:#444444;
	color:#eeeeee
}


.width22-last .desc,.width22 .desc,.width-half5 .desc {
	padding:20px 0
}
.width60 {
	display:inline !important;
	float:left;
	width:51% !important;
	margin:20px 0
}
.width30 {
	margin-left:-20px;
	margin-top:60px;
	display:inline !important;
	float:left;
	padding-left:0%;
	width:33% !important;
	border-right:none
}

.width60-left {width:57%;float:left;display:inline}
.width38-right {width:39%;float:right;display:inline}

.width34-left {width:34%;float:left;display:inline}
.width63-right {width:62%;float:right;display:inline}
.width62-left {width:62%;float:left;display:inline}
.width34-right {width:34%;float:right;display:inline}

.large-it {padding:40px 0 20px 0;font-size:36px;font-weight:bold;letter-spacing:0;line-height:46px}

.bordered-div {
	border:8px solid #eeeeee;
	padding:30px 35px 30px 30px
}
.bordered-div2 {
	background-color:#fdfdfd;
	border:8px solid #eeeeee;
	padding:30px 25px
}
.page-full {
	overflow:hidden;
	width:98%;
	padding:0;
	background:#fff;
font-family: 'Roboto', Arial, sans-serif;
	margin:60px auto 40px auto
}

.page-full .larger {color:#555555;font-size:1.250em}
.page-full h1 {
	color:#555555;
	font-size:3.125em
}
.page-full .post-views {background:none;color:#999999;padding:10px 0}
.page-full img:hover {
	opacity:0.7 !important
}
.floatleft {
	display:inline;
	width:35%;
	float:left
}
.highlightstrong strong {
	color:#f6746a
}

.page-full .highlightstrong strong {
	color:#444444
}

.page-services {
background:#fff;
	padding:15px 36px
}

.page-services h1 {font-size:2.500em}

.width-half5 {
	text-align:center;
	border:8px solid #f9f9f9
}
.width-half5 img {
	margin-left:auto !important;
	margin-right:auto !important;
	display:block !important
}

.width-half5 .txt-smaller {font-size:0.938em;line-height:26px;padding:0 0 20px 0}

.txt-smaller {font-size:0.938em}

.fixed2 {
	width:340px;
	position:fixed
}
.list-subcat li {
	line-height:32px;
	text-transform:capitalize
}
.list-subcat li a {
	font-size:16px
}
.deals li {
	width:93%;
	float:left;
	border-bottom:1px solid #444444;
	clear:both;
	display:block;
	padding:30px 20px
}
.deals .img-thumb {
	width:22%;
	display:inline;
	float:left
}
.deals .img-thumb img {
	border:1px solid #333333
}
.deals .desc5 {
	width:77%;
	display:inline;
	float:left
}
.deals .desc5 h3 {
	font-size:1.250em;
	text-transform:uppercase
}
.deals .desc5 h3 span {
	color:#07aeac
}
.deals {
	clear:both
}
.couponclick {
	clear:both;
	padding:20px 0
}
.couponclick a {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/scissor.png) no-repeat 10px 10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#222222;
	border:2px dashed #a678c2;
	padding:10px 18px 10px 36px
}
.couponclick a:hover {
	border:2px solid #faa10a
}
.steps .step-circle {
	margin-right:14px;
	text-align:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	padding:20px;
	background:#222222;
	color:#fff;
	font-size:24px
}
.steps {
	line-height:60px;
	font-size:18px;
	margin: 8px 0
}

@media only screen and (min-width:480px) {
	nav a {
			float:left;
			padding:0 16px
	}
	nav li:first-child a {
			margin-left:0
	}
	nav li:last-child a {
			margin-right:0
	}
	nav ul li {
			display:inline
	}
	.oldie nav a {
			margin:0 .7%
	}
}
@media only screen and (min-width:768px) {
	.hidden-desktop {
			display:none
	}
	nav ul {
			display:block
	}
	nav select {
			display:none
	}
	.upper-header {
			clear:both;
			display:block;
			padding:10px 0
	}
	#search input[type=search]:focus {
			width:80%
	}
	
	
	
}




@media only screen and (min-width:1140px) {
	.wrapper {
			width:1100px;
			margin:0 auto
	}
	

		

}
@media only screen and (min-width:1300px) {


	.wrapper {
			width:1140px;
			margin:0 auto
	}
			
	




}






@media only screen and (min-width:1400px) {
	.wrapper {
			width:1180px;
			margin:0 auto
	}
	

		
	
}



@media only screen and (min-width:1600px) {

	
			
}


@media only screen and (min-width:1700px) {


.wrapper {}


			
}

@media only screen and (max-width:1800px) {


.wrapper {}
.floatingBar {left:9%}

			
}

@media only screen and (max-width:1700px) {


.wrapper {}
.floatingBar {left:6%}

			
}

@media only screen and (max-width:1600px) {


.wrapper {}
.floatingBar {left:2%}

	.width-half5 {
	width:40%

}


	
}


@media only screen and (max-width:1500px) {


.wrapper {}
.floatingBar {left:1%}


			
}

@media only screen and (max-width:1400px) {


.navtop {
	width:63% !important
}


.main .content {width:65%}

.main aside {
		
		width:33%
		
	}
	
.floatingBar {left:0}

.landing-intro {font-size:1.375em}
.button-hire-me {margin-top:20px}

}




@media only screen and (max-width:1330px) {
.wrapper {}
	
.floatingBar {display: none}

.landing-intro {font-size:1.25em}


}


@media only screen and (max-width:1300px) {



.button-hire-me {margin-top:10px}


.width-half5 {
	width:40%

}

.main .content {width:62%}


.main aside {
		
		width:36%
		
	}
	

.post-preview-lefthumb .post-thumb {
	width:41%

}
.post-preview-lefthumb .post-text {
	width:56%;
	padding:0 0 0 3%
}

	
	
}



@media only screen and (max-width:1140px) {





.testimonial-photo {width:24%}
.testimonial2 {width:64%}



.width63-right {width:59%;float:right;display:inline}


.post-views {font-size:1em}
.nav-social {
right:20px

}

.width-half5 {
	width:38%;

}


.width22,.width22-last {

	width:42% !important

}


.navtop {

	width:67% !important
}


	.left_list {
			clear:both;
			width:100%;
			display:block
	}
			
	.blog-details img,.blog-details img:hover {
			border:0 !important;
			max-width:580px !important
	}
	.blog-details img.center,.blog-details img.center:hover {
			border:0 !important
	}
	
	.main-container {padding:0 20px}
	
	.main .content {
		width:60%

	}
	.main aside {
		width:38%

	}
	.sidebox {
		width:86%
	}
	
	
	
.header-middle-inner ul li a {padding:10px;font-size:16px}


.post-preview-lefthumb .post-thumb {
	width:43%;

}
.post-preview-lefthumb .post-text {
	width:54%;
	padding:0 0 0 3%
}



.listwithimgleft {padding-bottom:0 !important}
.listwithimgleft .width-half,.listwithimgleft .width-half2 {padding:0 0 20px 0;margin:0;width:100%;clear:both;float:left;display:block}

.listwithimgleft .icon2 {width:22%;padding-right:2%}
.listwithimgleft .desc2 {width:72%}
.listwithimgleft-last {padding-bottom:0 !important}


.webdesign-services {width:89%}

}


@media only screen and (max-width:1030px) {



.navtop {

	width:70% !important
}

.navtop a {font-size:1em}



.width-half5 {
	width:39%;
	
}


aside {background-image:none !important}

.side-menu-services p {width:72% !important}
.side-menu-services p a {font-size:1em}

.sidebox {width:82% !important}




.main .content {
		width:61%

	}
	.main aside {
		width:36%

	}



}

@media only screen and (max-width:1024px) {



.navtop {

	width:70%
}

.navtop a 
{font-size:0.875em}

.width-half5 {
	width:38%

}




.button-hire-me {margin-top:0}

nav a {font-size:1.250em}

	.main .content {
			width:59%
	}
	.main aside {
			width:38%;
			float:right
	}
	
.main-container {padding:10px 20px}

	.main .post-preview-half {
			width:41%
	}
	.author-avatar {
			width:23%
	}
	.author-info {
			width:76%;
			font-size:.875em
	}
	




}
@media only screen and (max-width:1000px) {

.webdesign-services {width:87%}


.landing-intro {font-size:1.2em}

.button-hire-me {margin-top:40px}




.width22,.width22-last {
	height:440px
}


.width-half5 {
	width:90%;
	clear:both;
	display:block
	
}


.width60 {

	width:90% !important

}

.width30 {
	margin:20px;
	width:90% !important;
	padding:20px
	
}

.subpackages .width-half5 img {width:20%;height:20%}

.nav-social {
width:32%;
}

.navtop {
	width:60% !important
}

nav a {font-size:1em}



.side-menu-services p a {font-size:1em}


	.blog-details h1 {
			font-size:2.250em;
			padding-right:10px
	}
	
	

.post-body-details img {width:90%}
.post-body-details img.left,.post-body-details img.right {width:90%}




	.right_img {}
	.right_img img {display:block !important;clear:both !important}
	.right_img .small {float:right;display:block !important;clear:both !important;width:100% !important}
	
	
	
.nav-mini {width:45%}




	.main .post-preview-half {
			width:95%
	}

	.page_index_right {
			width:96%;
			clear:both;
			display:block
	}
	.page_index_left {
			display:none;
			visibility:hidden
	}
	.main .content {
			width:59%
	}
	.main aside {
			width:38%;
			float:right
	}
	.page_descrip {
			display:none;
			visibility:hidden
	}
	.sub_cat {
			width:90%;
			background:red
	}
	.hidden-phone {
			display:none
	}
	.hidden-desktop {
			display:block
	}
	.page_index_right {
			border:0
	}

	
	nav ul li a {
	padding:0 10px
}


#newsletter-form-footer .optin-name {
	float:none;
	display:block;
	width:90%;
	clear:both;
	overflow:hidden;
	padding:20px
}

#newsletter-form-footer .optin-email {
	float:none;
	display:block;
	width:90%;
	clear:both;
	overflow:hidden;
	padding:0 20px 20px 20px
}
#newsletter-form-footer .optin-submit {
	float:none;
	display:block;
	width:40%;
	clear:both;
	overflow:hidden;
	padding:0 20px 20px 20px
}

.listwithimgleft .icon2 {width:22%;padding-right:2%}
.listwithimgleft .desc2 {width:72%}



}



@media only screen and (max-width:980px) {

.webdesign-services {width:85%}

.landing-intro {}

.button-hire-me {margin-top:10px}




}



@media only screen and (max-width:930px) {

.webdesign-services {width:82%}
.webdesign-services-right {width:100%;display: block;clear:both}
.webdesign-services-left {padding-bottom:26px;width:100%;text-align:center;display: block;clear:both}
.webdesign-services-right h3 {text-align:center;font-size:1.500em}

.landing-intro {font-size:1.125em}

.button-hire-me {font-size:1.250em}


.navtop {

			width:65% !important

	}

.side-menu-services p a {font-size:0.875em}




}



@media only screen and (max-width:890px) {

.width60-left img {text-align:center;width:100% !important}
.width60-left {width:100%;clear:both;display:block}
.width38-right {width:100%;clear:both;display:block}


.testimonial-photo {width:24%}
.testimonial2 {font-size:1em;width:62%}
.testimonial {font-size:1em}


.width34-left {display:block;clear:both;width:99%}
.width63-right {display:block;clear:both;width:99%}
.width62-left {display:block;clear:both;width:99%}
.width34-right {display:block;clear:both;width:99%}
.large-it {font-size:30px}



.ibigtxt2 {font-size:34px;line-height:44px}

.landing-intro-big {font-size:2.750em}
.landing-intro {display:block;clear:both;margin:0 auto;width:96%;text-align:center;font-size:1.375em}



.landing-intro-small {width:94%}

.button-hire-me {margin:40px 0 0 0;width:100%}
.button-hire-me a {padding:18px 0;border-radius: 4px 4px;
-moz-border-radius: 4px 4px;
-webkit-border-radius: 4px 4px;background:#333333;width:100%;font-size:0.750em !important}



.post-body-details img.left,.post-body-details img.right {width:30%;height:30%}

.side-menu-services p a {font-size:1em}

.width22,.width22-last{width:40% !important;border:8px solid #f9f9f9;padding:15px;margin:18px}
.listwithimgleft .icon2 {width:16%;padding-right:2%}
.listwithimgleft .desc2 {width:80%}



.nav-social {width:45%}

	.wrapper {
			width:100% !important;
			
			margin:0;
			padding:0
	}

	.navtop {

			width:66% !important

	}
	
	
	.width22,.width22-last {
	width:37% !important
}


	.ad_leaderboard {
			display:none;
			margin:0;
			padding:0
	}
	.main aside {
			display:block;
			clear:both;
			width:96% !important;
			padding:10px 2%;
			margin:0;
			padding:0
	}
	.main .content {
			padding:0 2%;
			margin:0;
			width:96% !important;
			background:none;
			display:block;
			clear:both;
			float:left
	}
	.page_index_left {
			display:none
	}
	.page_index_right {
			width:100%;
			margin:0;
			padding:0
	}
	.content .pad30 {
			padding:0 5px
	}
	.post-preview-half {
			width:100% !important;
			height:130px
	}
	.post-preview,.post-preview-half {
			position:relative;
			overflow:hidden;
			clear:both;
			padding:0;
			display:block;
			margin:16px 0
	}
	.post-thumb,.post-preview-half .post-thumb {
			width:25%;
			float:left;
			display:inline;
			overflow:hidden;
			margin:0;
			padding:0;
			position:relative;
			height:200px
	}
	.post-thumb img,.post-preview-half img {
			width:160px;
			height:100px
	}
	.post-meta,.post-preview-half .post-meta {
			display:none
	}
	.post-meta li,.post-preview-half .post-meta li {
			display:inline;
			padding:0 10px 0 0;
			margin:0;
			font-weight:normal;
			font-size:.750em
	}
	.post-author,.post-date {
			color:#999
	}
	.post-thumb a,.post-thumb a img,.post-preview-half .post-thumb a,.post-preview-half .post-thumb a img {
			padding:0;
			margin:0
	}
	.post-text,.post-preview-half .post-text {
			width:72%;
			float:left;
			margin:0;
			display:inline;
			overflow:hidden;
			padding:5px 1% 0 2%
	}
	.post-text p {
			padding-top:5px;
			font-size:.9em;
			line-height:1.2em
	}
	.post-block {
			width:100%
	}
	.post-text h2,.post-preview-half .post-text h2 {
			line-height:.625em
	}
	.post-text h2 a,.post-preview-half .post-text h2 a {
			text-transform:capitalize;
			font-size:.625em
	}
	.post-text h2 a:hover,.post-preview-half .post-text h2 a:hover {
			background:#f5f5f5;
			padding:4px 0
	}
	.pagination {
			padding:0 20px
	}
	
	footer .footerbox {
			width:46%;
			padding:20px 2% 20px 2%;
			height:auto;
			display:inline;
			float:left;
			margin:0
	}
	.blog-details {
			overflow:hidden;
			margin-top:0;
			width:100%
	
			
	}
	
	

	
	.blog-details img {
			padding:0;
			margin:0;
			border:0
	}
	img.center {
			padding:8px 0 !important;
			margin:0 !important;
			border:none !important
	}


	.post-preview-lefthumb {
			margin:0 0 10px 0;
			background:#fff;
			padding:18px 3%;
			width:94%;
			height:230px
	}
	.post-preview-block {
			display:none
	}
	

.title {
	float:left;
	display:inline;
	overflow:hidden;
	width:299px;
	height:107px;
	position:absolute;
	left:5px;
	margin:0;
	padding:0
}
.title a {
	display:block;
	width:299px;
	height:107px
}

.header-middle-inner {z-index:9;margin-top:155px;clear:both;width:100%;display:block}
.header-middle-inner ul {padding-right:30px;float:right}
.header-middle-inner ul li {padding-right:8px;display:inline}
.header-middle-inner ul li a {z-index:9;font-size:14px;padding:0}
.header-middle-inner ul li a:hover {color:#643f00;padding:3px;background:#faa10a}


#newsletter-form-top {  font-size:14px; }

#newsletter-form-top .top-msg {font-weight: bold;padding-right:10px}

.newsletter-form-top-left {text-align:right;float:left;display:inline;width:45%}
.newsletter-form-top-right {text-align:left;margin:0;float:left;display:inline;width:54%}


#newsletter-form-top .optin-name {
	float:left;
	display:inline;
	width:29%;
	overflow:hidden;
	margin-right:5px;
	padding:0
}
#newsletter-form-top .optin-email {
	float:left;
	display:inline;
	width:29%;
	overflow:hidden;
	margin-right:5px;
	padding:0
}
#newsletter-form-top .optin-submit {
	float:left;
	display:inline;
	width:23%;
	overflow:hidden;
	margin-left:0;
	padding:0
}

close{  right:20px  }
open{right:20px}



	
}


@media only screen and (max-width:768px) {


.button-hire-me {margin:30px 0 0 0}

.header-container {

	padding:110px 0 0 0
}


.larger8 {
	padding:20px 0 35px 0;
	margin-bottom:20px;
	/*font-weight: bold;*/
	background:url(/admin/upcache/lined-grey.png) bottom center no-repeat !important;
	/*text-transform: uppercase;*/
	font-family: 'Roboto', Arial, sans-serif;
	font-size:1em
}

.larger9 {
	padding:10px 0 10px 0;
	font-weight:bold;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 1em;
	font-size:3.2em
}

.larger10 {
	padding:10px 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:1.2em
}

.larger11 {
	padding:10px;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-size:1.2em
}

.larger12 {
	padding:10px;
	font-family: 'Roboto', Arial, sans-serif;
	
	font-size:1.2em
}



.larger13 {
	padding:0 0 10px 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:bold;
	font-size:1.4em
}

.larger14 {
margin-bottom:40px;
	padding:20px 0 40px 0;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background:url(/admin/upcache/lined-grey.png) bottom center no-repeat !important;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height:1em;
	font-size:3em
}

.larger15 {
	padding:40px 0 20px 0;
	margin-top:40px;
	background:url(/admin/upcache/lined-grey.png) top center no-repeat !important;
	font-family: 'Roboto', Arial, sans-serif;
	font-size:1.2em
}




.testimonial-photo {width:22%}
.testimonial2 {font-size:0.875em;width:62%}
.testimonial {font-size:0.875em}




.landing-intro-big {font-size:2.500em}
.landing-intro {text-align:center;font-size:1.375em}

.nav-social {width:60%}


	.width22,.width22-last {
	width:90% !important;
	height:400px
}


.width22 img,.width22-last img {width:30%;height:30%}

.width-half3 {font-size:0.875em;width:90% !important;display:block;clear:both}
}

@media only screen and (max-width:740px) {




.landing-intro-big {font-size:2.625em}
.landing-intro {text-align:center;font-size:1.250em}

.button-hire-me {margin-top:50px;font-size:1.250em}


.navtop {width:52% !important}
	
.listwithimgleft {padding-bottom:0 !important}
.listwithimgleft .width-half,.listwithimgleft .width-half2 {padding:0 0 20px 0;margin:0;width:100%;clear:both;float:left;display:block}

.listwithimgleft .icon2 {width:20%;padding-right:2%}
.listwithimgleft .desc2 {width:76%}
.listwithimgleft-last {padding-bottom:0 !important}

.width60,.width-half5,.width30{padding:0 !important;margin:20px 0!important;display:block;width:94% !important;clear:both;border:none !important}

.width60 img,.width30 img{width:25% !important;height:25% !important}

.bordered-div{padding:0 !important;border:none !important}
.bordered-div2{padding:0 !important;background-color:#fff !important;border:none !important}


	footer .footerbox,footer .footerbox-about {
			width:94%;
			padding:20px 2% 20px 2%;
			height:auto;
			display:block;
			clear:both;
			margin:0
	}


#newsletter-form-top {  font-size:12px; }


.newsletter-form-top-left {text-align:right;float:left;display:inline;width:40%}
.newsletter-form-top-right {text-align:left;margin:0;float:left;display:inline;width:59%}



close{  right:10px  }
open{right:10px}

	
}

@media only screen and (max-width:720px) {

.landing-intro-big {font-size:2.375em}



#newsletter-form-top {  font-size:14px;height:96px }


.newsletter-form-top-left {line-height:15px;float:left;overflow:hidden;margin:0;padding:10px 0 0 0;text-align:center;width:100% !important;display:block; clear:both}
.newsletter-form-top-right {overflow:hidden;margin-left:2%;padding:0 0 0 6px;text-align:center;width:98% !important;display:block; clear:both}

#newsletter-form-top input[type=text] {
	font-size:11px;
	padding:8px 10px;
	margin:0;
	border:none;
	-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
	width:96%
	
}

#newsletter-form-top input[type=submit] {
	padding:8px 30px;
	
		-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important
}

#newsletter-form-top .optin-name {
	float:left;
	display:inline;
	width:32%;
	overflow:hidden;
	margin-right:5px;
	padding:0
}
#newsletter-form-top .optin-email {
	float:left;
	display:inline;
	width:32%;
	overflow:hidden;
	margin-right:0;
	padding:0
}
#newsletter-form-top .optin-submit {
	float:left;
	display:inline;
	width:25%;
	overflow:hidden;
	margin-left:0;

	padding:0
}


 }

@media only screen and (max-width:670px) {



.button-hire-me {margin-top:50px}


.quicktip {text-align:center;border:5px solid #f0f0f0;background-position: 50% 25px;padding:90px 20px 30px 20px;width:86%}


.landing-intro {width:98%}





.blog-details div.entry-meta {
	width:100%;
	padding-right:0;

}
.blog-details div.entry-meta img {

	width:40px;
	height:40px;

}


div.entry-meta span.date {display:none}

.navtop {width:47% !important}

.listwithimgleft .icon2 {width:22%;padding-right:4%}
.listwithimgleft .desc2 {width:72%}

}


@media only screen and (max-width:640px) {

.webdesign-services {padding:40px}

.landing-intro-big {font-size:2.250em}




}

@media only screen and (max-width:620px) {


a img.mobileoptim {width:100% !important}

#newsletter-form-top {  font-size:12px;height:80px }


.newsletter-form-top-left {line-height:15px;float:left;overflow:hidden;margin:0;padding:6px 0 0 0;text-align:center;width:100% !important;display:block; clear:both}
.newsletter-form-top-right {overflow:hidden;margin-left:2%;padding:0 0 0 6px;text-align:center;width:98% !important;display:block; clear:both}

#newsletter-form-top input[type=text] {
	font-size:11px;
	padding:6px 10px;
	margin:0;
	border:none;
	-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
	width:96%
	
}

#newsletter-form-top input[type=submit] {
	padding:6px 10px;
		-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important
}

#newsletter-form-top .optin-name {
	float:left;
	display:inline;
	width:30%;
	overflow:hidden;
	margin-right:5px;
	padding:0
}
#newsletter-form-top .optin-email {
	float:left;
	display:inline;
	width:30%;
	overflow:hidden;
	margin-right:0;
	padding:0
}
#newsletter-form-top .optin-submit {
	float:left;
	display:inline;
	width:25%;
	overflow:hidden;
	margin-left:4px;

	padding:0
}



.button-hire-me {margin-top:30px}

}


@media only screen and (max-width:590px) {


.subscribeleft {width:100%;clear:both;display:block;}
.subscriberight {width:100%;clear:both;display:block;}
.subscriberight .btn-dl5 {margin-top:0px !important}
.btn-dl5 a {padding:10px  !important;font-size:16px !important}


.testimonial-photo {padding:10px;display:block;clear:both;width:96%}
.testimonial2 {padding:10px;font-size:0.875em;display:block;clear:both;width:96%}
.testimonial {padding:10px;font-size:0.875em}


.landing-intro-big {font-size:2.125em}
.landing-intro {}





.demo ul {
	padding:0 0 16px 0;
	margin:0
}


.demo .btn-download a,.demo .btn-visit a {
	padding:16px 20px;
	font-size:1em

}




}
@media only screen and (max-width:555px) {




.div-left {width:100%;display:block;clear:both;float:none;}
.div-right {width:100%;display:block;clear:both;float:none;}


.btn-visit {
	padding:14px 15px
}
.btn-visit a {
	padding:10px 15px 10px 28px;
	color:#333333;
	letter-spacing:2px;
	font-size:0.875em;
	border:2px dashed #a678c2;
	background:#fff;
	font-weight:normal;
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/arrow-out2.png) 13px 13px no-repeat !important;
	text-transform:uppercase
}
.btn-visit a:hover {
	border:2px solid #333333
}

.demo .btn-download a,.demo .btn-visit a {
	padding:10px 20px;
	color:#fff;
	border:none;
	font-size:16px;
	text-transform:uppercase;
	margin:0;
	background-image:none !important;
	background-color:#a678c2 !important
}
.demo .btn-download a:hover,.demo .btn-visit a:hover {
	background-color:#555555 !important;
	color:#fff
}


.affiliatelink {margin:20px 0;text-align: center}
.affiliatelink .btn-visit a {
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
	border:none;
	font-size:16px;
	letter-spacing:0px;
	background-image:none !important;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background-color:#ff6767 !important
}
.affiliatelink .btn-visit a:hover {
	background-color:#ffcf44 !important;
	color:#7d5d00
}


.bigdloadlink {margin:20px 0;text-align: center}
.bigdloadlink .btn-visit a {
	padding:10px 20px;
	color:#fff;
	font-weight:bold;
	border:none;
	font-size:1.125em;
	letter-spacing:1px;
	background-image:none !important;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	background-color:#ff6767 !important
}
.bigdloadlink .btn-visit a:hover {
	background-color:#444444 !important;
	color:#fff
}

.button-hire-me {margin-top:40px}

p.getstarted1 {
	padding:14px 0 0 0
}
p.getstarted1 a {

	background:#8d61b0;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	padding:20px
}
p.getstarted1 a:hover {
	background:#444444;
	color:#fff
}


p.getstarted2 {
	padding:20px 0
}
p.getstarted2 a {

	background:#8d61b0;
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
	padding:20px 26px
}



.landing-intro-big {font-size:2em}
.landing-intro {width:99%}
.landing-intro-small {width:100%}




.navtop {width:37% !important}
.listwithimgleft .icon2 {width:32%;padding-right:1%}
.listwithimgleft .desc2 {width:66%}





.post-preview-lefthumb {
			height:340px
	}
	.post-preview-lefthumb .post-thumb {
			margin:0;
			display:block;
			overflow:hidden;
			height:200px;
			padding:0;
			clear:both;
			width:99%
	}
	.post-preview-lefthumb .post-text {
			clear:both;
			margin:0;
			display:block;
			overflow:hidden;
			padding:0;
			width:99%
	}
	
	
	.post-preview-lefthumb .post-text h2 {
	font-size:1.500em;
	line-height:1em
}

.post-preview-lefthumb .post-text p {line-height:1.250em;font-size:0.875em}


	

	.blog-details {
			overflow:hidden;
			margin:0;
			padding:0;
			width:100%
	}
	.blog-details h1 {
			font-size:1.750em;
			line-height:1.375em
			
		
}

			
	
	.blog-details h3 {
			font-size:1.500em;
			letter-spacing:0
	}


	.post-top-details .entry-meta {
			padding:0
	}
	.post-body-details {
		font-size:1em;
		line-height:1.625em;
			padding:0
	}
	
	.post-body-details .larger {font-size:1.375em}




}



@media only screen and (max-width:480px) {


.question {
	font-size:1.125em;
	line-height:1.125em;
	padding:20px 0 20px 40px;
	border-top:8px solid #f2f2f2;
	border-bottom:8px solid #f2f2f2;
	margin:20px
}

.question2 {
	font-size:1.375em;
	line-height:1.375em;
	font-weight:100;
	padding:10px 30px;
	margin:20px
}

.quicktip {text-align:center;border:2px solid #f0f0f0;background-position: 50% 25px;padding:90px 20px 30px 20px;width:86%}



.webdesign-services {width:100%;border:0;border-bottom:7px solid #fafafa !important;margin-bottom:0;padding:30px 0 50px 0}

.landing-intro-big {font-size:1.875em}
.landing-intro-small {font-size:0.875em}


.blog-details div.entry-meta {
	width:100%;
	padding-right:0

}
.blog-details div.entry-meta img {

	width:40px;
	height:40px

}


.height500 {
	height:480px
}
.height800 {
	height:650px
}


div.entry-meta span.date,div.entry-meta span.views {display:none}

.side-top-title {right:10px}



.quote4{background:none;padding-left:5px}.quote4-2{padding-left:5px}

.larger4{margin:8px 0 0px 0 !important;font-size:1.2em;font-weight:bold;font-style:italic;color:#8d5daa;padding-right:20px }.larger5{margin:8px 0 22px 0 !important;font-size:1em;text-transform:uppercase;font-weight:bold;color:#333333;text-align:center}.larger5 span {display:block;font-size:1.2em;padding-bottom:20px}

.width22,.width22-last{height:360px;clear:both;display:block;width:86% !important}




.page-full {font-size:0.875em}


.page-full {
	overflow:hidden;
	width:100%;
	padding:20px 0;
	background:#fff;
	margin:10px auto 40px auto
}

.page-full h1 {margin:0;padding:0;font-size:2em}

.page-full h3 {font-size:1.500em}


.page-services {
padding:0
}

div.entry-meta span.views{display:none}

.listwithimgleft {width:90%;padding:0 5%}
.listwithimgleft .icon2,.listwithimgleft .desc2 {width:100%;clear:both}

.post-body-details img.left,.post-body-details img.right {width:45%;height:45%}



.nav-mini {display:none}
	#search input[type=search] {
			width:80%
	}

	#search input[type=search]:focus {
			width:70%
	}

#newsletter-form-footer {
border:0;
padding:0 !important;
margin:0 auto !important;
	width:82%

}

	.wrapper {
			width:100% !important;
			margin:0;
			padding:0
	}


body {
background:#fff url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/bg11.png) 0 280px repeat-x;
padding-top:5px}

.header-container {
height:196px;

	padding:90px 0 0 0
}


.title {
	float:left;
	display:block;
	clear:both;
	width:100%;
	overflow:hidden;
	position:relative;
height:70px;
	margin:0;
	background-position:top center;
	padding:0
}
.title a {
	display:block;
	
width:100%
}

.body-details .title {background-position: top center}


	.navtop {
	clear:both;
	display:block;
	float:left;
	text-align: center;
	z-index:9;
			clear:both;
			width:100% !important;
			overflow:hidden;
			position:relative;
			display:block;
	margin:70px 0 0 0;
	padding:0
	}
	
	
	.nav-social {float:right;
display:inline;
overflow:hidden;
position:absolute;
right:0;
top:0;
margin:0 20px 0 0;
padding:0;
width:100%;
height:40px
}



.blog-details .bulletcircle li,.bulletcircle li {
	background:url(http://twelveskipmain.twelveskipcom.netdna-cdn.com/images/small_black_bullet.png) 0 7px no-repeat;
	padding:0 0 0 16px;
	margin:0 0 0 20px
}


#search input[type=search] {

	width:34px;
	height:26px

}
#search input[type=search]:hover {
height:26px;
	width:162%
}
#search input[type=search]:focus {
	height:26px;
	width:162% !important

}


.mini-bar {
float:right;
margin-right:0;
width:96%;
z-index:10 !important;
overflow:hidden;
position:relative
}

.mini-bar a {line-height:30px;padding:10px;text-transform:lowercase;color:#666666;font-size:11px}
.mini-bar a:hover {color:#333333}



#search {height:36px;position:absolute;top:0;right:0;z-index:20 !important}
#searchbar {height:36px}

	.author-profile {
			padding:20px 0
	}
	.author-avatar {
			width:92%;
			clear:both;
			display:block;
			padding:10px 4%;
			margin:0
	}
	.author-avatar img {
			margin:0 auto
	}
	.author-info {
			width:92%;
			clear:both;
			display:block;
			margin:0;
			padding:10px 4%
	}
	.blog-details {
			overflow:hidden;
			margin:0;
			padding:0;
			width:100%
	}
	.blog-details h1 {
			font-size:1.625em;
			line-height:1.375em
			
		
}

			
	
	.blog-details h3 {
			font-size:1.500em;
			letter-spacing:0
	}
	.post-top-details {
			padding:0 
	}

	.shareBar {padding-bottom:30px}
	
	.post-top-details .entry-meta {
			padding:0
	}
	.post-body-details {
	
			padding:0
	}
	
	.post-body-details .larger {font-size:1.125em}
	.main .content {
			padding:0;
			margin:0;
			width:100% !important;
			margin:0 auto
	}
	.main {
			padding:0;
			margin:0
	}
	.post-preview-lefthumb {
			height:340px
	}
	.post-preview-lefthumb .post-thumb {
			margin:0;
			display:block;
			overflow:hidden;
			height:200px;
			padding:0;
			clear:both;
			width:99%
	}
	.post-preview-lefthumb .post-text {
			clear:both;
			margin:0;
			display:block;
			overflow:hidden;
			padding:0;
			width:99%
	}
	
	
	.post-preview-lefthumb .post-text h2 {
	font-size:1.500em;
	line-height:1em
}

.post-preview-lefthumb .post-text p {line-height:1.250em;font-size:0.875em}


	.page_index .post-preview {
			padding:0;
			margin:0
	}
	.ad_336 {
			width:100%;
			padding:10px 0;
			display:block;
			clear:both
	}
	.ad_336 span {
			font-size:.625em;
			text-transform:uppercase;
			display:block;
			clear:both;
			padding:2px 0;
			color:#666;
			letter-spacing:1px
	}
	.ad_336 .ad_center {
			width:340px;
			height:310px;
			text-align:center;
			margin:0 auto;
			clear:both;
			display:block;
			padding:0
	}

.ir {
	background-color:transparent;
	border:0;
	overflow:hidden;
	text-indent:-9999px
}
.ir:before {
	content:"";
	display:block;
	width:0;
	height:150%
}
.hidden {
	display:none !important;
	visibility:hidden
}
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}
.invisible {
	visibility:hidden
}

.button-hire-me {margin-top:10px}

}




@media only screen and (max-width:470px) {



.landing-intro-big {font-size:1.625em}


p.no-margin-bottom {margin-bottom:0;padding-bottom:0px}



}