/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; min-width:997px}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#222;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#cc0033; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#333399; text-decoration:none; font-weight:bold  }
.link:hover{text-decoration:underline }

.button{color:#ffffff; background:url(images/button.gif) top left no-repeat; font-weight:bold; padding:8px 17px 11px 12px; text-decoration:none; display:block; margin-left:301px  }
.button:hover{text-decoration:none; color:#b9e125 }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.png) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
#content #list_style2 li {padding:3px 0 5px 10px; color:#222;}
#content ul li a{color:#fff; font-weight:bold; text-decoration: underline; line-height:2em} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content .ul li a{color:#7c7c7c; font-weight:bold; text-decoration: underline; line-height:2em} 
#content .ul li a:hover { text-decoration:none; }

/*Link Styles */
.link-1 { display:block; float:right; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; font-size:1.58em}
.link-1 b { display:block;padding:4px 14px 12px 12px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#ffcc00}

.link-2 { display:block; float:right; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; font-size:1.58em}
.link-2 b { display:block; padding:4px 14px 12px 12px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#333399}
.link-2a {color:#f0f0f0; padding-left:20px; font-weight:bold;}
.link-2a:hover{ text-decoration:none; color:#99ccff;}

.link-3 { display:block; float:right;color:#ffffff; text-decoration:none; }
.link-3 em { display:block; font-size:1.58em}
.link-3 b { display:block; padding:4px 14px 12px 12px; font-style:normal;}
.link-3:hover{ text-decoration:none; color:#cc0033}

.link-4 { display:block; background:url(images/link_bg4.gif) top repeat-x; float:left; color:#ffffff; text-decoration:none; }
.link-4 em { display:block; background:url(images/link_left4.gif) no-repeat left top; font-size:1.58em}
.link-4 b { display:block; background:url(images/link_right4.gif) no-repeat right top; padding:4px 14px 12px 12px; font-style:normal;}
.link-4:hover{ text-decoration:none; color:#99ccff}

.link-5 { display:block; float:right; color:#cc0033; text-decoration:none; }
.link-5 em { display:block; font-size:1.58em}
.link-5 b { display:block; padding:4px 14px 12px 12px; font-style:normal;}
.link-5:hover{ text-decoration:none; color:#888}


.text_link1 a:link, .text_link1 a:visited { text-decoration:none; color:#fff; font-weight:bold; border-bottom: 2px dotted #99ccff; padding-bottom:3px;}
.text_link1 a:hover { color:#ffcc00; border:none;}

/*header*/
#header {font-size:1.1875em; color:#888989; }
#header h1 {color:#abdc20; font-size:5.36em; padding:0 0 0 56px; line-height:1.2em;  }
#header h1 a{ text-decoration:none}
#header h1 a span{color:#06cbca; text-transform:uppercase; font-size:.75em;  }
#header .logo{ margin:0; }
#header .img{margin:-101px 0 0 0; position:absolute;}
#header .indent{margin:450px 0 0 -20px; position:absolute; }
#header .main_logo { margin-top:90px; position:absolute;}
#header .main_logo h1 { height:300px; width:500px; background:url(images/SPM_logo.jpg) no-repeat; text-indent:-9999px;}
#header .main_logo_full { margin:0px; position:absolute; margin-top:-3px;}
#header .main_logo_full h1 { height:241px; width:900px; text-indent:-9999px;}

#header .main_logo_full h1.about { background:url(images/header/about-headline.jpg) left no-repeat; height:243px;}
#header .main_logo_full h1.advert { background:url(images/header/advertising-headline.jpg) left no-repeat;}
#header .main_logo_full h1.consult { background:url(images/header/consult-headline.jpg) left no-repeat;}
#header .main_logo_full h1.web { background:url(images/header/websites-headline.jpg) left no-repeat;}
#header .main_logo_full h1.res { background:url(images/header/resources-headline.jpg) left no-repeat;}
#header .main_logo_full h1.default { background:url(images/header/defaultt-headline.jpg) left no-repeat;}

.slogan{ font-size:2.1em; line-height:1em; letter-spacing:-3px; color:#cc0033; position:relative;}
.slogan b{ font-weight:normal; font-size:1.41em; line-height:1em; color:#1d1f1f; margin-right:10px;}

#header ul{margin:0; padding:32px 0 0 9px; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul li a{background:url(images/bg_menu.gif) top left no-repeat; color:#a7a7a7; text-decoration:none; width:118px; text-align:center; display:block; float:left ; padding:12px 0 23px 0; font-weight:bold} 
#header ul li a:hover { text-decoration:none; color:#222323 }
#header ul li .current{ text-decoration:none; color:#222323 }


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; line-height:1.58em; width:949px}
#content .indent-main{padding:0 0 61px 0}
#content .title{  margin-bottom:16px}
#content div.img-left{ height:150px; margin-right:120px; padding:5px 10px; background:#fff; -moz-border-radius:10px;border:1px solid #ddd; float:left; margin:0 20px 16px 0;}
#content div.img-left img { height:140px;}

#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 7px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content .p2{ margin:0 0 7px 0}
#content ul.p3 li {font-size:11pt; padding-top:2px;}
#content h2{color:#ffffff; font-size:2.58em; margin-bottom:9px; line-height:1.2em }
#content h3{color:#161717; font-size:2.58em; margin-bottom:9px; margin-top:5px; line-height:1.2em  }
#content h4{  font-size:1em; margin-bottom:9px;  }
#content h5{color:#cc0033; font-size:1.2em; margin-bottom:9px;  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
#content .img1{margin:-96px 0px 0 -155px; position:absolute;}
#content .img2{margin:0 0 0 225px; position:absolute;}
#content .img3{margin:93px -48px 0 922px; position:absolute;}

#content .indent{padding:40px 0 0 24px}
#content .indent1{padding:40px 0 0 0}
#content .indent2{padding:10px 24px 0 24px}
#content .indent3{padding:10px 0 0 0}

/*box*/
.box_big{width:100%; height:270px; margin-top:20px;background:url(images/box_big.png) no-repeat; color:#fff;}

.box{ height:270px; width:100%; color:#fff; background:url(images/box.png);}
.box .indent-box{ padding:20px 16px 13px 25px; }
/*box1*/
.box1{  background:url(images/box1.png); height:270px; width:100%; color:#fff}
.box1 .indent-box{ padding:20px 16px 13px 25px; }
/*box2*/
.box2{  background:url(images/box2.png); height:270px; width:100%; color:#fff}
.box2 .indent-box{ padding:20px 16px 13px 25px; }
/*box3*/
.box3{ background:#cacaca; width:100%; color:#7c7d7d}
.box3 .border-top {background:url(images/border_top3.gif) repeat-x top;}
.box3 .corner-top-left {background:url(images/corner_top_left3.gif) no-repeat left top;}
.box3 .corner-top-right {background:url(images/corner_top_right3.gif) no-repeat right top;}
.box3 .corner-top-left-1 {background:url(images/corner_top_left3-1.gif) no-repeat left top;}
.box3 .corner-top-right-1 {background:url(images/corner_top_right3-1.gif) no-repeat right top;}
.box3 .corner-bottom-left {background:url(images/corner_bottom_left3.gif) no-repeat left bottom;}
.box3 .corner-bottom-right {background:url(images/corner_bottom_right3.gif) no-repeat right bottom; width:100%; }
.box3 .indent-box{ padding:20px 18px 20px 25px; }

.imgFX { border:3px solid #fff; -moz-box-shadow:#555 1px 1px 7px; -webkit-box-shadow:#555 1px 1px 7px;}
.clears {clear:both;}

/*footer*/
#footer { color:#9e9d9d; font-size:0.75em}
#footer .indent-footer{ padding:20px 50px 0 25px;}
#footer a {color:#ef277d; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

/*xenio's styles */
.XenioUsedSliders img {display:block;}

#about {height:225px; width:880px; padding:25px 0 0 26px; overflow:hidden;}
#about p {margin-bottom:15px; float:left; font-size:12pt;}
#about  h4, #about strong{font-size:13pt;}
#about_ANG {width:95%; margin:auto;}
#about_ANG p {margin-bottom:10px;}

#advertise_list h5{float:left; min-width:180px; margin:5px 10px 5px 0; font-size:11pt;}
#signup_buttons {float:right; height:170px; width:200px; margin:-10px 0 0 20px;}
#signup_buttons p {width:100%; height:60px; padding-top:28px; font-size: 14pt; text-align:center; background:url(images/box_small.png) no-repeat;}
 
#ad_list { padding:10px 0 0 30px; margin-top:20px; width:940px; height:100px; background:url(images/box_narrow.png) no-repeat; overflow:auto;}
#ad_list ul {list-style-type:none; padding: 0 0 0 20px; margin:0px; color:#222; font-size:11pt;}
#ad_list ul li {float:left; min-width:110px; margin:5px 10px;}
#ad_list ul li a:link, #ad_list ul li a:visited { color:#fff; text-decoration:none;}
#ad_list ul li a:hover, #ad_list ul li a:active { color:#ccccff; margin-left:2px; border-bottom:2px dotted #fff;}

#articles img { margin-top:-10px;}
#articles p{margin-bottom:15px;}
#newcust, #custshop, #profts {}

.fb_div p { margin:15px 10px;}
.fb_div ol, .fb_div ul { margin-left:30px;}
.fb_div  li { margin:10px;}
.fb_div h4 {font-size:18pt; font-weight:normal; padding:15px 0; color:purple;}
.prices { margin:10px 0;}
.divider { padding:0 5px; color:#999;}

.style1 { float:left; width:160px;font-size:11pt; list-style-type:square;}
.style1 li { margin-bottom:10px;}


/*other styles */
#form_response { height:260px; width:500px; margin:20px auto; overflow:auto;}
#form_response2 { height:140px; width:500px; margin:0px auto 40px auto;padding:10px; overflow:auto; text-align:center;}

.jamp{ width:40px; margin-left:6px}
select{ font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-right:10px; float:left}
.h{ height:30px}
.h1{ height:35px; background:url(images/bg_input.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:10px}
.input{
   	border:none; 
	background:none;
	width:203px; height:20px;
	font-size:1em;
	color:#bdbdbd;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
}input{
	width:247px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
	width:247px; height:172px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}