.marg {
padding-top: 0px;
}

p { text-align: justify; } 

#maincontainer{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 390px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 390px; /*Width of left column*/
margin-left: -980px; /*Set left margin to -(MainContainerWidth)*/
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.blueRect {
background: url(../images/middle/middleblueract.gif) no-repeat left top;
padding:10px 20px 20px 5px; 
width: 340px;
font-size: 1.3em;
color: #FFFFFF;
}

.whitetext
{
white-space:wrap;
margin-top:10px;
margin-bottom:10px;
margin-right:18px;
margin-left:18px;
color: #FFFFFF;
font-size: 1.0em;
}


.whitetextsmall
{
color: #FFFFFF;
font-size: 1.0em;
text-align: center; 
padding: 10px 0px 0px 0px;
}

.whitetextB
{
color: #FFFFFF;
font-size: 1.4em;
font-weight: bolder;
margin:0px 0px 0px 10px;
}


.whitetextLearnMore
{
white-space:wrap;
margin-top:10px;
margin-bottom:10px;
margin-right:20px;
margin-left:10px;
color: #FFFFFF;
font-size: 1.4em;
}


.grayRect {
background: url(../images/middle/spotlightbg1.jpg) no-repeat left top;
padding: 10px 10px 10px 10px;
top: 175px;
left: 100px;
float: left;
width: 236px;
height: 100px;
white-space: normal;
color: #000000;
font-size: 0.9em;
}

.blackText
{
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
margin-left:10px;
color: #000000;
font-size: 1.4em;
}

.blackTexts
{
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
margin-left:0px;
color: #000000;
font-size: 1.2em;
}

.whiteReadMore
{
white-space:wrap;
margin-top:4px;
margin-bottom:10px;
margin-right:20px;
margin-left:175px;
color: #FFFFFF;
font-size: 1.4em;
}

.custSpotLight {
background: url(../images/customerspotlight.gif) no-repeat left top;
padding-top: 0px;
width: 265px;
height: 117px;

}

.custSpotLightLogo {
padding-top: 20px;
position: Absolute;
float: right;
width: 80px;
height: 73px;
margin-top: 50px;
}

.banner {
background: #FFFFFF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-style:solid;
border-color:#D9D9D9;
border-radius: 10px;
}

.bluebarTop {
background: #FFFFFF url(../images/middle/bluetopbar.gif) no-repeat left top;
padding-top: 0px;
height: 22px;
}

.grayBar {
padding-top: 0px;
float: center;
width: 965px;
background: #F7F7F7;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-style:solid;
border-color:#ff0000 #0000ff;
border-radius: 10px;
}


.bluebarBottom {
background: #FFFFFF url(../images/middle/bluebottombar.gif) no-repeat left top;
padding-top: -5px;
float: center;
width: 980px;
height: 17px; 
}

.whitebg {
background: #F4F4F4 url(../images/middle/whitebackground.gif) no-repeat left top;
}

.col1 {
background: #F7F7F7 url(../images/middle/mobiledevbg.jpg) no-repeat left top;
padding:5px; 
}

.col2 {
background: #F7F7F7 url(../images/middle/webappsbg.jpg) no-repeat left top;
padding:5px;
}

.col3 {
background: #F7F7F7 url(../images/middle/webhostingbg.jpg) no-repeat left top;
padding:5px;
}

.graybox {
padding:40px 8px 0px 60px;
position: relative;
}


.learnmoreblue {
position: relative;
padding:3px 8px 0px 140px;
}