@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:url(images/bg.jpg); font-family:"Trebuchet MS", Verdana, Arial, "Lucida Sans"; color: #FFFFFF; font-size:12px; line-height:18px}
h1,h2,h3{ margin:0; padding:0; line-height:normal}
ul,li{ margin:0; padding:0; list-style:none; text-indent:0; list-style:none}
body img{ border:0}
a { color:#ff8b40; text-decoration:none} 
a:hover { text-decoration: underline} 
#main{ width:861px; margin:0 auto; padding-top:78px}
/*christmas top changes*/
#main-1{ width:861px; margin:0 auto; padding-top:78px}
#main-2{ width:861px; margin:0 auto; padding-top:20px}
#main-3{ width:861px; margin:0 auto; padding-top:20px}
/**/
#header{ background:url(images/header.gif); height:159px}
/*christmas top changes*/
#header-1{ background:url(images/header-snowman.gif); height:159px}
#header-2{ background:url(images/header-santa.gif); height:217px}
#header-3{ background:url(images/header-santa-snowman.gif); height:217px}
#header-win{ background:url(images/header-win.gif); height:159px}
/**/
#content{ background:#151515; padding-left:11px; padding-right:11px}
#pagescontent{ background:#151515;  padding-bottom:10px}
#slidingeheader{ height:175px;}
.home2columnscontent{ background:url(images/2columns.jpg) center repeat-y; margin-top:16px}
.plaintext{padding-left:40px; padding-right:40px; padding-bottom:20px; padding-top:5px}
.leftcolumn, .rightcolumn{ float:left; width:388px; padding-left:15px; padding-right:15px}
.clear{ clear:both}
.imagereplacment{ text-indent:-9000px; overflow:hidden; background-repeat: no-repeat}
.softwaredev{ background-image:url(images/software-and-web-development.jpg); height:70px}
.qoute{ background-image:url(images/slice01.gif); height:45px}
.middleline{text-decoration:line-through}
.list li{ background:url(images/list.jpg) 0 14px no-repeat; padding-left:18px; padding-top:8px }
.arrowedlink a { display:block; color: #FFFFFF; text-decoration:none; background: url(images/arrow.gif) right #444444 no-repeat; border-top:1px solid #6f6f6f; padding:5px 0 5px 10px}
.arrowedlink a:hover { background-color:#4d4d4d}
.pcbottombg{ background: url(images/pcbottombg.jpg) bottom repeat-x; padding-bottom:2px; margin-top:16px;}
.portfoliocontainer{  background:url(images/portfoliocontainerbg.jpg) top repeat-x #131313;}


.portfoliounit{ border-top:3px solid #ff8b40; padding:16px 13px 16px 13px; width:180px;height:247px;background:url(images/portfoliounit.jpg) top repeat-x #191919;  float:left; margin-right:5px;}
.portfoliounit h2{ padding-top:10px; text-transform:uppercase;font-size:18px;}
.portfoliounit h2 a{ color:#FFFFFF}
.portfoliounit h2 a:hover{ color:#ff8b40}

#footer{ background:url(images/footer.gif) top  center no-repeat; padding-top:38px; text-align:center; padding-bottom:38px; font-size:10px; color:#525252}
.mazered{ color:#d35d18}
.portolioimage{ position:relative; padding-left:2px; padding-top:3px; cursor:pointer}
.portolioimagebg{ background:url(images/portfoliobg.png); width:179px; height:113px; display:block; position: absolute; top:0; left:0}
#logo a{ width:427px; height:121px; display:block; outline:none; text-indent:-9000px; overflow:hidden}
/*christmas top changes*/
#logo-1 a{ width:427px; height:122px; display:block; outline:none; text-indent:-9000px; overflow:hidden}
#logo-2 a{ width:427px; height:180px; display:block; outline:none; text-indent:-9000px; overflow:hidden}
#logo-3 a{ width:427px; height:180px; display:block; outline:none; text-indent:-9000px; overflow:hidden}
/**/
#navigation{ padding-left:127px; height:20px; font-family: "Century Gothic", Century, Arial;}
#navigation li{ width:100px; float:left; padding-right:2px}
#navigation a{ display:block; float:left; width:100px; height:20px;  text-align:center; font-weight:bold; color:#FFF; font-size:14px;  line-height:normal}
#navigation li#home{ padding-left:2px; width:106px; padding-right:2px}
#home a{ width:106px}
#navigation  a:hover{ background:url(images/hover.png) center; text-decoration:none}
#navigation li.first a:hover{ background:url(images/hover.png) left;}
#navigation li.page-item-15 a:hover{ background:url(images/hover.png) right;}
#navigation li.page-item-15 a{ width:106px}

.portfoliopagecontainer{ margin-left:10px; margin-right:10px;border-bottom:3px solid #ff8b40;}

.portfoliobigunit{ border-top:3px solid #ff8b40; padding:15px; margin-bottom:2px}

.portfolioleft{ float:left; width:180px}
.portfolioright{ float: left;; width:590px; padding-left:15px }

.arrowediv{color: #FFFFFF;  background: url(images/arrow.gif) right #444444 no-repeat; border-top:1px solid #6f6f6f; padding:5px 0 5px 10px; width:388px}
.tall{ width:auto;}
.arrowediv:hover { background-color:#4d4d4d}
.tagscolor a{ color:#FFFFFF}
.fixedheight  p{ margin:0; padding:0}
.fixedheight { min-height:50px; padding-top:5px; padding-bottom:4px}

.yellowheader{  font-size:16px; padding-top:30px; padding-bottom:20px}

.yellowtxt, #hideme.yellowtxt, .yellowheader{ color:#ff8b40;}



/*Forms Standard Style*/

.submitform, .submitform li{ padding:0; margin:0; list-style:none; color:#fff}
.submitform{}
.submitform label{ float:left; display:block; width:100px; padding-right:35px; font-weight:bold;  }
.submitform li{ padding-top:16px; display:block;  clear:left;  }
.textinput{width:246px; height:18px; background-color: #222222; border:1px solid #4b4b4b; padding-top:2px; padding-left:2px; color:#FFFFFF }
#textarea{width:500px; height:20px; background-color: #222222; border:1px solid #4b4b4b; padding-top:2px;padding-left:2px;; overflow:auto; height:145px; color:#FFFFFF  }

.textinput:hover, .textinput:focus, #textarea:hover, #textarea .textinput:focus{opacity:0.7; filter:alpha(opacity=70)}

li.rightalign{ text-align:right; padding-right:5px; padding-top:30px}
#hideme{  font-weight:bold; padding-left:135px; display:none }

/*end forms style*/


.footerdiv{  border-top:3px solid #ff8b40; background: url(images/gradiant.jpg) top repeat-x #191919; border-bottom:1px solid #080808; margin-left:10px; margin-right:10px}
.footerdivline{ border-bottom:1px solid #151515; padding:20px; color:#FFFFFF}
.footercontact{ padding-top:20px}
.footercontactleft{ float:left; width:350px}
.footercontactright{ float:left; width:450px}
.footercontactright label{ float:left; display:block; width:100px; padding-right:35px; font-weight:bold;  }
.footercontactright li{ display:block;  clear:left; }

/*hosting*/
.hosting_row li{padding:10px;margin:1px;float:left;width:238px;background-color:#2e2e2e;}
.hosting_row li:hover{background-color:#4d4d4d;}
.hosting_row li:hover.nobg{background-color:#2e2e2e;}
.hosting_row li.title{padding-top:30px;color:#a5a5a5}
.hosting_row li span{font-size:15px;}
.hosting_row li span.shared{color:#0bc466}
.hosting_row li span.signature{color:#6fbff0}
.hosting_row li span.managed{color:#fee044}

/*blog*/
.blog_code{border: 1px solid rgb(0, 0, 0); padding: 5px; background-color: rgb(238, 238, 238); color:#000;margin-bottom:10px;}
.blog{line-height:20px}

/*comments*/
#comments {
	padding: 0;
	margin: 40px auto 20px ;
}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
/*
#vuvuzella {
min-width:341px;
position: fixed;
z-index: 5;
bottom: 0px;
} 
*/