body {
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #052834;
	background-color: #FFFFFF;
	margin: 0px;
	height: auto;
}

 
#top-banner {
	background-image: url(images/top-banner-bg.jpg);
	height: 122px;
	position: relative;
	top: 0px;
	width: 100%;
	background-repeat: repeat-x;
	text-align: left;
}

#top-banner        #hold{
	width: 990px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#top-banner #logo {
	height: 33px;
	position: relative;
	left: 18px;
	top: 11px;
	font-size: 11px;
	text-transform: uppercase;
	color: #8dd02d;
	font-weight: bold;
	line-height: 50px;
	width: 400px;
	float: left;
}

#top-banner #phone {
	background-image: url(images/netmastery-phone.gif);
	float: right;
	position: relative;
	height: 35px;
	width: 310px;
	top: 11px;
	right: 5px;
}
#top-banner #menu {
	position: relative;
	float: left;
	left: 18px;
	top: 36px;
	width: 960px;
	height: 34px;
}



#left-shadow {
	background-image: url(images/body-bg-left-repeat.jpg);
	background-repeat: repeat-x;
	width: 50%;
	position: relative;
	float: left;
	height: 814px;
}
#right-shadow {
	background-image: url(images/body-bg-right-repeat.jpg);
	background-repeat: repeat-x;
	width: 50%;
	position: relative;
	float: left;
	height: 814px;

}

#wrapper {
	position: relative;
	height: auto;
	text-align: center;
	left: 0px;
	background-image: url(images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	width: 100%;
}
#holder  {
	background-image: url(images/body-1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#content   {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#intro       {
	height: 335px;
	width: 983px;
	position: relative;
	clip: rect(auto,auto,auto,auto);
}
#left       {
	width: 370px;
	height: 330px;
	position: relative;
	float: left;
	left: 420px;
	text-align: left;
	color: #FFFFFF;
}
#left   li   a       {
	color: #055891;
	text-decoration: none;
}
#left   h1       {
	color: #79DADF;
	font-size: 40px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 25px;
	margin-bottom: 0px;
}
#left   h2       {
	color: #075b95;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
}
#left   ul       {
	color: #055891;
	font-weight: bold;
	margin-top: 17px;
	margin-left: 0px;
	padding-left: 10px;
	font-size: 12px;

}
#left   li       {
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 3px;
}
#quote         {
	height: 180px;
	width: 135px;
	position: absolute;
	top: 140px;
	left: 225px;
	text-align: center;
}
.btn-quote-index {
	background-image: url(images/quote-intro.png);
	background-repeat: no-repeat;
	height: 109px;
	width: 110px;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
.btn-quote-index-hov {
	background-image: url(images/quote-intro-hov.png);
	background-repeat: no-repeat;
	height: 109px;
	width: 110px;
	text-align: center;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
#right       {
	background-image: url(images/call-bg.png);
	height: 287px;
	width: 168px;
	float: right;
	margin-right: 5px;
	top: 25px;
	position: relative;
}
#right   a:link,#right a:active,  #right   a:visited              {
	color: #052834;
	text-decoration: underline;
}
#right   a:hover       {
	color: #052834;
	text-decoration: none;
}
#right     img       {
	margin-top: 30px;
}
#right   p       {
	padding-left: 18px;
	text-align: left;
	padding-right: 15px;
}
#portfolio-holder        {
	background-image: url(images/portfolio-bg.png);
	background-repeat: no-repeat;
	height: 137px;
	width: 960px;
	position: relative;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#portfolio-holder img {
	text-decoration: none;
	border: 5px solid #C3DDA2;
}

#maintext     {
	width: 930px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float:left;
	background-image: url(images/maintext-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto;
	min-height: 346px;
	top: 15px;
	padding-top: 46px;
	padding-left: 30px;
	left: 15px;
}
.box            {
	width: 180px;
	float: left;
	text-align: left;
}
.darkblue        {
	color: #228497;
}
.box    h1        {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
}
.box    h2        {
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
.spliter            {
	background-image: url(images/maintext-spliter.gif);
	height: 425px;
	width: 56px;
	position: relative;
	float: left;
}
.green        {
	color: #82c537;
}
.lightblue        {
	color: #27bfce;
}
#maintext   a:link,#wrapper #holder  #content   #maintext   a:active,#wrapper #holder  #content   #maintext   a:visited     {
	color: #82C537;
	text-decoration: underline;
}
#maintext   a:hover     {
	color: #82C537;
	text-decoration: none;
}
#bottom {
	width: 100%;
	position: relative;
	height: auto;
	min-height: 310px;
	float: left;
	background-repeat: repeat-x;
	background-position: bottom;
	top: 0px;
	padding-bottom: 20px;
	background-image: url(images/bottom-bg-repeat.gif);
}
#bottom-holder    {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#bottom-holder-middle-left       {
	width: 702px;
	float: left;
	position: relative;
	left: 10px;
	height: 200px;
}

