html{background-image:url(../images/html.gif);
background-color:#3f140c}
body{
	background:url(../images/body.jpg) repeat-x;
	min-width:987px;
	font:14px "proxima-nova-1", "proxima-nova-2", sans-serif;
	margin:0;
	position:relative;
}
form,
fieldset{
	border:0;
	padding:0;
	margin:0;
}
img{
	display:block;
	border:0;
}
#page-holder{	
	background:url(../images/header-bg.jpg) no-repeat 50% 0;
	width:100%;http://www.designfloat.com/GraphicDesign/time-perception-in-ux-design/
}
.sub-holder{
	width:987px;
	padding:237px 0 0;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.logo{
	background:url(../images/logo.png) no-repeat;
	width:379px;
	height:140px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:11px;
	left:31px;
	z-index:2;
}
.logo a{
	height:100%;
	display:block;
}
#header{
	width:989px;
	height:158px;
	position:absolute;
	top:0;
	left:0;
}
.slogan{
	background:url(../images/slogan.png) no-repeat;
	width:386px;
	height:23px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:113px;
	left:592px;
}
.tools{
	background:url(../images/tools.png) no-repeat;
	width:379px;
	height:43px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:598px;
}
.lnk-login{
	background:url(../images/lnk-login.png) no-repeat 0 2px;
	float:left;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#f1f0f0;
	text-decoration:none;
	padding:0 0 0 23px;
	margin:11px 0 0 6px;
	text-shadow: #222 0 1px 2px;
}
.lnk-login:hover{text-decoration:underline;}
.tools fieldset{
	background:url(../images/search-form.png) no-repeat 0 5px;
	width:253px;
	height:36px;
	float:right;
	padding:0 0 0 10px;
}
.tools fieldset span{
	background:url(../images/search-string.gif) no-repeat;
	width:133px;
	height:20px;
	float:left;
	overflow:hidden;
	padding:3px 12px 0 22px;
	margin:9px 0 0 8px;
}
.tools fieldset span input{
	background:none;
	width:133px;
	font:11px Arial, Hevetica, sans-serif;
	color:#818080;
	padding:2px 0 0;
	border:0;
}
.tools fieldset .submit{
	background:url(../images/search.png) no-repeat;
	width:58px;
	height:24px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	padding:0 0 0 58px;
	margin:10px 0 0 9px;
	cursor:pointer;
}
#main{width:987px;}
.main-mid{
	background:url(../images/main-mid.png) repeat-y;
	width:987px;
}
.main-mid:after{
	content:"";
	display:block;
	clear:both;
}
.main-bot{
	background:url(../images/main-bot.png) no-repeat;
	width:987px;
	height:30px;
	overflow:hidden;
}
#content{
	background:url(../images/content.png) no-repeat;
	width:691px;
	min-height:827px;
	float:left;
	margin:-35px 0 0;
}
* html #content{height:827px;}


#navigation{
background:#22799e;
background: -moz-linear-gradient(top, #39a5d4, #19485c);
background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#39a5d4), to(#19485c));
-webkit-box-shadow:0px 1px 1px #19485c,0px -1px 6px #222, inset 0px -1px 4px #001921, 0px 1px 1px #888,0px -1px 1px #666;
-moz-box-shadow:0px 1px 1px #19485c, 0px -1px 6px #222, inset 0px -1px 4px #001921, 0px 1px 1px #888,0px -1px 1px #666;
box-shadow:0px 1px 1px #19485c, 0px -1px 6px #222, inset 0px -1px 4px #001921, 0px 1px 1px #888,0px -1px 1px #666;
-moz-border-radius: 7px 0px 0px 0px;
-webkit-border-radius: 7px 0px 0px 0px;
border-radius: 7px 0px 0px 0px;
border: 1px solid #4ba5cc;
border-bottom: none;
border-right: 1px solid #ccc;
height: 37px;
width:666px;
list-style:none;
padding:0px 0 0 0px;
margin:-38px 0 40px;
left: 23px;
position:relative;
z-index:2;
}
/*
#navigation:after{
content:"";
display:block;
clear:both;
}
*/

#navigation li{float:left;}
#navigation a.lnk-home{background-position:0 0;width:96px;}
#navigation a.lnk-services{background-position:-98px 0;width:96px;}
#navigation a.lnk-our-work{background-position:-196px 0;width:96px;}
#navigation a.lnk-blog{background-position:-294px 0;width:96px;}
#navigation a.lnk-about{background-position:-392px 0;width:96px;}
#navigation a.lnk-contact{background-position:-392px 0;width:96px;}

#navigation li a {
display:block;
height:16px;
padding:12px 0px 10px 0px;
background-repeat:no-repeat;
font-size: 15px;
font-weight: bold;
text-shadow: 0 1px 4px #222, 0 1px 1px #143d4a;
text-decoration: none;
color: #e2e2e2;
text-align: center;
border-left: 1px solid #3296b6;
border-right: 1px solid #205f74;
}

#navigation li {
position:relative;
}

#navigation li:first-child a {
border-left:none;
-moz-border-radius: 7px 0px 0px 0px;
-webkit-border-radius: 7px 0px 0px 0px;
border-radius: 7px 0px 0px 0px;
}

