@charset "utf-8";

html,body{
	background-color:#f2f2f2;
	margin:0;
	padding:0;	
	/*	font-size:12px;		font-weight: normal;*/
	color: #666666;	
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Lucida Grande",  Tahoma, Verdana, Candara, sans-serif;*/
	font-size: x-small; /* IE5 Win */
	font-size: small;
	font-size:12px;	
	height:100%;	
}

p {
	padding-top: 0px;
	padding-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	margin:0px;
}

#searchResults {
	padding-top: 10px;
	padding-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	
	margin:0px;
}

#pDivider {
	width:680px;
	border-bottom-style:solid;
	border-color:#cccccc;	
	border-width:1px;
	clear:both;
}
#pDividerWhite {
	width:680px;	
	border-bottom-style:solid;
	border-color:#ffffff;	
	border-width:1px;
	clear:both;
}

.contactLeft #pDivider{
	width:570px;
}
.contactLeft #pDividerWhite{
	width:570px;
}

a img {
	border: none; 
} 

.boldText{
	font-size:18px;	
	color: #f2f2f2;
}

/*General page header*/
h1{
	color:#cc0000;	
	font-size:20px;	
	font-weight:normal;	
	margin:10px;
	
	/*margin-top:10px;	
	margin-left:10px;*/
	
	padding-left:0px;
	padding-right:0px;	
	padding-top:0px;
	padding-bottom:0px;
	/*display: inline;*/
	clear:none;
}

/*Home page items*/
h2{	
	color:#cc0000;	
	font-size:20px;	
	font-weight:normal;	
	margin:0px;
	margin-top:10px;	
	margin-left:80px;
	
	padding-left:0px;
	padding-right:0px;	
	padding-top:0px;
	padding-bottom:10px;
	/*display: inline;*/
	clear:none;
}

/*Footer*/
h3{	
	font-size:16px;	
	/*font-weight:bold;*/	
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	color:#999999;	
	/*clear:left;*/
}

.textRight
{
	text-align:right;
	padding:0px;
	margin:0px;
	clear:both;
}

.smallText{
	font-size:10px;	
}

.italic
{
	font-style:italic;
}
.bold
{
	font-weight:bold;
}

a{	
	text-decoration: none;
	color:#cc0000;
	font-weight:none;
}

a:hover, a:active {		
	text-decoration:underline;
}


/*nav bar blocks --------------------------------------------------*/
#menuBlockLayout1{
	margin:0 auto;
	width:100%;
	min-width:1000px;
	text-align:left;	
	height:60px;	
	/*background-image:url(../images/navBtnTopBlockOverTile.jpg);
	background-repeat:repeat-x;*/
}

#menuBlockLayout1Inner{
	margin:0 auto;
	width:1000px;
}

#menuBlockLayout1 ul{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}
#menuBlockLayout1 li{
	display:block;
	float:left;
}
#menuBlockLayout1 li a, .current{
	/*background-image:url(../images/navBtnTopBlockTile.jpg);
	background-repeat:repeat-x;*/
	margin:0 1px;	
		
	display:block;		
	text-decoration:none;	
	
	font-size:18px;
	color: #666666;		
	
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:0px;
		
	height: 50px;
}
#menuBlockLayout1 li a span{
	font-size:10px;
	font-weight:normal;
}
#menuBlockLayout1 li a:hover, .current{
	color:#000000;	
	/*background-image:url(../images/navBtnTopBlockOverTile.jpg);
	background-repeat:repeat-x;*/
	text-decoration:none;
}
#menuBlockLayout1 li a:hover span{
	color:#000000;
}

#navSmallText
{
	font-size:10px;
	clear:both;
}
.current {

}

.current span{
	font-size:10px;
	font-weight:normal;
}
/*end nav block --------------------------------------------------*/


/*-------------------------------------------------------------------------*/
#search{	
	text-align:right;
	vertical-align:top;
	float:Right;	
	margin-top:14px;
	/*margin-left:0px;*/
	margin-right:10px;
}

/*
#headerFlash{
	padding:0px;
	padding-top:0px;
	margin-left:0px;
	margin-right:0px;
	height:280px;
	width:800px;;
	background-color:#000000;
}
#contactInfoTopRight a{	
	text-decoration: none;
	color:#ffcc00;
	font-weight:normal;
}

#contactInfoTopRight a:hover, a:active {		
	color:#f2f2f2;
	text-decoration:none;
}*/

