/*
Theme Name: NetThink 21
Theme URI: http://netthink21.com/
Description: Custom theme for NetThink 21.
Version: 1.0
Author: NetThink 21
Author URI: http://netthink21..com/
	NetThink 21 1.0
	by http://NetThink21.com/

*/

body {margin: 0px;	padding: 0px; background: #ebe9e4; font-size: 15px;	font-family: "trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; color: #6c6c6c;}
.wrap {width: 955px; margin: 0 auto; clear: both;}
.wrapnarrow {width: 950px; margin: 0 auto; padding: 0px 0px 0px 5px; clear: both;}
#header {height: 130px;	min-width: 950px; background: #000000; font-size: 14px;}
#logo {height: 85px;}
#tabnav {height: 40px;}
#tabnav ul {margin: 0px; padding: 0px; white-space: nowrap;}
#tabnav li {display: inline; list-style-type: none;}
#tabnav a {height: 45px; line-height: 45px; margin: 0px 0px 0px 6px; padding: 0px 9px 0px 9px; text-decoration: none; float: right; color: #f3f3f3; background: url(tabs.jpg) no-repeat 0px 0px;}
#tabnav a:hover {color: #0068aa; background: url(tabs.jpg) no-repeat 0px -60px;}
#tabnav li.current_page_item a, #tabnav li.current_page_parent a {color: #0068aa; background: url(tabs.jpg) no-repeat 0px -60px;}
.container {min-width: 800px; background: #ffffff; padding: 25px 0px 20px 0px; border-bottom: 1px solid #b6b6b6;}
#subheader {background: #daecf6; padding: 28px 0px 14px 0px; border-bottom: 1px solid #adcbdb;}
#homesubheader {background: #daecf6; padding: 34px 0px 15px 0px; color: #0071b9; border-bottom: 1px solid #adcbdb;}
#subheader p {margin: 0px; padding: 0px; line-height: 1.5em; font-size: 16px; color: #0068aa;}
.container {display: inline-block;}
.container {display: block;}
.container:after, #tagline:after, #screens:after, .step:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper {clear: both; width: 950px; margin: 0px auto 0px auto;}
#wrapper ul {margin: 0px; padding: 0px 0px 1.8em 40px; line-height: 1.4em; list-style: square;}
#wrapper ol {margin: 0px; padding: 0px 0px 1.8em 40px; line-height: 1.4em;}
#spacer {height: 20px; display:block;}
#footer {width: 950px; clear: both;	margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; color: #646464; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer a:link, #footer a:visited {color: #646464; text-decoration: none; border-bottom: 1px dotted #646464;}
#footer a:hover, #footer a:active {color: #646464; text-decoration: none; border-bottom: 1px solid #646464;}
.recentwide {width: 400px;}
.recentnarrow {width: 260px; margin: 0px 0px 0px 10px;}
#recentcolumn {float: left;}
#recentcolumn ul {margin: 0px; padding: 0px 0px 20px 0px; list-style: none;}
#recentcolumn ul li {padding: 0px 0px 0px 22px; line-height: 1.6em; background: no-repeat url(footerarrow.jpg) 11px 8px;}
#recentcolumn a:link, #recentcolumn a:visited {color: #646464; text-decoration: none; border-bottom: 1px dotted #646464;}
#recentcolumn a:hover, #recentcolumn a:active {color: #303030; text-decoration: none; border-bottom: 1px solid #303030;}
#recentcolumn h4 {padding: 0px; margin: 3px 0px 0px 0px; font-size: 15px; color: #0068aa; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
#recentcolumn a img {border-bottom: none;}
p.copyright {clear: both; margin: 0px auto 0px auto; padding: 65px 0px 150px 0px; background: url(bg-footer-logo.jpg) no-repeat center 25px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic;}

p {margin: 0px;	padding: 0px 0px 1.4em 0px; line-height: 1.5em;}
.shorty {margin: 0px; padding: 0px 0px 0.8em 0px; line-height: 1.4em;}
img.frame {border: 8px solid #e2e2e2;}
img.normal {margin: 4px 0px 6px 0px;}
img.aligncenter {display: block; margin: 0px auto 5px auto;}
img.alignright {margin: 0px 0px 5px 10px; float: right;}
img.alignleft {margin: 0px 10px 5px 0px; float: left;}
img.alignnone {margin: 4px 0px 6px 0px;}
a img {border: none; text-decoration: none;}
a:link, a:visited, a:active {color: #6c6c6c;}
a:hover {color: #000000;}
acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {font-size: 90%; letter-spacing: .07em;}
acronym, abbr {cursor: help;}

/* blog styles */
#headline a:link, #headline a:visited {color: #0068aa; text-decoration: none; border-bottom: 1px dotted #0068aa;}
#headline a:hover, #headline a:active {color: #0068aa; text-decoration: none; border-bottom: 1px solid #0068aa;}
a.more-link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
a.more-link:link, a.more-link:visited, a.more-link:active {color: #ec8412; text-decoration: none;}
a.more-link:hover {color: #ec8412; text-decoration: underline;}
.date {font-family: Verdana, Arial, Helvetica, sans-serif; color: #949494; font-size: 12px; padding: 0px 0px 5px 0px;}
#post {padding: 0px 0px 15px 0px; clear: both;}
#pages {padding: 0px; clear: both;}
#nextposts {padding: 0px 0px 40px 0px; clear: both;}
#nextposts a {float: left; margin: 0px 7px 0px 0px; padding: 5px 10px 5px 10px; border: 1px solid #b6b6b6; background: #f3f3f3; text-decoration: none; color: #6c6c6c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#nextposts a:hover {background: #000000; color: #ffffff;}

h1 {
	clear: both;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 26px;
	color: #0068aa;
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px 0px 6px 0px;
}
#headline, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #0068aa;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0px 0px 7px 0px;
	padding: 0px;	
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: normal;
	color: #000000;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
h5 {
	color: #000000;
	font-size: 16px;
	margin: 0px;
	padding: 6px 0px 2px 10px;
	font-weight: normal;
	letter-spacing: 1px;
}
h6 {
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}
.highlight {color: #000000; background: #f9fbab;}
blockquote {margin-left: 1.5em;	padding-left: 5px;}
cite {font-size: 90%; font-style: normal;}
ol#comments li p {font-size: 100%;}
/* classes used by the_meta() */
ul.post-meta {list-style: none;}
ul.post-meta span.post-meta-key {font-weight: bold;}
.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}
.credit a:link, .credit a:hover {color: #fff;}
.feedback {color: #ccc;	text-align: right; clear: both;}
.meta {font-size: .75em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline; list-style: none; margin: 0;	padding: 0;}
.meta, .meta a {color: #808080;	font-weight: normal; letter-spacing: 0;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #fff; border: 1px solid #333; padding: .2em;}
#commentform textarea {width: 100%;}
#commentlist li ul {border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}
#menu form {margin: 0 0 0 13px;}
#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* faq page */
#leftcol {float: left; width: 230px;}
.advice {background: url(http://netthink21.com/images/advice.jpg) no-repeat center top;	padding: 155px 0px 0px 0px;}
.faq {background: url(http://netthink21.com/images/faq.jpg) no-repeat center top; padding: 155px 0px 0px 0px;}
.handwritten {
	font-size: 17px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	text-align: right;
	line-height: 1.4em;
}
#rightcol {
	float: right;
	width: 659px;
	border-left: 1px dashed;
	padding: 0px 0px 0px 30px;
	border-color:#D6D6D6;
}

/* contact page */
#leftbox {
	float: left;
	width: 559px;
	border-right: 1px dashed;
	padding: 0px 30px 0px 0px;
	border-color:#D6D6D6;
}
#rightbox {
	float: right;
	width: 330px;
}
.dasher {
	border-bottom: 1px dashed;
	padding: 0px 0px 30px 0px;
	border-color:#D6D6D6;
	margin: 0px 0px 30px 0px;
}
.dashspacer {
	border-top: 1px dashed;
	height: 30px;
	border-color:#D6D6D6;
}
.indash {margin: 0px; padding: 0px;}
.skype {background: url(http://netthink21.com/images/skype.jpg) no-repeat; padding: 110px 0px 0px 0px;}
.black {color: #000000;	font-weight: bold;}
.input {
	width: 270px;
	border: 1px solid #D6D6D6;
	background-color: #ffffff;
	color: #999999;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textarea {
	width: 270px;
	height: 4em;
	border: 1px solid #D6D6D6;
	background-color: #ffffff;
	color: #999999;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button {
	width: 120px;
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #3C89B7;
	border: 2px solid #D6D6D6;
	font-size: 14px;
	margin: 0px;
}

/* testimonials page */
.testband {clear: both;}
.testimonial {
	float: left;
	width: 310px;
	padding: 0px 0px 20px 0px;
}
.customer {
	float: right;
	width: 475px;
	padding: 0px 0px 20px 0px;
}
.quote {
	margin: 0px;
	padding: 0px 0px 1em 0px;
	line-height: 1.4em;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
}
.owner {
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
}

/* home page */
#homeleft {float: left;	margin: 0px 25px 0px 0px; width: 250px; font-size: 12px;}
#homeleft h4, #homeright h4 {background: #fef9b1; padding: 5px 0px 3px 10px; border-bottom: 1px solid #b6b6b6; margin: 0px 0px 3px 0px; font-size: 15px; color: #000000; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
#homeleft p, #homeright p {line-height: normal;}
#homeleft p.check {padding: 2px 0px 1px 27px; margin: 0px; background: url(bg-check.jpg) no-repeat 10px 4px; font-size: 14px; color: #303030;}
#homeleft p.star {padding: 2px 0px 1px 27px; margin: 0px; background: url(bg-star.jpg) no-repeat 10px 4px; font-size: 14px; color: #303030;}
#homeright p.arrow {padding: 2px 0px 1px 27px; margin: 0px; background: url(bg-arrow.jpg) no-repeat 10px 4px; font-size: 14px; color: #303030;}
#homeleft p.writeup, #homeright p.writeup {padding: 0px 0px 7px 10px; margin: 0px; line-height: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

#homemid {float: left; width: 400px; color: #3e3e3e; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
#homemid a:link, #homemid a:visited {color: #3e3e3e;}
#homemid a:hover, #homemid a:active {color: #000000;}
#homemid p {line-height: 1.4em;}
#homeright {float: right; width: 250px;}
.new {color: #000000; margin: 0px; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif;}
.blue {color: #0273ba; font-weight: bold;}
#clientlist {width: 310px; float: left; margin: 0px 5px 0px 0px;}
#clientlist p.clientname {padding: 0px 0px 0px 17px; margin: 0px; background: url(bg-client.jpg) no-repeat 0px 4px; font-size: 16px; color: #303030; line-height: 1.2em;}
#clientlist p.clientdesc {padding: 0px 0px 11px 0px; margin: 0px; line-height: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;}
#quotes {margin: 0px; padding: 0px 0px 1.8em 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 1.3em;}
p.featuredclient {margin: 0px 0px 1.8em 0px; padding: 0px 0px 0px 475px; background: url(bg-featuredclient.jpg) no-repeat top left;}
#quoteswrap {background: #fef9b1; padding: 10px; border: 1px solid #b6b6b6; margin: 0px 0px 1.8em 0px; color: #000000;}

/* web design */
#portfolioa {float: left; width: 455px;}
#portfoliob {float: right; width: 455px;}
#portfoliobreak {clear: both; height: 35px;}
#portfolioa p, #portfoliob p {margin: 0px; padding: 0px 0px 5px 10px; font-size: 15px; line-height: 1.2em;}
#portfolioa a, #portfoliob a {text-decoration: none; font-size: 14px;}
#portfolioa a:link, #portfoliob a:link {color: #0068aa;}
#portfolioa a:visited, #portfoliob a:visited {color: #60605d;}
#portfolioa a:hover, #portfoliob a:hover {color: #000000;}

.services {
	margin: 0px;
	padding: 0px 0px 1em 0px;
	line-height: 1.6em;
}

div.scroller {width: 680px; height: 717px; overflow: hidden; padding: 0px 0px 50px 0px;}
div.scroller div.section {width:680px; height:717px; overflow:hidden; float:left;}
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
div.scroller div.content {width: 10000px;}
/*div#section2 {background:#666666; color:#ffffff;}*/
div.section p {height: 35px; line-height: 35px; margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-style: italic;}
.portfolio p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
#glide-left {width: 682px; float: left;}		
#glidenav {width: 250px; float: right; padding: 0px;}
#glidenav ul {margin: 0px 0px 20px 0px; padding: 0px; list-style: none; border-top: 1px solid #b6b6b6;}
#glidenav ul li {border-bottom: 1px solid #dddddd;}
#glidenav ul li a {text-decoration: none; display: block; height: 2.6em; line-height: 2.6em; padding-left: 27px; background: url(bg-client.jpg) no-repeat 10px center; font-size: 14px; color: #6c6c6c;}
#glidenav h4 {background: #fef9b1; padding: 7px 0px 5px 10px; border-bottom: 1px solid #b6b6b6; margin: 0px; font-size: 15px; color: #000000; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
#glidenav li#control1 a.active, #glidenav li#control1 a:hover.active, #glidenav li#control2 a.active, #glidenav li#control2 a:hover.active, #glidenav li#control3 a.active, #glidenav li#control3 a:hover.active, #glidenav li#control4 a.active, #glidenav li#control4 a:hover.active, #glidenav li#control5 a.active, #glidenav li#control5 a:hover.active, #glidenav li#control6 a.active, #glidenav li#control6 a:hover.active, #glidenav li#control7 a.active, #glidenav li#control7 a:hover.active, #glidenav li#control8 a.active, #glidenav li#control8 a:hover.active, #glidenav li#control9 a.active, #glidenav li#control9 a:hover.active, #glidenav li#control10 a.active, #glidenav li#control10 a:hover.active, #glidenav li#control11 a.active, #glidenav li#control11 a:hover.active, #glidenav li#control12 a.active, #glidenav li#control12 a:hover.active, #glidenav li#control13 a:hover.active  {color: #303030; text-decoration: underline; background: #f7f7f7 url(bg-check.jpg) no-repeat 10px center;}

#glidenav li#control1 a:hover, #glidenav li#control2 a:hover, #glidenav li#control3 a:hover, #glidenav li#control4 a:hover, #glidenav li#control5 a:hover, #glidenav li#control6 a:hover, #glidenav li#control7 a:hover, #glidenav li#control8 a:hover, #glidenav li#control9 a:hover, #glidenav li#control10 a:hover, #glidenav li#control11 a:hover, #glidenav li#control12 a:hover, #glidenav li#control13 a:hover {color: #303030; background-color: #f7f7f7;}