#navigation li:last-child a {
-webkit-box-shadow: 1px 0px 1px #3296b6;
-moz-box-shadow:1px 0px 1px #3296b6;
box-shadow:1px 0px 1px #3296b6;
}

#navigation li:hover a:active{
color:#fff;
text-decoration:none;
text-shadow:0 1px 15px #001921,0 0 2px #001921;
background: #10323d;
background: -moz-linear-gradient(top, #1b5365, #0b2129);
background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#1b5365), to(#0b2129));
-webkit-box-shadow:inset 0px 0px 4px #000;
-moz-box-shadow: inset 0px 0px 4px #000;
box-shadow: inset 0px 0px 4px #000;
border-top: 1px solid #333;
}
/* #navigation li.active ul a{background:url(http://velorastudios.com/images/navigation-ul-a.png);} */

#navigation li:hover a,
#navigation li.hover a{
color:#fff;
text-decoration:none;
background: #164251;
text-shadow:0 1px 15px #001921,0 0 2px #001921;
background: -moz-linear-gradient(top, #206379, #11313d);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#206379), to(#11313d));
-webkit-box-shadow:inset 0px 0px 3px #1a2d33;
-moz-box-shadow: inset 0px 0px 3px #1a2d33;
box-shadow: inset 0px 0px 3px #1a2d33;
}

/* #navigation li ul li a {background:url(http://velorastudios.com/images/navigation-ul-a.png);} */

#navigation li:hover,
#navigation li.hover {}

#navigation li:hover ul,
#navigation li.hover ul {display:block;}

#navigation ul{
width:auto;
display:none;
list-style:none;
padding:0;
margin:0;
position:absolute;
top:38px;
left:0;
border:1px solid #3296b6;
}

#navigation ul li {
width:150px;
margin:0;
padding:0;
vertical-align:top;
text-align:left;
-webkit-box-shadow:0px 1px 7px #000;
-moz-box-shadow:0px 1px 7px #000;
box-shadow: 0px 1px 7px #000;
}
#navigation ul li a {
display:block;
padding:6px 0px 6px 15px;
font-size:13px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:left;
cursor:pointer;
border-top:1px solid #091c22;
border-left:1px solid #091c22 !important;
border-right:1px solid #091c22 !important;
border-bottom:1px solid #3296b6;
background: rgba(20, 61, 74, 0.9) !important;
background: rgb(20, 61, 74);
-webkit-transition: background 0.2s linear;
transition: background 0.3s ease; 

}
#navigation ul li:first-child a {
	border-bottom:1px solid #3296b6 !important;
	-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
#navigation ul li:last-child a {
	border-bottom:1px solid #091c22 !important;
}
#navigation ul li a span {
display:none;
float:right;
}

#navigation ul li a:hover span {
display:block;
color:#3aaed4;
float:right;
}

#navigation ul li a:hover {
text-decoration:none;
background: #091c22 !important;
}

#navigation ul li:first-child a {
border:none;
}

#navigation li:hover ul li:hover a,
#navigation li.hover ul li.hover a{ background:#0e2a33;}