#logo{	
	left:0px;
	top:0px;
	height:100px;
	width:1000px;
	/*float:left;*/
	margin-left:0px;
	padding:0px;
	background-image:url(../images/systemxdesign.jpg);
	background-repeat:no-repeat;
}

#topBlock_container{
	text-align:left;
	/*background-color:#242424;*/
	height:160px;	
	width:1000px;
	margin:0 auto;
	/*width:100%;*/
}
/*inside topBlock_Container*/
#topBlock{
	text-align:left;
	margin:0 auto;
	width:1000px;
	height:100px;
	/*background-color:#242424;*/
	min-width:1000px;
}

#navBar{
	margin:0 auto;
	width:100%;
	text-align:right;
	background-color:#333333;
	height:30px;
	
	background-image:url(../images/navTile.jpg);
	background-repeat:repeat-x;
}
#navBarInner{
	text-align:right;
	margin:0 auto;
	width:1000px;
}
/*header -------------------------------------------------*/
#headerNav {	
	float:right;
	padding:0px; 
	margin:0; 
	list-style:none; 
	clear:both;
}
#headerNav li {
	float:left;
	margin-right:4px;
	margin-top:5px;
	
}

/*.selectedPageLink li a {	
	background:#242424;
	color:#f2f2f2;
}
.selectedPageLink
{
	background:#242424;
	color:#f2f2f2
}*/

#headerNav li a {
	font-weight:bold;
	/*font-family: "Corbel",  Arial, Helvetica, sans-serif;	
	font-size:smaller;*/
	font-size:11px;
	
	margin-right:1px;	
	padding-left:5px;
	padding-right:5px;	
	padding-top:4px;
	padding-bottom:4px;	
	display:block;
	background:#eeeeee;
	color:#333333;
	text-decoration:none;
	position:relative;
}
#headerNav li a:hover {
	background:#ffffff;
	color:#000000;
}
/*All Corners */
 .lt, .rt, .lb, .rb {background:url(../images/corners.jpg); position:absolute; height:5px; width:5px; display:block;}
 .lt, .lb {left:0px;}
 .lt, .rt {top:0px;}
 .rt, .rb {right:0px;}
 .rb, .lb {bottom:0px;} 
  
 #headerNav a .lt {background-position:0px 0px;}
 #headerNav a .rt {background-position:-5px 0px;}
 #headerNav a .lb {background-position:0px -5px;}
 #headerNav a .rb {background-position:-5px -5px;}
 
 #headerNav a:hover .lt {background-position:-10px 0px;}
 #headerNav a:hover .rt {background-position:-15px 0px;}
 #headerNav a:hover .lb {background-position:-10px -5px;}
 #headerNav a:hover .rb {background-position:-15px -5px;}

/* end header -------------------------------------------------*/

#imageBar{
	text-align:left;
	/*background-color:#ffffff;
	height:100px;	*/
	margin:0 auto;
	
	width:1000px;
	/*width:100%;	
	min-width:1000px;*/
	
	border-bottom-style:solid;
	border-color:#999999;	
	border-width:1px;
	
}

#imageText{
	width:1000px;
	margin:0 auto;
	height:100%;
}

#imageText h1{
	font-size:20px;	
	font-weight:normal;
	float:left;
	color:#999999;
	/*background-color:#242424;*/	
	width:1000px;
	margin:0px;	
	padding:10px;
	padding-bottom:20px;
	padding-top:20px;
}

#homeImageBar_container{
	/*background-image:url(../images/mainImage.jpg);
	background-repeat:repeat-x;	*/
	margin:0 auto;
	height:100%;
}


#aboutImageBar_container{
	/*background-image:url(../images/mainImage.jpg);
	background-repeat:repeat-x;	*/
	margin:0 auto;
	height:100%;
}
#hostingImageBar_container{
	/*background-image:url(../images/mainImage.jpg);
	background-repeat:repeat-x;	*/
	margin:0 auto;
	height:100%;
}

#portfolioImageBar_container{
	/*background-image:url(../images/mainImage.jpg);
	background-repeat:repeat-x;	*/
	margin:0 auto;
	height:100%;
}

#tutorialsImageBar_container{
	/*background-image:url(../images/mainImage.jpg);
	background-repeat:repeat-x;	*/
	margin:0 auto;
	height:100%;
}
#resultsImageBar_container{
	/*background-image:url(../images/mainImage.jpg);
	background-repeat:repeat-x;	*/
	margin:0 auto;
	height:100%;
}


