﻿/* Masterpage CSS */

#delimiter 
{
    clear: both;
}

#blogContent 
{
    width: 595px;
    float: left;
}

#blogSidebar 
{
    padding-top:35px;
    padding-left:75px;
    width: 250px;
    float: right;
}

#blogSidebar ul
{
    list-style-type:none;
}

h4
{
    padding:0px;
    margin:0px;
}

.faceLike
{
    background-color:#D0D0FF;
	-moz-border-radius:10px;
    border-radius:10px;
    border-style:solid;
	border-width:2px;
	border-color:#430A64; 
	padding-top:12px; 
	padding-left:5px;
	padding-right:5px;
    width:300px;         
}

.reTweet
{
    padding-top:5px;
    padding-left:30px;    
    float:left;
}

body
{
    font-family:verdana, helvetica, arial, sans-serif;
    font-size:13px;
    background-color:#3A4043;
    padding-bottom:350px; 
    padding-top:10px;
}

a, a:visited
{
    color:#5F497A;
    font-weight:bold;
    text-decoration:none;
}

a:hover, a:visited:hover
{
    color:#ECA019;
}

img
{
    border-style:none;
    border-width:0px;
}

p
{
    text-align:justify;
}

h1
{
    font-weight:bold;
    font-size:20px;
    color:#5F497A;
}

h2
{
    font-weight:bold;
    font-size:18px;
    color:#5F497A;
}

h3
{
    color:#5F497A;
}

#page
{
    width:970px;
    margin-left:auto;
    margin-right:auto;
    background-color:White;
    padding-bottom:20px;
}

#validPage
{
    padding-top:15px;
    width:970px;
    margin-left:auto;
    margin-right:auto;
}

#validPage img
{
    padding-left:20px;
    padding-bottom:10px;
}

.right
{
    float:right;
}

div#heading
{
    height:380px;
}

div#heading div#pageLogo
{
    padding-left:15px;
    float:left;
}

div#heading div#menu
{
    padding-top:30px;
    padding-right:50px;
    margin-left:auto;
    text-align:right;
}

