@charset "UTF-8";
/* CSS Document */

/****************** ALL PAGES STYLES ******************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-image: url(images/tiledBG.jpg);
	background-repeat: repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #272727;
	line-height: 1.6em;
	background-color: #3F455B;
}
#wrapper {
	width: 881px;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#middle {
	background-image: url(images/middle.png);
	background-repeat: repeat-y;
	background-position: left 89px;
	height: auto;
	width: 881px;
	float: left;
}
.noborder {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.border {
	background-color: #E7E3DF;
	padding: .85em;
	border: 1px solid #5E5C66;
}
.medborder {
	background-color: #E7E3DF;
	padding: .50em;
	border: 1px solid #5E5C66;
}
.smallborder {
	border: 1px solid #5E5C66;
}

hr.padding {
	clear:both;
	width: 50%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
hr.line {
	clear:both;
	width: 95%;
	margin: 10px 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
body a:link, body a:visited {
	text-decoration: none;
	color: #4e4e4e
}
body a:hover, body a:active {
	color: #272727;
}
.gray, h3.gray, a:link.gray, a:visited.gray  {
	color: #4e4e4e;
}

.red, h3.red, a:link.red, a:visited.red   {
	color: #833737;
}
.blue, h3.blue, a:link.blue, a:visited.blue {
	color: #485584;
}

.teal, h3.teal, a:link.teal, a:visited.teal {
	color: #507983;
}
h3.green, a:link.green, a:visited.green{
	color: #4a6f47;
}
a:hover.blue, a:active.blue, a:hover.red, a:active.red, a:hover.teal, a:active.teal, a:hover.green, a:active.green{
	color: #272727;
	text-decoration: underline;
}
#connect {
	text-align: right;
	width: 150px;
	height: 200px;
	left: 0px;
}
#connect img {
	padding: 2px;
}
.next-prev{
	text-align:center;
	width:100%;
}
.next-prev a{
	text-decoration: none!important;	
}
/****************** FRONT PAGE STYLES ******************************/
#magazine {
	background-image: url(images/magazineBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 934px;
	width: 981px;
}
#magazine h1, #magazine h3 {
	display: none;
}
#clickButton {
	position:absolute;
	left:574px;
	top:205px;
	width:110px;
	height:115px;
	z-index:1;
}#spotlight {
	height: 240px;
	width: 212px;
	position: absolute;
	z-index: 2;
	left: 16px;
	top: 215px;
}
#build {
	position: absolute;
	z-index: 3;
	height: 220px;
	width: 155px;
	left: 514px;
	top: 400px;
}
#bottombuttons {
	height: 70px;
	width: 395px;
	position: absolute;
	z-index: 4;
	left: 55px;
	top: 770px;
}
#blog {
	height: 270px;
	width: 190px;
	position: absolute;
	z-index: 4;
	left: 495px;
	top: 620px;
}
#frontNav {
	height: 151px;
	width: 110px;
	position: absolute;
	left: 698px;
	top: 70px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	}
#frontNav img {
	margin: 0px;
	padding: 0px;
	border: none;
}
#RSSupdates {
	height: 400px;
	width: 175px;
	position: absolute;
	left: 705px;
	top: 310px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	z-index: 0;
	}
#RSSupdates h3 {
	display: none;
}
#RSSupdates ul {
	margin-left: 3px;
	margin-top: 5px;
	margin-bottom: 15px;
}
#RSSupdates ul li {
	list-style-image: none;
	list-style-type: none;
	display: block;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #44372F;
}

#homefooter {
	height: 50px;
	width: 800px;
	margin-left: 55px;
	padding: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #C4C3BF;
}
#homefooter li{
	display:block;
	list-style:none;
	float: left;
	height: 22px;
}
#homefooter a {
	color: #CBCAC7;
	text-decoration: none;
}
#homefooter a:hover {
	color: #ffffff;
	text-decoration: none;
}
/****************** 3 column Styles ******************************/

#headerpg1 {
	background-image: url(images/header-pg1.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 881px;
}
#headerpg1 h3, #headerpg1 h1 {
	display: none;
}
#columns .col1, #columns .col2, #columns .col3{
	text-align: justify;
	width: 188px;
	float: left;
	padding-bottom: 10px;
	padding-top: 15px;
}

#columns .col1 {
	margin-left: 75px;
}
#columns .col2, #columns .col3 {
	margin-left: 20px;
}
.col1 h3, .col2 h3, .col3 h3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	text-transform: uppercase;
}
.col1 p, .col2 p, .col3 p{
	padding-bottom: 10px;
}

/****************** INSIDE PAGES STYLES ******************************/