#bottom-graybox-middle-left-top {
	width: 702px;
	height: 20px;
	text-align: left;
	background-image: url(images/gray-box-top.gif);
}
#bottom-graybox-middle-left {
	background-color: #EDEDED;
	width: 662px;
	height: auto;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
}
#bottom-graybox-middle-left-bottom {
	width: 702px;
	height: 20px;
	text-align: left;
	background-image: url(images/gray-box-bottom.gif);
	margin-bottom: 30px;
}
#bottom-graybox-middle-left   > h1{
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#bottom-graybox-middle-left a:link, #bottom-graybox-middle-left a:active, #bottom-graybox-middle-left a:visited  {
	text-decoration:underline;
	color: #228497;
}
#bottom-graybox-middle-left a:hover  {
	text-decoration:none;
}
#bottom-graybox-middle-left-p     {
	padding-left: 20px;
	text-align: left;
}

#bottom-graybox-middle-left-p h2 {
	font-size: 14px;
	font-weight: bold;

}
#bottom-holder-middle-right      {
	float: left;
	width: 210px;
	position: relative;
	left: 30px;
	height: auto;
}
#bottom-holder-middle-right  a    {
	text-decoration:underline;
	color:#052834
}
#bottom-holder-middle-right   #green img    {

	border: 5px solid #c3dda2;
}
#bottom-holder-middle-right #blue     {
	float: left;
	background-image: url(images/right-blue-box.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
	min-height:230px;
	width: 178px;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-top: 5px;
}
#bottom-holder-middle-right #green     {
	float: left;
	background-image: url(images/right-green-box.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
	min-height:230px;
	width: 178px;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
}
h3 {
	color: #094b7f;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
}
#footer {
	width: 100%;
	position: relative;
	height: auto;
	min-height: 150px;
	float: left;
	top: 0px;
	background-color: #383838;
}
#footer-holder {
	width: 920px;
	position: relative;
	height: auto;
	min-height: 110px;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
}
#footer-holder-left {
	width: 20%;
	position: relative;
	height: auto;
	float:left;
	color: #2d97ac;
	text-align: left;
	margin-right:20px;
	margin-bottom: 10px;

}
#footer-holder-left  h1 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}
#footer-holder-left a:link, #footer-holder-left a:active, #footer-holder-left a:visited {
	color: #2d97ac;
	text-decoration:none;
}
#footer-holder-left a:hover {
	color: #2d97ac;
	text-decoration:underline;
}
#footer-holder-left strong {
	color: #B1B0B0;
	font-weight: bold;
	font-size: 12px;
}
#footer-holder-middle, #footer-holder-middle2 {
	width: 25%;
	position: relative;
	height: auto;
	float:left;
	color: #82c538;
	text-align: left;
	margin-right:20px;
	margin-bottom: 10px;
}
#footer-holder-middle h1, #footer-holder-middle2 h1 {
	position: relative;
	color: #82c538;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}