#contactImageBar_container{
	/*background-image:url(../images/mainImage.jpg);
	background-repeat:repeat-x;	*/
	margin:0 auto;
	height:100%;
}


#container{
	text-align:left;
	width:1000px;
	margin:0 auto;
	background-color:#ffffff;				
}

#homeBlockItem{
	width:480px;	
	height:150px;
	
	background-image:url(../images/homeBlock.jpg);
	background-repeat:no-repeat;
	float:left;			
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;	
	margin-bottom:5px;		
	padding:0px;
}

#homeBlockItem p {
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 20px;
	padding-right: 20px;
	margin:0px;
}

#leftSide{
	width:680px;
	float:left;		
	margin-left:0px;
	margin-right:20px;
	margin-top:0px;	
	margin-bottom:0px;	
	
	/*background-color:#f2f2f2;*/
	
	padding:0px;
	padding-bottom:10px;
	padding-right:0px;
}

#rightSide{	
	width:300px;
	float:left;		
	margin:0px;	
}

#rightSideItem{
	margin-top:10px;
	width:100%;	
	height:200px;
	
	background-image:url(../images/shortBlock.jpg);
	background-repeat:no-repeat;	
	
	float:left;			
	padding-left:10px;
}

#portfolioSmallImg{
	width:400px;
	margin-left:10px;
	padding:10px;
	border-style:solid;
	border-width:thin;
	border-color:#242424;	
	
	float:left;
}
#portfolioRight{
	width:200px;
	height:138px;
	
	margin-left:10px;
	margin-bottom:20px;
	
	padding:10px;
	
	border-style:solid;
	border-width:thin;
	border-color:#242424;	
	
	/*background-image:url(../images/portfolioZoom.jpg);
	background-repeat:no-repeat;*/
	
	float:left;
}


#code{
	padding:20px;
	background-color:#F2F2F2;
	font-family:"Courier New", Courier, monospace;
	border-style:solid;
	border-width:thin;
	border-color:#242424;
}

#codeComment{
	color:#999999;
}
/*#rightSideItemHosting{
	margin-top:10px;
	width:100%;	
	height:200px;	
	background-image:url(../images/shortBlockHosting.jpg);
	background-repeat:no-repeat;	
	float:left;			
	padding-left:10px;
}*/

/*#mainBodyBlock{
	width:538px;	
	
	border-width:1px;
	border-left-style:solid;

	border-right-style:solid;
	
	border-color:#000000;	
	
	min-height:600px;	
	
	float:left;			
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;	
	margin-bottom:0px;	
	padding:0px;
	padding-right:0px;		
}


*/
.quoteCredit{
	font-size:10px;
	float:left;	
	padding-left:20px;
	/*color:#cc0000;	*/
}

blockquote:first-letter {
  background: url(../images/quoteOpen.jpg) no-repeat left top;
  padding-left: 20px;
  font-size:20px;
  font-style:italic;
  font-family:Georgia, Georgia, Arial, Helvetica, sans-serif;
 /* font: italic 1.3em Georgia, Arial, Helvetica, sans-serif;*/
}

blockquote {
	/*background: url(../images/quoteClose.jpg) no-repeat right bottom;*/
  	padding-left: 20px;	
  	font-size:14px;
	font-style:italic;
  	font-family:Georgia, Georgia, Arial, Helvetica, sans-serif;
	/*font: italic 1.1em/1.6em Georgia, Arial, Helvetica, sans-serif;*/
  	
	margin-left:1px;
	width: 240px;
   
  	padding-right: 10px;
  	text-indent: -20px;
}

#homeLinks
{
	width:795px;
	height:30px;	
	float:left;
	background-color:#000000;
	background-image:url(../images/homeLinks.jpg);
	background-repeat:no-repeat;
}
/*-------------------------------------------------------------------------*/
/*CONTACT------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
.contactLeft{		
	width:570px;
	
	background-color:#f2f2f2;
	
	float:left;
	clear:none;		
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;	
}

.map{	
	width:390px;
	height:390px;	
	margin:10px;
	padding-left:10px;
	padding-top:10px;
	float:right;

	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-color:#242424;	
	border-width:1px;
}

.footer{
	clear:both;
	/*background-color:#242424;
	background-image:url(../images/footerTile.jpg);
	background-repeat:repeat-x;	
	
	min-width:1000px;*/
	margin:0 auto;
	width:1000px;
	

	padding:0px;
	
	border-top-style:solid;
	border-color:#999999;	
	border-width:1px;
	
	font-size:11px;
}