#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	height: 89px;
	width: 881px;
}
#header h1, #header h3 {
	display: none;
}

/*//////////////////////////////**************SIDEBAR #1*****************/

#sidebar {
	width: 150px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #272727;
	float: left;
	text-align: right;
	line-height: 1.2em;
}
#sidebar h2 {
	display: none;
}
#sidebar  ul {
	margin-bottom: 15px;
}
#sidebar  ul li, #sidebar  ul li a {
	color: #485584;
	text-transform: uppercase;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
	padding: 5px 0px 5px 0px;
	
}
#sidebar  ul li ul li a, #sidebar  ul li ul li {
	color: #535353;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	padding: 0px;
	
}
#sidebar  a:hover {
	color: #833737;
	text-decoration:underline;
}

.page_item { … } /* any Page item */
.current_page_item { … } /* the current Page */
.current_page_parent { … } /* parent of the current Page */
.current_page_ancestor { … } /* any ancestor of the current Page */







/*//////////////////////////////**************CONTENT LEFT AND RIGHT*****************/

#columns {
	width: 719px;
	float: left;
	}
#columns .left {
	margin-left: 75px;
}

#columns .right {
	margin-left: 25px;
}

#columns .left, #columns .right {
	text-align: justify;
	width: 295px;
	float: left;
	padding-bottom: 10px;
}
#columns .left p, #columns .right p {
	margin:0px 0px 10px 0px;
}
#columns .left h4, #columns .right h4 {
	padding-top: 10px;
	font-size: 15px;
	border-top:1px solid #999999;
	margin-top:10px;
	font-weight: normal;
}
#notopborder{
	border:none!important;
	margin-top:0px;
}
#columns .left h4 a, #columns .right h4 a {
text-decoration:none;
}
.left h3, .right h3, #top h3, #bottom h3, #fullpg h3, #large{
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-size: 14px;
}
.left h1, .right h1 {
	font-family: "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-size: 24px;
}
#columns .left li {
	margin-left: 25px;
	list-style-type: square;
}
h1 span {
	display: none;
}
#fullpg {
	width: 600px;
	margin-left: 217px;
}
#fullpg  ol {
	margin-left: 15px;
	padding-left: 15px;
}
#fullpg li {
	padding-bottom: 5px;
}
#top {
	width: 600px;
	margin-left: 75px;
	float: left;
	text-align: justify;
}
#top h2 a, #top h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	color: #507983;
	text-transform: uppercase;
	text-decoration: none;
}

#bottom {
	width: 600px;
	float: left;
	margin-left: 75px;
	padding:10px 0px 10px 0px;
	text-align: left;
}
blockquote   {
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#top blockquote, #bottom blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: italic;
	line-height: 1.6em;
	margin: 15px;
	background-color: #CBC2BB;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius: 10px 10px 10px 10px;
}
#top blockquote a, #bottom blockquote a  {
	color: #4e4e4e;
}