#footer-holder-middle a:link, #footer-holder-middle a:active, #footer-holder-middle a:visited {
	color: #82c538;
	text-decoration:none;
}
#footer-holder-middle a:hover {
	color: #82c538;
	text-decoration:underline;
}
#footer-holder-middle strong {
	color: #B1B0B0;
	font-weight: bold;
	font-size: 12px;
}
#footer-holder-middle2 a:link, #footer-holder-middle2 a:active, #footer-holder-middle2 a:visited {
	color: #82c538;
	text-decoration:none;
}
#footer-holder-middle2 a:hover {
	color: #82c538;
	text-decoration:underline;
}
#footer-holder-middle2 strong {
	color: #B1B0B0;
	font-weight: bold;
	font-size: 12px;
}
#footer-holder-right {
	width: 18%;
	position: relative;
	height: auto;
	float:right;
	color: #b1b0b0;
	text-align: right;
	right: 0px;
}
#footer-holder-right a{
	color: #b1b0b0;
	text-decoration: underline;

}
#footer-copyright {
	width: 100%;
	position: relative;
	height: 30px;
	float: left;
	top: 0px;
	background-color: #2b2b2b;
	color: #646567;
	padding-top: 10px;
}
#bottom-holder ul {
	margin-left: 0px;
	padding-left: 10px;
	list-style-type: none;
}
#bottom-holder li {
	background-image: url(images/bullet-white.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	line-height: 18px;
}
#holder-subpage  {
	background-image: url(images/body-2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	width: 100%;
	clear: left;
}
#holder-subpage-2 {
	background-image: url(images/body-3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	z-index: 0;
	top: 0px;
	width: 100%;
	position: relative;
}
#holder-subpage-3 {
	background-image: url(images/body-4.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#holder-subpage-4 {
	background-image: url(images/body-5.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#holder-subpage-5 {
	background-image: url(images/body-6.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#holder-subpage-6 {
	background-image: url(images/body-7.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 814px;
	min-height: 814px;
	position: relative;
	clear: left;
	width: 100%;
}
#subpage-maintext    {
	width: 930px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float:left;
	background-image: url(images/maintext-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 700px;
	top: 15px;
	padding-top: 46px;
	padding-left: 30px;
	left: 15px;
	min-height: 920px;
	height: auto;
}
#subpage-intro {
	height: 150px;
	width: 983px;
	position: relative;
}
#subpage-intro-headlines {
	width: 470px;
	height: 150px;
	position: relative;
	float: right;
	text-align: right;
	color: #FFFFFF;
	right: 10px;
}
#subpage-intro-headlines h1 {
	color: #BEE2E0;
	font-size: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 25px;
	font-weight: normal;
	margin-bottom: 0px;
}
#subpage-intro-headlines h2 {
	color: #06365E;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
}
#subpage-intro-headlines a {
	color: #BEE2E0;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	text-decoration: underline;
}
#subpage-maintext-left {
	width: 652px;
	position: relative;
	left: 10px;
	height: auto;
	text-align: left;
	float: left;
}
#subpage-maintext-left p {
	font-size: 12px;
	font-weight: normal;
}
#subpage-maintext-left div {
	text-align: left;
	margin-bottom: 20px;
	position: relative;
	float: left;
}

a:link, a:active, a:visited {
	color: #82C538;
	text-decoration: underline;
}
a:hover {
	color: #82C538;
	text-decoration: none;
}
#subpage-maintext-left h1, #subpage-maintext-3columns-center h1 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#subpage-maintext-3columns-center {
	width: 414px;
	float: left;
	position: relative;
	left: 10px;
	text-align: left;
}
#subpage-maintext-3columns-center p {
	font-size: 12px;
	font-weight: normal;
}
#subpage-maintext-3columns-left-holder {
	height: 100px;
	width: 218px;
	float: left;
	position: relative;
	margin-right: 20px;
}
#subpage-maintext-3columns-left {
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
	background-image: url(images/box-black.gif);
	background-repeat: no-repeat;
	padding: 20px;
}
#subpage-maintext-3columns-left ul {
	text-align: left;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#subpage-maintext-3columns-left li {
	text-align: left;
	list-style-type: none;
	padding-left: 25px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	line-height: 20px;
}
#subpage-maintext-3columns-left a:link, #subpage-maintext-3columns-left a:active, #subpage-maintext-3columns-left a:visited {
	text-decoration: underline;
	color: #228497;
}
#subpage-maintext-3columns-left a:hover {
	text-decoration: none;
	color: #052834;
}
/* portfolio slide start*/
.stepcarousel{
position: relative; /*leave this value alone*/
left:auto;
right:auto;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
margin-left: 30px; 
margin-right: 30px; 
height: 130px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 20px; 
margin-bottom: 20px; 
margin-left: 5px; 
margin-right: 5px; 
width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.bump {
	border: 5px solid #C3DDA2;
	margin-right: 15px;
	margin-bottom: 15px;
}