div#heading div#menu a.icon
{
    background:url(Images/cube.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:23px;
}

div#heading div#menu a
{
    font-size:14px;
}

div#heading div#menu a.current
{
    color:#ECA019;
}

div#heading div#banner
{
    background-repeat:no-repeat;
    background-position:top;
    margin-top:10px;
    height:160px;
    width:970px;
    padding-top:150px;
    z-index:-1;
}

div#heading div#coreValue
{
    font-size:22px;
    font-weight:bold;
    text-align:left;
    color:White;
    font-style:italic;
    padding-right:30px;
    background-color:Black;
    width:400px;
    height:36px;
    padding-top:5px;
    text-align:right;
    display:none;
}

div#pageTitle
{
    padding-left:25px;
    margin-top:-70px;
    padding-bottom:20px;
}

div#mainContent
{
    padding-left:25px;
    padding-right:25px;
}

div#footer 
{
    padding-top:20px;
    clear:both;
}

div#footer div#footerContent
{
    font-size:10px;
    color:#8A8A8A;
    padding-right:50px;
    padding-top:10px;
}

div#footer hr
{
    color:#5F497A;
    background-color:#5F497A;
    height:4px;
}

div#footer div#footerLogo
{
    width:180px;
    padding-left:20px;
    display:inline-block;
}

div#footer div#address
{
    display:inline-block;
    width:300px;
}

div#footer div#phone
{
    display:inline-block;
    width:180px;
    padding-left:100px;

}

div#footer div#webDetails
{
    text-align:right;
    display:inline-block;
    padding-left:20px;
}

div#twitface
{
    display:inline-block;    
}

div#copy
{
    display:inline-block;
    text-align:center;
    vertical-align:top; 
    padding-left:230px;   
}

div#copyright
{
    color:White;
    width:250px;
    text-align:center;
}

div#validation
{
    display:inline-block;
    padding-left:130px;    
}

div.contentLeft
{
    float:left;
    width:450px;
}

div.contentRight
{
    margin-left:475px;
}

div.developmentService
{
    height:110px;
    width:450px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
}

div.developmentService div.icon
{
    float:left;
    width:100px;
}

div.developmentService div.text
{
    margin-left:120px;
    vertical-align:middle;
    height:100px;
}

div.developmentService div.text span
{
    font-style:italic;
    text-align:justify;
}

div#ourServices, div#ourTechnologies
{
    padding-bottom:20px;
}

table tr.even
{
    background-color:#F7F7F7;
}

.field-validation-error
{
    color:Red;
}

/* Home/Index CSS */

div#servicesOffered
{

}

div#indexContent div#whatWeDo
{
    clear:both;
}

div#servicesOffered div.developmentOption
{

    width:210px;

}

div#servicesOffered div.developmentIcon
{
    text-align:center;
    padding-bottom:5px;
}

div#servicesOffered div.developmentText
{
    text-align:center;
    padding-bottom:5px;
}

div#indexContent div#servicesLeft
{
    width:180px;
    float:left;
}

div#indexContent div#servicesRight
{
    margin-left:240px;
}

div#zero41Summary
{
    height:250px;
    padding-top:2px;
}

div#whatsHappening
{
    min-height:120px;
    padding-top:1px;
}

div#zero41Summary div.image
{
    float:left;
    padding-left:10px;
}

div#zero41Summary div.text
{
    padding-left:100px;
}

div#howWeDoIt
{
    height:400px;
}

div#howWeDoIt div.text
{
    float:left;
    width:280px;
}

div#howWeDoIt div.image
{
    padding-top:55px;
    padding-left:300px;
}

div#bugFree div.image
{
    float:left;
    width:150px;
}

div#bugFree div.text
{
    padding-left:200px;
    height:110px;
}

div#whatsHappening
{
    height:250px;
}

div#whatsHappening div.blogPreview
{
    padding-bottom:10px;
}

div#whatsHappening div.blogPreview div.text
{
    padding-left:15px;
    padding-right:15px;
}

/*  Home/Services CSS */

div.contentLeft div.text p#rememberToContact
{
    font-style:italic;
    text-align:center;
}

/* Software/Index CSS */

div#openSourceBenefits
{
    padding-left:20px;
    padding-right:20px;
}

div#softwareDevelopmentContent div.contentLeft table th
{
    width:120px;
    text-align:left;
    vertical-align:top;
}

div#softwareDevelopmentContent div.contentLeft table td
{
    padding-bottom:10px;
    text-align:justify;
}

/* Website/Index CSS */

div#webApplicationBenefits
{
    padding-left:20px;
    padding-right:20px;
}

div#webDevelopmentContent div.contentLeft table th
{
    width:170px;
    text-align:left;
    vertical-align:top;
}

div#webDevelopmentContent div.contentLeft table td
{
    padding-bottom:10px;
    text-align:justify;
}

/* Database/Index CSS */


/* Mobile/Index CSS */


div#mobileDevelopmentContent div.contentRight
{
    padding-top:60px;            
}

/* Home/ContactUs CSS */

div#contactUsContent div#supportEnquiries
{
    padding-top:13px;
}

div#contactUsContent div#phoneImage
{
    text-align:center;
}

div.contactDetails
{
    padding-left:20px;
}

div.contactDetails th
{
    width:80px;
    text-align:left;
    vertical-align:top;
}

div#contactForm
{
    padding-left:20px;
}

div#contactForm th
{
    width:180px;
    text-align:left;
    vertical-align:top;
}

div#contactForm table input
{
    width:240px;
}

div#contactForm td
{
    padding-bottom:10px;
}

div#contactForm p
{
    font-weight:bold;
}

div#contactForm textarea
{
    width:420px;
    height:130px;
}

div#contactForm div
{
    padding-bottom:20px;
}

div#contactForm input[type="submit"]
{
    width:100px;
}

div#followUs 
{
    padding-top:20px;
}

#followUs a
{
    padding-left:20px;
}
/* Home/About */

div#aboutIntro div
{
    height:150px;
}

div#aboutIntro div.image
{
    text-align:center;
    padding-top:30px;
}

div#aboutContent div#coreValues
{
    text-align:center;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:30px;
}

div#aboutContent div#coreValues table td
{
    height:40px;
    text-align:justify;
    vertical-align:top;
}

div#aboutContent div#coreValues table th
{
    vertical-align:top;
    text-align:left;
    width:220px;
}

/* Mobile/iPhone CSS */

    
div#iPhoneContent div.contentRight div#iphonesalesimage

{
    padding-left:50px;        
}

div#iPhoneContent div.contentRight div#iphoneImage
{
    float:inherit;
    display:inline-block; 
    margin-left:50px;
    margin-top:50px;   
}

div#iPhoneContent div.contentRight div#iphoneImage2
{

    display:inline-block;  
}

div#whytheiphone

{
    padding-top:20px    
}

/* Mobile/iPad CSS*/

div#ipadContent div.contentRight div#ipadImage

{
    padding-left:100px;
    padding-top:50px;
}

/*cansoftwarehelp CSS*/

/* Blog CSS */

div#blog
{
    padding-left:15px;
}

div#blog div#content
{
    float:left;
    width:520px;
}

div#blog div#sidebar
{
    margin-left:560px;
    padding-left:20px;
}

div#blog div#sidebar div#categories, div#blog div#sidebar div#archives
{
    padding-top:1px;
    padding-left:20px;
    padding-bottom:15px;
    display:none;
}

div#blog div#sidebar div#categories, div#blog div#sidebar div#archives, div#blog div.post div.summary
{
    border-style:solid;
    border-width:2px;
    border-color:#300052;
    padding:20px;
}

div#blog div#sidebar div#archives
{
    margin-top:20px;
}

div#bugFreeContent div.contentLeft div#bugFreeImage
{
    padding-left:70px;
}

div#bugFreeContent div.contentRight div#bugFreeText
{
    padding-right:30px;    
}

div#bugFreeContent div.contentLeft
{
    padding-top:20px;
    padding-bottom:20px;
}

div#pieceByPieceContent div.contentLeft
{
    width:350px;
}

div#pieceByPieceContent div.contentLeft div#pieceByPieceImage
{
    padding-left:120px;
    padding-top:50px;    
}

div#pieceByPieceContent div.contentRight
{
    padding-right:20px;
    margin-left:400px;    
}

.listContent
{
    list-style-type:none;
    padding-bottom:10px;
    padding-top:5px;    
}

div#blog div.post div.summary div.categories
{
    display:none;
}

/* PageNotFound */

div#pageNotFound
{
    height:200px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
}

div#pageNotFound p
{
    text-align:center;
}

/* Error */

div#errorOccured
{
    height:200px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
}

div#errorOccured p
{
    text-align:center;
}