.footer a, .footer a{	
	color: #cccccc;
	text-decoration: none;
	/*font-weight:bold;*/
}

.footer a:hover, .footer a:hover{
	color:#f2f2f2;
}

.footerContent
{
	margin:0 auto;
	width:1000px;
	text-align:center;
}

.footerTop
{	
	text-align:center;
	font-style:italic;
	/*font-weight:bold;*/
	color:#bbbbbb;
	font-size:12px;
	/*padding-top:40px;
	*/
	height:80px;
/*	background-image:url(../images/logoFooter.jpg);
	background-repeat:no-repeat;	*/
}
.footerBottom
{	
	width:100%;
	text-align:left;
	padding-bottom:10px;	
	min-height:200px;
	color:#999999;
	/*font-weight:bold;*/
	
	/*background-color:#242424;*/
	
}

.footerOne
{	
	width:200px;
	min-height:100px;	
	float:left;
	background-image:url(../images/logoOnBlack.jpg);
	background-repeat:no-repeat;
	
}
.footerTwo
{	
	padding-left:20px;
	padding-top:20px;
	width:190px;
	float:left;
	min-height:100px;
	background-image:url(../images/divider.jpg);
	background-repeat:no-repeat;
}
.footerThree
{	
	padding-top:20px;
	padding-left:20px;
	width:190px;
	float:left;
	min-height:100px;
	background-image:url(../images/divider.jpg);
	background-repeat:no-repeat;
}
.footerFour
{	
	padding-top:20px;
	padding-left:20px;
	width:190px;
	float:left;
	min-height:100px;
	background-image:url(../images/divider.jpg);
	background-repeat:no-repeat;
}
.footerFive
{	
	padding-top:20px;
	padding-left:20px;
	width:150px;
	float:left;
	min-height:100px;
	background-image:url(../images/divider.jpg);
	background-repeat:no-repeat;
	
}


/*#footerSectionLinks{
	clear:both;	
	padding:0px;	
	padding-top:12px;
}

#footerLinks a, #footerSectionLinks a{	
	font-size:11px;
	color: #666666;
	text-decoration: none;
	font-weight:normal;	
}

#footerLinks a:hover, #footerSectionLinks a:hover{
	color:#333333;
}*/
/*-------------------------------------------------------------------------*/
/*FORM    -----------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}

input
{
color: #666666;
/*background: #f2f2f2;*/
border: 1px solid #cccccc;
}

textarea
{
color:  #666666;
/*background: #f2f2f2;*/
border: 1px solid #cccccc;
}

.submit input
{
color: #000000;
/*background: #000000;*/
border: 4px outset #f7f7f7;
}

fieldset
{
border: 1px solid #cccccc;
width: 20em
}


#table_format table {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
}

#table_format caption {
	color: #993333;
	padding-bottom: 6px;
}

#table_format th, #table_format td {
	padding: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align:left;				
}

#table_align_center
{
	text-align:center;
}

/*sxd logo text layout*/
.sxd
{	
	font-family: "Corbel",  Arial, Helvetica, sans-serif;
	line-height:90%;
	padding-top:10px;
}
/*on dark bg*/
.system
{	
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	color:#cccccc;
}
.x
{
	font-size:20px;
	font-weight:bold;
	color:#cc0000;
	padding-right:1px;
}
.design
{
	font-size:12px;
	letter-spacing: 0.3em;	
	color:#cc0000;
}
.sxd a{	
	text-decoration:none;
}
.sxd a:hover, a:active {
	text-decoration:underline;	
}

/*on white bg*/
.systemOnWhite
{	
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	color:#666666;
}
.xOnWhite
{
	font-size:20px;
	font-weight:bold;
	color:#666666;
	padding-right:1px;
}
.designOnWhite
{
	font-size:12px;
	letter-spacing: 0.3em;	
	color:#666666;
}

/*green text for link*/
.systemGreen
{	
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	color:#cc0000;
}
.xGreen
{
	font-size:20px;
	font-weight:bold;
	color:#cc0000;
	padding-right:1px;
}
.designGreen
{
	font-size:12px;
	letter-spacing: 0.3em;	
	color:#cc0000;
}