body {
    background-color: #FFF;
    font-family: Tahoma;
    text-align: center;
}
img {
    border: none;
}
ul, li {
    margin: 0;
    padding: 0;
}
#content {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
#header {
    width: 100%;
    height: 70px;
    position: relative;
}
#logo {
    position: absolute;
    top: 10px;
    left: 0;
}
#contactinfo {
    position: absolute;
    top: 0;
    right: 8px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 10pt;
    color: #767676;
}
#contactinfo a {
    color: #767676;
    text-decoration: none;
}
#contactinfo a:hover {
    text-decoration: underline;
}
#menu {
    position: absolute;
    top: 25px;
    right: 0;
    width: 620px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 11pt;
    background-color: #FFF;
}
#navspan {
    width: 620px;
    height: 20px;
    background-color: #FFF;
}
.navitem {
    padding: 0;
    margin: 0;
}
.navitem a {
    margin: 0 0 1px 0;
    padding: 2px 5px;
    text-decoration: none;
    color: #000;
}
#navslide {
    width: 535px;
    height: 5px;
    position: relative;
}
#navslide img {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 65px;
    top: 2px;
}
#surgeplatform {
    position: absolute;
    display: none;
    top: 24px;
    left: 206px;
    width: 83px;
    height: 33px;
    font-size: 8pt;
    background: url(/Media/Images/surgeplatform.png) no-repeat;
}
#surgeplatform a {
    padding: 3px;
    color: #000;
    text-decoration: none;
    display: none;
}
#surgeplatformtext {
    position: absolute;
    top: 17px;
    left: 4px;
}
#surgeplatformtext:hover {
    text-decoration: underline;
}
.underline {
    text-decoration: underline;
}
.italic {
    font-style: italic;
}
#surgesub {
    display: none;
    background: url(/Media/Images/surgesub.png) repeat-y;
    width: 64px;
    height: 84px;
    position: absolute;
    top: 55px;
    left: 248px;
}
#surgesub a {
    text-decoration: none;
    color: #000;
    font-size: 8pt;
    display: none;
}
#surgesub a:hover {
    text-decoration: underline;
}
#surgesub_overview {
    position: absolute;
    top: 7px;
    left: 1px;
}
#surgesub_framework {
    position: absolute;
    top: 31px;
    left: 1px;
}
#surgesub_controls {
    position: absolute;
    top: 55px;
    left: 1px;
}
#surgesub_modules {
    position: absolute;
    top: 75px;
    left: 1px;
}
#servicesub {
    display: none;
    width: 190px;
    height: 117px;
    background: url(/Media/Images/servicesub.png) repeat-y;
    position: absolute;
    top: 25px;
    left: 290px;
}
#servicesub a {
    text-decoration: none;
    color: #000;
    font-size: 9pt;
    position: absolute;
    left: 0px;
    padding: 3px;
    display: none;
}
#servicesub a:hover {
    text-decoration: underline;
}
#services_overview {
    top: 4px;
}
#software_design {
    top: 24px;
}
#software_development {
    top: 44px;
}
#sharepoint_solutions {
    top: 64px;
}
#mobile_application {
    top: 84px;
}
#software_integration {
    top: 104px;
}
#footer {
    width: 960px;
    position: relative;
    margin: 10px 0 0 0;
}
#footer p {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 35px;
    left: 0;
    font-size: 9pt;
}
#footer #certified_partner {
    width: 236px;
    position: absolute;
    left: 400px;
    top: 0;
}
#footer #terms_privacy {
    position: absolute;
    right: 0;
    top: 35px;
    font-size: 8pt;
}
#footer #terms_privacy a {
    padding: 0 5px;
    text-decoration: none;
    color: #000;
}
#content_blue { 
    margin: 20px 0 0 0;
    width: 960px;
    min-height: 480px;
    background: url(/Media/Images/bluebackground.jpg) no-repeat;
}
#cloud {
    padding-left: 20px;
}
#surgesub_menu_items {
    width: 100%;
    padding: 20px 0 0 0;
}
#surgesub_menu_items a {
    padding: 5px 30px;
}
#servicesub_menu_items {
    width: 100%;
    padding: 20px 0 0 0;
}
#servicesub_menu_items a {
    padding: 5px 15px;
}
#surgesub_menu_slider {
    position: relative;
}
#surgesub_menu_slider img {
    position: absolute;
    top: 0;
}
#content_blue_text {
    width: 575px;
    float: left;
    font-family: Arial;
    font-size: 9pt;
    color: #036387;
    padding-left: 40px;
    margin-top: 20px;
}
#content_blue_text img 
{
	border:2px solid #036387;
	clear:both;
	margin-bottom:20px;
}
#content_blue_text p {
    
}
#content_blue_image {
    width: 270px;
    float: right;
    padding: 40px 50px 0 0;
}
#homepage_content {
    position: relative;
}

#homepage_content p {
    font-family: Segoe UI, Tahoma, Arial;
    color: #000;
    font-size: 10pt;
    width: 650px;
    position: absolute;
    top: 0px;
    left: 180px;
}
#features {
    padding-top: 80px;
    position: relative;
}
#features div {
    width: 320px;
    height: 200px;
    float: left;
    cursor: pointer;
    position: relative;
}
#feature_1 {
    background-image: url(/Media/Images/feature1.jpg);
    position: relative;
}
#feature_2 {
    background-image: url(/Media/Images/feature2.jpg);
    position: relative;
}
#feature_3 {
    background-image: url(/Media/Images/feature3.jpg);
    position: relative;
}
#features h1 {
    text-align: center;
    font-size: 16pt;
    color: #036387;
    padding: 0;
    margin: 0;
    font-family: Segoe UI, Tahoma, Arial;
    width: 150px;
}
#features img {
    position: absolute;
    top: 0;
    left: 0;
}
#features ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 10pt;
    color: #4c4c4c;
}
#features ul li {
    padding: 0;
    margin: 0;
}
#feature_1 ul {
    padding: 73px 0 0 160px;
}
#feature_2 h1 {
    padding: 2px 0 0 85px;
}
#feature_2 ul {
    padding: 12px 0 0 160px;
}
#feature_3 h1 {
    padding: 2px 0 0 90px;
}
#feature_3 ul {
    padding: 10px 0 0 162px;
}
#bigslider {
    background: url(/Media/Images/bigslide_background.jpg) no-repeat;
    margin-top: 20px;
    width: 960px;
    height: 220px;
    position: relative;
}
#bigslider_container {
    overflow: auto;
    width: 920px;
    height: 180px;
    position: absolute;
    top: 20px;
    left: 20px;
}
#bigslider_item_container {
    width: 1380px;
}
#bigslider_item_container div {
    width: 230px;
    height: 160px;
    float: left;
}
.scrollgeneric {
    line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;
}
.hscrollerbase {
    height: 11px;
    background-color: #FFF;
}
.hscrollerbar {
    height: 11px;
    background: url(/Media/Images/bigslidecontrol.jpg) repeat-x top left;
    z-index: 2;
    left: 0;
    right: 0;
}
.hscrollerbarbeg, .hscrollerbarend {
    display: none;
}
#scrollRight {
    position: absolute;
    top: 87px;
    right: 3px;
    width: 23px;
    height: 25px;
    cursor: pointer;
}
#scrollLeft {
    position: absolute;
    top: 87px;
    left: 3;
    width: 23px;
    height: 25px;
    cursor: pointer;
}

.section
{
    font-size: medium;
}