.news{
	background:url(../images/news.png) no-repeat;
	width:684px;
	height:22px;
	overflow:hidden;
	padding:2px 0 5px;
	margin:-7px -2px 0 9px;
}
#rss{
	float:right;
	margin:3px 20px 0 0;
}
.news .inner{
	width:600px;
	float:left;
	line-height:22px;
	padding:0 0 0 17px;
}
.news strong{
	font-size:12px;
}
.news a{
	color: #000;
	text-decoration: none;
	text-shadow: #eeeedb 0 1px 1px;
}
.news a:hover{
	text-decoration: underline;
}
.news a:visited{
	color: #000;
}
.news span{font-size:12px;}
.tabs-hold{
	background:url(../images/tab.jpg) no-repeat;
	width:649px;
	overflow:hidden;
	margin:15px 0 0 25px;
	position:relative;
}
.tab{
	width:9999px;
	height:366px;
	overflow:hidden;
	padding:0 22px 0 23px;
}
.item{
	float:left;
	width:605px;
	margin:0 22px 0 0;
}
.heading-web-design{background:url(../images/heading-web-design.png) no-repeat;}
.heading-print-design{background:url(../images/heading-print-design.png) no-repeat;}
.heading-music-production{background:url(../images/heading-music-production.png) no-repeat;}
.heading-video-production{background:url(../images/heading-video-production.png) no-repeat;}
.heading-photography{background:url(../images/heading-photography.png) no-repeat;}
.tab h2{
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin:20px 0 0 -4px;
}
.tab img.other{margin:-13px -15px 0 0;}
.tab img{
	float:right;
	margin:7px 0 0;
}
.tab .wrapper{
	background:url(../images/wrapper.png) no-repeat;
	width:210px;
	height:257px;
	float:left;
	display:inline;
	padding:14px 15px 0;
	margin:9px 0 0 -4px;
}
.wrapper p{
	line-height:16px;
	margin:0;
	text-shadow: #e5e5e5 0 1px 1px;
}
.wrapper ul{
	width:100%;
	list-style:none;
	padding:0;
	margin:14px 0 0;
}
.wrapper ul li{
	background:url(../images/wrapper-bullet.gif) no-repeat 1px 7px;
	line-height:16px;
	padding:0 0 0 9px;
	text-shadow: #cdcdcd 0 1px 1px;
}
.learn-more{
	background:url(../images/learn-more.gif) no-repeat;
	width:173px;
	height:42px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:23px 0 0 17px;
}
.tabset{
	background:url(../images/tabset.jpg) no-repeat;
	width:645px;
	height:40px;
	list-style:none;
	padding:0 2px;
	margin:0;
}
.tabset:after{
	content:"";
	display:block;
	clear:both;
}
.tabset li:first-child{background:none;}
.tabset li{float:left;}
.tabset a.lnk-web-design{
	background-position:0 0;
	width:122px;
}
.tabset a.lnk-print-design{
	background-position:-122px 0;
	width:108px;
}
.tabset a.lnk-music-production{
	background-position:-230px 0;
	width:146px;
}
.tabset a.lnk-video-production{
	background-position:-376px 0;
	width:143px;
}
.tabset a.lnk-photography{
	background-position:-519px 0;
	width:126px;
}
.tabset a{
	background-image:url(../images/tabset-sprite.gif);
	height:58px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:-18px 0 0;
	position:relative;
	outline:none;
}
.tabset .active a,
.tabset a:hover{background-image:url(../images/tabset-rollover.gif);}
/*--services--*/
.tabs-hold2{
	width:649px;
	overflow:hidden;
	margin:0 0 0 25px;
	position:relative;
}
.tabs-hold3{
	width:649px;
	overflow:hidden;
	margin:15px 0 0 25px;
	position:relative;
}
.free-trial{
	background:url(../images/free-trial.png) no-repeat;
	width:173px;
	height:42px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:23px 0 0 17px;
}
.tabset2{
	width:645px;
	height:40px;
	list-style:none;
	padding:0 2px;
	margin:0 0 18px;
}
.tabset2:after{
	content:"";
	display:block;
	clear:both;
}