/*//////////////////////////////**************PAGE HEADERS*****************/
.welcome {
	background-image: url(images/welcome.png);
	height: 46px;
	background-repeat: no-repeat;
	width: 174px;
	margin-top: 25px;
	margin-left: 75px;
}
.about {
	background-image: url(images/aboutme.png);
	height: 47px;
	background-repeat: no-repeat;
	margin-left: 75px;
	padding-bottom: 30px;
}
.contact {
	background-image: url(images/contactMe.png);
	height: 60px;
	background-repeat: no-repeat;
	width: 600px;
	margin-left: 75px;
	margin-bottom: 50px;
}
.whyneed {
	background-image: url(images/whydoyouneed.png);
	height: 50px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 20px;
}
.wordpress {
	background-image: url(images/whyWordpress.png);
	height: 56px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 75px;
	background-repeat: no-repeat;
	width: 321px;
}
.services {
	background-image: url(images/designservices.png);
	height: 50px;
	width: 286px;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 75px;
	background-repeat: no-repeat;
}
.process {
	background-image: url(images/designprocess.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 351px;
	margin-left: 75px;
	margin-bottom: 10px;
}
.available {
	background-image: url(images/available.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 484px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.terms {
	background-image: url(images/terms.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 299px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.faq {
	background-image: url(images/faq.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 518px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.client {
	background-image: url(images/client.png);
	background-repeat: no-repeat;
	margin-left: 75px;
	height: 47px;
	width: 223px;
}
.mission {
	background-image: url(images/mission.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 283px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.news {
	background-image: url(images/news.png);
	background-repeat: no-repeat;
	height: 59px;
	width: 353px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.portfolio {
	background-image: url(images/portfolio.png);
	background-repeat: no-repeat;
	height: 49px;
	width: 168px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.resources {
	background-image: url(images/resources.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 431px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.copyright {
	background-image: url(images/copyright.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 315px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.credits {
	background-image: url(images/photo-credit.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 443px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.search {
	background-image: url(images/search.png);
	height: 52px;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-bottom: 30px;
	width: 272px;
}
.search2 {
	background-image: url(images/search2.png);
	height: 52px;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-bottom: 30px;
	width: 422px;
}
.friday {
	background-image: url(images/friday.png);
	height: 60px;
	background-repeat: no-repeat;
	margin: 0px 0px 30px 0px;
	padding-bottom: 30px;
	width: 291px;
}
.favorites {
	background-image: url(images/favorites.png);
	height: 60px;
	background-repeat: no-repeat;
	margin-left: 75px;
	padding-bottom: 30px;
	width: 190px;
}
.tutorials {
	background-image: url(images/tutorials.png);
	height: 60px;
	background-repeat: no-repeat;
	margin-left: 75px;
	padding-bottom: 30px;
	width: 292px;
}
.DSwebdesign {
	background-image: url(images/DSwebdesign.png);
	height: 49px;
	background-repeat: no-repeat;
	margin-left: 75px;
	padding-bottom: 30px;
	width: 292px;
}
.DSgraphicdesign {
	background-image: url(images/DSgraphicdesign.png);
	height: 49px;
	background-repeat: no-repeat;
	margin-left: 75px;
	padding-bottom: 30px;
	width: 307px;
}
.DSotherdesign {
	background-image: url(images/DSotherdesign.png);
	height: 49px;
	background-repeat: no-repeat;
	margin-left: 75px;
	padding-bottom: 30px;
	width: 307px;
}
.DSsocialmedia {
	background-image: url(images/DSsocialmedia.png);
	height: 49px;
	background-repeat: no-repeat;
	margin-left: 75px;
	padding-bottom: 30px;
	width: 307px;
}
.maintenance {
	background-image: url(images/maintenance.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 366px;
	margin-left: 75px;
	margin-bottom: 25px;
}

.custom {
	background-image: url(images/custom.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 315px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.ooak {
	background-image: url(images/ooak.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 412px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.le {
	background-image: url(images/limitedED.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 457px;
	margin-left: 75px;
	margin-bottom: 25px;
}
.flash {
	background-image: url(images/flashDesigns.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 329px;
	margin-left: 75px;
	margin-bottom: 25px;
}


/****************** Blog STYLES ******************************/
.feature{
	width: 719px;
	float: left;
	margin-bottom:30px;
}

#blogcontent {
	text-align: justify;
	width: 450px;
	float: left;
	padding-bottom: 10px;
	margin-left: 75px;
}
#blogcontent a {
	color: #485584;
	text-decoration: none;
}
#blogcontent  a:hover {
	color: #272727;
	text-decoration:underline;
	}
#blogcontent h2 a, #blogcontent h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	color: #485584;
	text-transform: uppercase;
	text-decoration: none;
}
.postcontent {
	margin: 10px 0px 50px 0px;
	padding: 0px 0px 50px 0px;
	border-bottom: 1px solid #beb3a7;
}
.postcontent p {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#blogsidebar {
	float: left;
	margin: 300px 0px 0px 35px;
	width: 135px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
}
#blogsidebar h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #7B7B7B;
	font-weight: normal;
	margin-bottom: 15px;
	width: 130px;
}
#blogsidebar h3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #485584;
	text-transform: uppercase;
	margin:10px 0px 0px 0px;
}
#blogsidebar ul {
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#blogsidebar li {
	list-style-image: none;
	list-style-type: none;
}
#blogsidebar  a:hover {
	color: #272727;
	text-decoration:underline;
}
#blogsidebar a {
	color: #535353;
	text-decoration: none;
	padding-left: 10px;
}
#archives {
	width: 600px;
	margin-left: 75px;
	float: left;
	text-align: justify;
}
#archives h2 a, #archives h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	color: #485584;
	text-transform: uppercase;
	text-decoration: none;
}
/****************** News STYLES ******************************/
#newscontent1 {
	text-align: justify;
	width: 350px;
	float: left;
	margin-left: 75px;
}
#newscontent1 a {
	color: #505a83;
	text-decoration: none;
}
#newscontent1  a:hover {
	color: #272727;
	text-decoration:underline;
	}
#newscontent1 h3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #505a83;
	text-transform: uppercase;
}
#newscontent2 {
	text-align: justify;
	width: 215px;
	float: left;
	padding: 0px 35px 10px 0px;
	margin: 20px 0px 0px 40px;
}
.newspost {
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #cccccc;
}
#newscontent2 h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #7B7B7B;
	font-weight: normal;
	margin-bottom: 10px;
}
#newscontent2 h3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #505a83;
	text-transform: uppercase;
}
#newscontent2 ul {
	margin-bottom: 15px;
	border-bottom: 1px solid #505a83;
	padding-bottom: 5px;
}
#newscontent2 li {
	list-style-image: none;
	list-style-type: none;
	padding: 2px 0px 2px 7px;
}
#newscontent2  a:hover {
	color: #272727;
	text-decoration:underline;
}
#newscontent2 a {
	color: #505a83;
	text-decoration: none;
}

/****************** FOOTER STYLES ******************************/
#footer {
	background: url(images/footer.png) no-repeat scroll left bottom;
	height: 88px;
	width: 881px;
	clear: both;
}
.footercontent {
	color: #535353;
	margin-left: 217px;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	width: 617px;
	text-align: left;
	font-weight: bold;
	padding-top: 22px;
}

/****************** RIGHT Sidebar STYLES ******************************/
 
 #sidebar2, #sidebarblog {
	background-image: url(images/sidebar_right.png);
	height: 778px;
	width: 376px;
	position: absolute;
	z-index: 1;
	left: 770px;
	top: 50px;
	font-size: 11px;
	line-height: 1.3em;
}
 #sidebar2 h3 span {
	display: none;
}
#sidebarblog .widgets, #sidebar2 .widgets {
	margin-top: 222px;
	width: 175px;
	margin-left: 110px;
}
.widgets li{
	list-style-image: none;
	list-style-type: none;
	}
