@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url(../images/backgrounds/bg-1.jpg) repeat-x left top;
	margin: 0px 0px 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width: auto;
	height: 100%;
}

h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
a:link {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: underline;
	color: #00CC00;
}
a:visited:hover {
	text-decoration: underline;
	color: #46DC3D;
}
a:visited {
	text-decoration: underline;
	color: #0079C7;
}
a:active, a:focus { outline-style: none; -moz-outline-style:none; }
div.footer {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #4e4f3e;
	background: url(../images/backgrounds/footer.jpg) no-repeat center top;
	margin: 8em auto 0em;
	padding: 4em 0em 0em;
	height: 166px;
	width: 855px;
	clear: none;
	float: none;
	text-align: center;
}



div.main1 {
	margin: 0em auto;
	padding: 0em;
	clear: none;
	float: none;
	width: 1001px;
	background: url(../images/backgrounds/art1.png) no-repeat right top;
}
.head-logo  {
	margin: 0em 0em .5em 3em;
	padding: 0px;
	clear: both;
	float: left;
	background: url(../images/logo/sbp-web-design.png) no-repeat left top;
	text-indent: -9999px;
	height: 126px;
	width: 429px;
}
#flash-container {
	margin: 0em auto 7.5em;
	padding: 4.5em 0em 0em;
	clear: both;
	float: none;
	width: 848px;
}
#main-text {
	background: url(../images/backgrounds/sbp-web-design-text.png) no-repeat center 0px;
	margin: 0em auto 1em;
	padding: 0em;
	clear: both;
	float: none;
	width: 946px;
	height: 270px;
}
#main-text  .main-text-cont  {
	margin: 0em;
	padding: 2.25em 5em 0em;
}

#main-text .sbp {
	font: normal 22px Verdana, Arial, Helvetica, sans-serif;
	color: #3EFC00;
}
#main-text .design {
	font: normal 22px Verdana, Arial, Helvetica, sans-serif;
	color: #0094FF;
}
#main-text  .sbp2 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #3EFC00;
}
#main-text  .design2 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #0094FF;
}
#main-text .exp {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCC00;
}

#main-text p {
	font: normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #a19350;
	text-align: left;
	margin: 12px 0px 0px;
	padding: 0px;
}

#main-text h1 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	text-align: left;
	margin: 0em;
	padding: 0em;
}
#info .web-name {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9966;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.content-text {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0em 0em 0em 5em;
	padding: 0em;
}
.sbp {
	color: #2FE500;
}
.design {
	color: #14A8EE;
}
.content-text h2 {
	color: #FFFFCC;
}
.see-more {
	font: bolder 18px Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC66;
	text-align: center;
}
.tahoma-14 {
	font: 14px Tahoma, Verdana, Arial;
	color: #FF9900;
}
.tahoma-22 {
	font: 24px Tahoma, Verdana, Arial;
	color: #FFCC00;
}