.tabset2 li{float:left;}
.tabset2 a.lnk-web-design2{
	background-position:0 0;
	width:122px;
}
.tabset2 a.lnk-print-design2{
	background-position:-122px 0;
	width:108px;
}
.tabset2 a.lnk-music-production2{
	background-position:-230px 0;
	width:146px;
}
.tabset2 a.lnk-video-production2{
	background-position:-376px 0;
	width:143px;
}
.tabset2 a.lnk-photography2{
	background-position:-519px 0;
	width:126px;
}
.tabset2 a{
	background-image:url(../images/tabset-sprite2.gif);
	height:76px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:-18px 0 0;
	position:relative;
	outline:none;
}
.tabset2 .active a,
.tabset2 a:hover{background-image:url(../images/tabset-rollover2.png);}
div.faq-question a{
	color:#fff;
	font-weight: bold;
}
.txt{width:615px;margin:0 0 0 40px;}
.txt h1{font-size:24px;line-height:30px;color:#fff;margin:28px 0 0;text-shadow: 0px 1px 2px #222;}
.txt h2{font-size:20px;line-height:28px;color:#fff;margin:24px 0 0;}
.txt h3{color:#fff;}
.txt ul li a{color:#fff;}
.txt ul li{color:#fff;}
.txt p{line-height:19px;color:#fff;margin:11px 0 16px;text-shadow: #3d3d3d 0 1px 1px;}
.txt a{color:#fff;font-weight: bold;}
.txt a:hover{text-decoration: none;background-color: #252525;}
.txt2{width:615px;margin:0 0 0 40px;}
.txt2 h1{font-size:24px;line-height:27px;color:#fff;text-shadow: 0px 1px 3px #222;}
.txt2 h2{font-size:20px;line-height:26px;color:#fff;margin:24px 0 0;}
.txt2 h3{font-size:17px;line-height:22px;color:#fff;margin:15px 0 0;}
.txt2 p{line-height:19px;color:#fff;margin:11px 0 16px;text-shadow: #3d3d3d 0 1px 1px;}
.txt2 ul li{color:#fff;}
.txt2 a{color:#fff;font-weight: bold;}
.txt2 a:hover{text-decoration: none;background-color: #252525;}
.hometxt{
	font-size:28px;
	line-height:35px;
	color:#fff;
	margin:28px 0 0;
}
#sidebar{
	width:297px;
	float:right;
	display:inline;
	margin:0 0 0 -1px;
}
.grey-box{
	background:url(../images/grey-box.png) no-repeat;
	width:297px;
	height:64px;
	overflow:hidden;
	margin:-64px 0 0;
}
.lnk-contact-info{
	background:url(../images/lnk-contact.png) no-repeat;
	width:199px;
	height:52px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:8px 0 0 45px;
}
.lnk-subscribe{
	background:url(../images/lnk-subscribe.png) no-repeat;
	width:239px;
	height:51px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:8px 0 0 36px;
}
.more-links{
	background:#4d4d4d;
	width:228px;
	border:1px solid #888;
	margin:24px 0 0 31px;
	-moz-box-shadow: inset 0px 1px 6px #333;
	-webkit-box-shadow: inset 0px 1px 6px #333;
	box-shadow: inset 0px 1px 6px #333;
}
.more-links h3{
	background:url(../images/more-links-h3.gif) repeat-x 0 100%;
	font-size:16px;
	line-height:34px;
	color:#fff;
	text-shadow: 0 1px 1px #111;
	padding:0 10px;
	margin:0;
}
.more-links ul{
	width:222px;
	list-style:none;
	padding:0;
	margin:0 0 0 6px;
}
.more-links ul li{
	-webkit-box-shadow: inset 2px 1px 5px #222, 0px 1px 1px #888,0px -1px 1px #666;
	-moz-box-shadow: inset 2px 1px 5px #222, 0px 1px 1px #888,0px -1px 1px #666;
	box-shadow: inset 2px 1px 5px #222, 0px 1px 1px #888,0px -1px 1px #666;
	background:#444;
    background: -moz-linear-gradient(right, #444, #333);
    background: -webkit-gradient(linear, 230% 0%, 0% 100%, from(#444), to(#333));
	width:100%;
	margin:6px 0 8px;
	vertical-align:top;
}
.more-links ul div{
	
	width:100%;
	overflow:hidden;
	padding:10px 0 5px;
}
.more-links ul a{
	width:100%;
	overflow:hidden;
	display:block;
	color:#cdcdcd;
	text-decoration:none;
	text-shadow: 0 1px 1px #111;
	-webkit-transition: text-shadow 0.3s ease;
	transition: text-shadow 0.3s ease; 
}
.more-links ul img{
	float:left;
	display:inline;
	margin:0 8px 0 10px;
}
.more-links strong{
	display:block;
	font-size:15px;
	line-height:17px;
}
.more-links span{
	display:block;
	font-size:11px;
	line-height:13px;
}
.more-links a:hover{
	color:#fff;
	text-shadow: 0 1px 2px #8c8c8c;
}
.testimonials{
	background:url(../images/border.gif) no-repeat;
	width:228px;
	overflow:hidden;
	padding:0 30px;
	margin:21px 0 0;
}
.testimonials div{
	background:#3d3d3d url(../images/testimonials-blockquote.jpg) no-repeat;
	width:228px;
	overflow:hidden;
	border:1px solid #959595;
	padding:0 0 9px;
	margin:24px 0 0;
}
.testimonials blockquote{
	width:228px;
	line-height:14px;
	color:#cdcdcd;
	padding:0;
	margin:18px 0 0;
}
.testimonials q{
	display:block;
	text-align:justify;
	padding:0 25px 0 15px;
	quotes:none;
}
.testimonials q:before,
.testimonials q:after{content:"";}
.testimonials q img{
	display:inline;
	position:relative;
}
.testimonials q img.qb{
	margin:-4px 4px 0 0;
	vertical-align:top;
}
.testimonials q img.qa{
	margin:0 0 -4px 4px;
	vertical-align:bottom;
}
.testimonials cite{
	font-style:normal;
	display:block;
	margin:7px 0 0 15px;
}
.testimonials .see-all{
	font-size:11px;
	color:#fff;
	float:right;
	margin:32px 10px 0 0;
}
.testimonials .see-all:hover{text-decoration:none;}
.tpg div{
	width: 228px;
	margin:24px 5px 0;
	float: left;
	}	
/*--Jobs--*/	
.jobp{
    font-size: 11px;
    color: #fff;
    }
.jobh{
    margin-bottom:2px;
    }
/*--contactlnks--*/
.cinfo{
	background:url(../images/border.gif) no-repeat;
	width:228px;
	overflow:hidden;
	padding:0 30px;
	margin:21px 0 0;
	color: #fff;
}
.cinfo div{
	background:#3d3d3d url(../images/testimonials-blockquote.jpg) no-repeat;
	width:228px;
	overflow:hidden;
	border:1px solid #959595;
	padding:0 0 9px;
	margin:24px 0 0;
	}
.cinfo p{
	color: #fff;
	font-size: 13px;
	margin-top: 16px;
}
.cinfo a{
	color: #fff;
}
.cinfo h2{
	color: #fff;
	font-size: 18px;
	margin-top: 15px;
}
.blogtwitter{
	background:url(../images/border.gif) no-repeat;
	width:228px;
	overflow:hidden;
	padding:30px 30px 0;
	margin:21px 0 0;
}
.bloglnk{
	background:url(../images/border.gif) no-repeat;
	width:228px;
	overflow:hidden;
	padding:0 30px;
	margin:21px 0 0;
}
.bloglnk div{
	background:#3d3d3d url(../images/testimonials-blockquote.jpg) no-repeat;
	width:228px;
	overflow:hidden;
	border:1px solid #959595;
	padding:3px 0px 7px;
	}
.bloglnk h4{
	color: #fff;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.bloglnk a{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.BlogRecentPost a{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; 
	color: #d9d9d9;
	text-shadow: 0 1px 1px #111;
	font-size: 12px;
}
.bloglnk ul{
	margin: 10px 10px;
}
.bloglnk li{
	margin-top: 10px;
}
.bloglnk a:hover{
	text-decoration: none;
	background-color: #252525;
	color: #fff;
}
.blogt{
	width:615px;
	background-color:#323232;
	border: 1px solid #777;
	margin: 15px 0 25px;
	-webkit-box-shadow: inset #111 0 0 3px;
	-moz-box-shadow: inset #111 0 0 3px;
	box-shadow: inset #111 0 0 3px;
}
.blogt h2{
	margin: 7px 13px 2px;
}
.blogt p{
	margin: 0 13px 9px;
}


.endnote{
	width:576px;
	background-color:#323232;
	border: 1px solid #777;
	margin: 18px 0 22px;
	padding: 9px 18px 7px 18px;
	-webkit-box-shadow: #222 0 0 4px;
	-moz-box-shadow: #222 0 0 4px;
	box-shadow: #222 0 0 4px;
}
.sharing{
	width:656px;
	background-color:#656565;
	border: 1px solid #ccc;
	position: relative;
	right: 37px;
	margin: 0px 0 15px;
	padding: 9px 18px 13px 18px;
	-webkit-box-shadow: #111 0 0 7px;
	-moz-box-shadow: #111 0 0 7px;
	box-shadow: #111 0 0 7px;
	color: #fff;
}
.sharing h4{
	font-size: 20px;
	text-shadow: 0 1px 2px #111;
	margin: 2px 10px 14px 0;
}
.likeb{
	background:url(../images/like.jpg) no-repeat scroll left center transparent;
	display:block;
	float:left;
	height:25px;
	padding:21px 10px 10px 0;
	text-indent:-9999px;
	width:60px;
}
.post-title{
	font-size: 36px !important;
	background: #505050;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:  8px 0  0 0;
	-moz-box-shadow:0px 1px 7px #222, inset 1px 0px 7px #333;
	-webkit-box-shadow:0px 1px 7px #222, inset 1px 0px 7px #333;
	box-shadow:0px 1px 7px #222, inset 1px 0px 7px #333;
	line-height: 37px !important;
	text-shadow: 0 1px 2px #222;
	margin: 31px -45px 0px -40px !important;
	padding-left: 38px !important;
	padding-right: 12px !important;
	padding-bottom: 39px !important;
	padding-top: 14px !important;
	border-bottom: 1px solid #777;
	border-top: 1px solid #777;
	border-right: 1px solid #555;
	border-left: 1px solid #888;
	position: relative;
	background: -webkit-gradient(
  radial, 310 -35%, 180, 310 -35%, 40, from(#505050), to(#777)
);
	background: -moz-radial-gradient( 310px -35%, circle, #777 60px, #505050 180px );
    
}
.blogtxt h2{
	font-size: 24px;
	text-shadow: 0 1px 2px #111;
}
.blogtxt h3{
	font-size: 26px;
	background: #4c4c4c;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-moz-box-shadow:0px 1px 3px #292929;
	-webkit-box-shadow:0px 1px 3px #292929;
	box-shadow:0px 1px 3px #292929;
	line-height: 50px;
	text-shadow: 0 1px 2px #222;
	margin: 31px 0px 23px -40px;
	padding-left: 38px;
	font-weight: 600;
	border-bottom: 1px solid #444;
	border-top: 1px solid #777;
	border-right: 1px solid #555;
	border-left: 1px solid #333;
}
.blogtxt .standout{
	color: #999;
	font-weight: 600;
	margin: 4px 80px 4px 0px;
	display: block;
	padding-left: 12px;
	border-left: 3px solid #999;
	text-shadow: 0 1px 1px #222;
}

.blogtxt h4{
	font-size: 21px;
	text-shadow: 0 1px 2px #111;
	line-height: 23px;
	margin: 24px 0 15px 0;
	font-weight: 600 ;
	
	}
	

.blogtxt p{
	padding: 3px 0 0 0;
	text-shadow: #3d3d3d 0 1px 1px;
}
.highlight{
	background-color: #252525;
}
.post-title a{
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease; 
	font-size: 32px;
	line-height: 34px;
}


.blogimg{
	width: 550px;
	border: 1px solid #777;
	background-color:#323232;
	margin: 20px 34px 20px;
	padding: 10px 0 10px 0;
	text-align: center;
	-webkit-box-shadow: inset #111 0 0 7px;
	-moz-box-shadow: inset #111 0 0 7px;
	box-shadow: inset #111 0 0 7px;
	-webkit-transition: -webkit-box-shadow 0.4s ease;
	transition: box-shadow 0.4s ease; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
.blogimg img{
	border: 1px solid #a5a5a5;
	margin: auto;
	-webkit-box-shadow: #111 0 0 4px;
	-moz-box-shadow:#111 0 0 4px;
	box-shadow: #111 0 0 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.blogimg:hover{
	-webkit-box-shadow: inset #000 0 0px 31px;
	-moz-box-shadow: inset #000 0 0px 31px;
	box-shadow: inset #000 0 0px 31px;
}

.imgcredit{
	margin-left: 34px;
	position: relative;
	top: -11px;
	font-size: 10px;
	font-family: Arial;
}
.lowerad{
	margin-bottom: 10px;
	font-size: 10px;
}
.BlogTagCloud a{
	margin-left: 10px;
	margin-right: 2px;
	line-height: 20px;
}
.BlogTagCloud-X-Large{font-size: 18px;}
.BlogTagCloud-Large{font-size: 16px;}
.BlogTagCloud-Small{font-size: 13px;}
.BlogTagCloud-XX-Small{font-size: 11px;}
.blogcmt{
	background: url(/images/comments.png) no-repeat 0 2px;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 1px;
	display: inline;
}

.post-details{
	font-size: 12px !important;
	color: #b3b3b3 !important;
	font-weight: 600;
	margin: 5px 0 1px !important;
	position: relative;
	top: -35px;
	text-shadow: 0 1px 1px #444;
}

.post-details a{
	color: #fff;
	font-weight: 600;
}
.socialicons{
	position: relative;
	top: -52px;
	left: 350px;
        height: 0px;
	
}
.socialicons:after{
	content:"";
	display:block;
	clear:both;
	margin-bottom: -25px;
}
.post-body p{
	margin: 0 0 7px;
}
div.hr{
  height: 10px;
  background:url(../images/hr.png) scroll center no-repeat;
  border: none;
  margin-bottom: 10px;
}
div.hr hr{
	display: none; 
}
div.hr2{
  height: 2px;
  width:228px;
  background:url(../images/hr.png) scroll center no-repeat;
  border: none;
  margin:8px 0 0;
}
div.hr2 hr{
	display: none; 
}
.subscribe{
	width:228px;
	overflow:hidden;
	margin:46px 0 0 30px;
}
.subscribe h3{
	background:url(../images/subscribe-h3.gif) repeat-x 0 100%;
	font-size:17px;
	line-height:20px;
	color:#fff;
	padding:0 0 8px 3px;
	margin:0;
}
.subscribe fieldset{
	overflow:hidden;
	padding:0 0 0 18px;
}
* html .subscribe fieldset{
	height:1%;
	overflow:visible;
}
.subscribe label{
	font-size:14px;
	color:#cdcdcd;
	display:block;
	margin:17px 0 0;
}
.subscribe span{
	background:url(../images/subscribe-string.gif) no-repeat;
	width:156px;
	height:22px;
	display:block;
	padding:0 5px;
	margin:5px 0 0;
}
.subscribe span input{
	background:none;
	width:156px;
	font:11px Arial, Hevetica, sans-serif;
	padding:4px 0;
	border:0
}
.subscribe .submit{
	background:url(../images/btn-subscribe.gif) no-repeat;
	width:83px;
	height:27px;
	border:0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	padding:0 0 0 83px;
	margin:16px 0 20px;
	cursor:pointer;
}
.newsletterpro{
	width:595px;
	background-color:#353535;
	border: 1px solid #555;
	margin: -7px 0 22px;
	padding: 0px 43px 0px 40px;
	-webkit-box-shadow: inset #111 0 0 4px;
	-moz-box-shadow: inset #111 0 0 4px;
	box-shadow: inset #111 0 0 4px;
	position: relative;
	right: 30px;
	height: 48px;
}
.newsletterpro p{
	text-shadow: 0px -1px 1px #111;
	color: #999;
	font-weight: bold;
	font-size: 11px;
	margin-top: 8px;
	padding: 0;
	line-height: 16px;
}
.newsletterpro a{
	text-shadow: 0px -1px 1px #111;
	color: #b3b3b3;
	font-weight: bold;
}
.theform div{
	width: 300px;
	border: 0;
	margin: 0;
	float: left;
	}	
.submitb{
	background:url(../images/submitb.png) no-repeat;
	width:67px;
	height:31px;
	border:0;
	display:block;
    padding:0 0 0 83px;
	margin: 0 0 20px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}

.submitb2{
	
	border:1px solid #cdcdcd;
	padding: 6px;
	color: #000;
	text-shadow: 0px 1px 1px #fff;
	font-weight: bold;
	font-size: 13px;
	
	/* Gradient background */
	background:#fff;
	background: -moz-linear-gradient(top, #fff, #bbb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 2px #000000, 0 0 3px #111;
	-moz-box-shadow:inset 0 0 2px #000000, 0 0 3px #111;
	box-shadow:inset 0 0 2px #000000, 0 0 3px #111;
	
	
	cursor:pointer;

}
.submitb2:hover{
	
	border:1px solid #00b4ff;
	text-shadow: 0px -1px 1px #fff;
	
	/* Gradient background */
	background:#cdcdcd;
	background: -moz-linear-gradient(top, #aaa, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaa), to(#fff));

	/* Shadow */
	-webkit-box-shadow:inset 0 0 4px #000000, 0 -1px 1px #333, 0 0 4px #00b4ff;
	-moz-box-shadow:inset 0 0 4px #000000, 0 -1px 1px #333, 0 0 4px #00b4ff;
	box-shadow:inset 0 0 4px #000000, 0 -1px 1px #333, 0 0 4px #00b4ff;
	
	cursor:pointer;
}

.button{
	background: #151515;
	border: 1px solid #2c363c;
	border-top: 1px solid #3e4f5a;
	border-bottom: 1px solid #0d1f29;
	height: 30px;
	padding: 2px 12px 2px 17px;
	margin-top: 10px;
        margin-bottom: 12px;
	font-size: 14px !important;
	font-weight: 600;
	color: #c1ccd3;
	-webkit-box-shadow:
	0px 1px 3px #000,
	inset 1px 0 0 #000,
	inset -1px 0 0 #000,
	inset 7px 0 2px #020a0f,
	inset -1px 0 0 #020a0f,
	inset 0px 9px 4px #020a0f,
	inset 0px -9px 4px #020a0f,
	inset 9px 0 3px #42adff,
	inset 10px 0 3px #0075cf;
	-moz-box-shadow:
	0px 1px 3px #000,
	inset 1px 0 0 #000,
	inset -1px 0 0 #000,
	inset 7px 0 2px #020a0f,
	inset -1px 0 0 #020a0f,
	inset 0px 9px 4px #020a0f,
	inset 0px -9px 4px #020a0f,
	inset 9px 0 3px #42adff,
	inset 10px 0 3px #0075cf;
	box-shadow:
	0px 1px 3px #000,
	inset 1px 0 0 #000,
	inset -1px 0 0 #000,
	inset 7px 0 2px #020a0f,
	inset -1px 0 0 #020a0f,
	inset 0px 9px 4px #020a0f,
	inset 0px -9px 4px #020a0f,
	inset 9px 0 3px #42adff,
	inset 10px 0 3px #0075cf;
	transition: all 0.3s linear;
	 -webkit-border-radius: 5px;
	 -moz-border-radius:5px;
	border-radius: 5px;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: pointer;
}
.button:hover{
	color: #e8f6ff;
	-webkit-box-shadow: 0px 1px 4px #111;
	-moz-box-shadow: 0px 1px 4px #111;
	box-shadow: 0px 1px 7px #0075cf;
	border: 1px solid #42adff;
	border-left: 1px solid #4892cb;
	border-right: 1px solid #4892cb;
	padding: 2px 12px 2px 12px;
}

.reward span{
	color: #fff;
	background: none !important;
	font-size: 11px;
	font-weight: bold;
	width:160px;
	border:0;
	height: 55px;
	margin-left:15px;
	margin-top:-4px;
}
.reward a{
	color:#fff;
}

.rewardget span{
	color: #fff;
	background: #222 !important;
	font-size: 16px;
	font-weight: bold;
	width:160px;
	border:0;
	height: 45px;
}
.rewardget a{
	color:#fff;
}


.loginb{
	background:url(../images/loginb.png) no-repeat;
	width:64px;
	height:28px;
	border:0;
	display:block;
    padding:0 0 0 83px;
	margin: 16px 0 20px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.loginclear label {
    padding-left: 20px;
    margin: 0px;
}
.loginclear input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: 27px;
    *overflow: hidden;
}

.loginf fieldset{
	overflow:hidden;
	padding:0 0 0 18px;
}
* html .loginf fieldset{
	height:1%;
	overflow:visible;
}
.loginf label{
	font-size:13px;
	font-weight: bold;
	color:#fff;
	line-height: 6px;
	display:block;
	margin:17px 0 1px;
}
.loginf span{
	background:url(../images/subscribe-string.gif) no-repeat;
	width:156px;
	height:22px;
	display:block;
	padding:0 5px;
	margin:1px 0 0;
}
.loginf span input{
	background:none;
	width:156px;
	font:11px Arial, Hevetica, sans-serif;
	padding:4px 0;
	border:0
}
.loginbox{
	background:url(../images/login-box.png) no-repeat;
	width: 530px;
	height: 404px;
	border: 0;
	margin: 0;
	overflow:hidden;
	margin:34px 45px 0;
	padding:108px 85px 0;
}
.loginbox p{
	position: relative;
	top: 1px;
	right: 57px;
	color: #cdcdcd;
}
.bio{
	background:url(../images/biob.png) no-repeat;
	width:638px;
	height:153px;
	margin:1px 0 0;
	padding: 13px 0 0;
}
.bio p{
	font-size: 11px;
	line-height: 17px;
	padding:0 30px 0;
	margin: 4px 50px 3px;
	text-shadow: #111 0 1px 1px;
}
.bname{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin-left:7px;
	text-shadow: #111 0 1px 2px;
}
.btitle{
	font-size: 11px;
	color: #b2b2b2;
	padding:0 0px 0;
	margin-left: 5px;
}
.bpic{
	height: 73px;
	width: 73px;
	float: left;
}
.bdescription div{
	float: left;
}
.biod{
	padding-left:7px;
	margin: 3px;
	}
.btwitter{
	position: relative;
	left: 425px;
	top: 6px;
}
.btwitter a{
	font-size: 11px;
	color: #b2b2b2;
}
.twitterb{
	background:url(../images/twitterb.png) no-repeat;
	width:200px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	cursor:pointer;
	margin-top: 16px;
	margin-left: 14px;
	display: block;
}
.twitterb a{
	height:100%;
	display:block;
}
.advertise{
	background:url(../images/border.gif) no-repeat;
	width:288px;
	padding:28px 0 0;
	margin:23px 0 0;
}
.advertise h4{
	background:url(../images/advertise-h4.gif) repeat-x;
	width:257px;
	font-size:12px;
	color:#fff;
	text-align:center;
	margin:0 0 4px;
}
.advertise div{
	overflow:hidden;
	padding:0 0 14px 17px;
}
* html .advertise div{
	height:1%;
	overflow:visible;
}
.advertise h4 span{background:#212121;}
.advertise .bord{border:1px solid #7f7f7f;}
.advertise a{
	float:left;
	margin:0 7px 0 0;
}
#footer{
	background:url(../images/footer-bg.jpg) no-repeat 50% 0;
	width:100%;
	overflow:hidden;
	padding:381px 0 0;
	margin:-381px 0 0;
}
.sub-footer{
	background:url(../images/footer.png) no-repeat 50% 100%;
	width:987px;
	margin:0 auto;
}
.services{
	width:100%;
	overflow:hidden;
	margin:60px 0 0;
}
.services h4{
	font-size:24px;
	line-height:30px;
	color:#fff;
	margin:0 0 -10px 28px;
	position:relative;
	text-shadow: #000 0 1px 4px;
}
.col-hold{
	width:971px;
	margin:0 auto;
}
.col-hold-top{
	background:url(../images/col-hold-top.png) no-repeat;
	width:971px;
	height:177px;
	overflow:hidden;
}
.col-hold-bot{
	background:url(../images/col-hold-bot.png) no-repeat;
	width:971px;
	height:30px;
	overflow:hidden;
	position:relative;
	z-index:2;
}
.col-hold-mid{
	background:url(../images/col-hold-mid.png) repeat-y;
	width:100%;
	position:relative;
	z-index:3;
}
.col-hold-mid:after{
	content:"";
	display:block;
	clear:both;
}
.col-hold-sub-mid{
	width:971px;
	float:left;
	margin:-163px 0 -13px;
	position:relative;
	z-index:4;
}
.web-design{width:226px;}
.graphic-design{width:150px;}
.music{width:149px;}
.video{width:147px;}
.photography{width:147px;}
.col-hold a{
	float:left;
	color:#fff;
	text-decoration:none;
	padding:13px 12px 30px 18px;
	text-shadow: #111 0 1px 4px;
}
.services strong{
	display:block;
	font-size:15px;
	line-height:21px;
	color:#fff;
}
.services span{
	display:block;
	font-size:12px;
	line-height:16px;
}
.col-hold a:hover{background:url(../images/services-hover.png) repeat-x;}
.add-navig{
	width:100%;
	overflow:hidden;
	margin:-2px 0 0;
}
.add-navig ul{
	overflow:hidden;
	float:right;
	list-style:none;
	padding:0 18px 4px 0;
	margin:0;
}
.add-navig li{
	background:url(../images/add-navig-separator.gif) no-repeat 0 50%;
	float:left;
	display:inline;
	font-size:13px;
	line-height:18px;
	padding:0 8px 0 9px;
	margin:0 1px 0 -1px;
}
.add-navig .last a{color:#fff;}
.add-navig a{
	font-weight:bold;
	color:#ccc;
	text-decoration:none;
	text-shadow: #111 0 1px 2px;
}
.add-navig a:hover{text-decoration:underline;}
.foot-nav-hold{
	background:url(../images/foot-nav-hold.png) no-repeat;
	width:983px;
	height:63px;
	overflow:hidden;
	margin:0 auto;
}
.foot-nav{
	background:url(../images/foot-nav.gif) no-repeat;
	width:519px;
	height:24px;
	float:right;
	display:inline;
	overflow:hidden;
	list-style:none;
	padding:12px 0 0 5px;
	margin:13px 23px 0 0;
}
.foot-nav li{
	float:left;
	padding:0 0 0 50px;
}
.foot-nav a.nav-home{
	background-position:0 0;
	width:52px;
}
.foot-nav a.nav-our-work{
	background-position:-52px 0;
	width:86px;
}
.foot-nav a.nav-blog{
	background-position:-138px 0;
	width:52px;
}
.foot-nav a.nav-contact{
	background-position:-190px 0;
	width:85px;
}
.foot-nav a{
	background-image:url(../images/foot-nav-sprite.gif);
	height:16px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.foot-nav-hold p{
	font-size:12px;
	line-height:14px;
	color:#000;
	margin:24px 0 0 24px;
	text-shadow: #ededed 0 1px 1px;
}
.foot-logo{
	width:100%;
	overflow:hidden;
}
.foot-logo div{float:right;}
.foot-logo span{
	float:left;
	font-size:12px;
	color:#cbcbcb;
	margin:13px 0 0;
}
.foot-logo strong{
	background:url(../images/foot-logo.png) no-repeat;
	width:153px;
	height:68px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:-9px -11px 0 -7px;
}
.foot-logo strong a{
	height:100%;
	display:block;
}