.widgets  li a {
	color: #535353;
	text-decoration: none;
}
.widgets  li a:hover {
	color: #272727;
	text-decoration: none;
}
#sidebar2 h3, #sidebar2 h3 a:link, #sidebar2 h3 a:visited, #sidebarblog h3, #sidebarblog h3 a:link, #sidebarSC h3, #sidebarSC h3 a:link, #sidebarSC h3 a:visited{
	color: #4A5C86;
	text-transform: uppercase;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:15px;
}

#sidebarSC {
	background-image: url(images/sidebarSC.png);
	height: 778px;
	width: 376px;
	position: absolute;
	z-index: 1;
	left: 770px;
	top: 50px;
	font-size: 12px;
	line-height: 1.3em;
}
#sidebarSC .widgets  {
	margin-top: 300px;
	width: 200px;
	margin-left: 125px;
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	line-height: 1.3em;
}

#hypervisor-login{
	Margin-top:15px;
}

.st-tag-cloud {
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 25px;
}
.screen-reader-text {
	display:none;
}
#searchsubmit  {
	background: #67708D url(none);
	overflow: hidden;
	cursor: pointer;
	font-family: "Courier New", Courier, monospace;
	color: #F6E8CC;
	font-size: 11px;
	padding:1px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#searchbox {
	background-color: #F6E8CC;
	border: 1px solid #8C91A5;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #666666;
	margin-top: 25px;
	margin-bottom: 10px;
}
.flickr {
	margin:15px 0px 25px 0px;
}
.tweets {
	margin-bottom:20px;
}
.tweets li {
	padding: 5px 0px 5px 0px;
}
.tweets li a {
	color: #4a5c86;
}
/****************** STORE POSTs ******************************/

.storefront {
	width: 150px;
	float: left;
	text-align: center;
	margin: 8px;
	padding: 12px;
	border: 1px solid #b0aba6;
	background-color: #cec8c2;
}
#store{
	width:600px;
	text-align: justify;
	float: left;
	margin-left: 75px;
}
#store h1{
	color: #4a6f47;
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	text-transform: uppercase;
	text-decoration: none;
}
#store1, #store5 {
	background-color: #cec8c2;
	border: 1px solid #b0aba6;
	padding: 15px;
	text-align: center;
	margin-bottom: 7px;
}
#store2, #store3, #store4 {
	background-color: #cec8c2;
	border: 1px solid #b0aba6;
	padding: 15px;
	margin-bottom: 7px;
	text-align: justify;
}
#store2 h3, #store3 h3, #store4 h3, #store5 h3{
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color: #4a6f47;
}
.storecontent {
	margin: 10px 0px 50px 0px;
	padding: 0px 0px 50px 0px;
}
#store1, #store2, #store3, #store4, #store5 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #272727;
	line-height: 1.5em;
}
#store a{
	color: #4a6f47;
}
#store  a:hover {
	color: #272727;
	text-decoration:underline;
	}
#store ul{
	padding: 0px 25px 0px 50px;
}