/* CSS Document */
* {
margin:0px;
padding:0px;
}

body {
background-color:#333333;
font-family:Verdana;
font-size:14px;
}

a img, a:link img {
border:0px none;
}

a:hover img {
background-color:#FFFFFF;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#wrapper {
width:750px;
margin-left:auto;
margin-right:auto;
}

#topNav {
width:741px;
height:91px;
background-image:url(../images/topNav.png);
background-repeat:no-repeat;
}

#navBar {
font-size:14px;
position:relative;
top:65px;
}

#whiteBg {
padding:15px;
background-image:url(../images/contentPaper.png);
background-repeat:repeat-y;
width:593px;
float:right;
background-color:#FFFFFF;
position:relative;
right:30px;
}

#cardboardBg {
padding:15px;
background-image:url(../images/cardboardBg.gif);
width:563px;
}

#sideNav {
background-image:url(../images/sidePaper.png);
background-repeat:no-repeat;
color:#0066CC;
width:104px;
height:138px;
padding:5px;
float:left;
text-align:left;
font-size:14px;
position:absolute;
top:120px;
}

#sideNavBar {
width:101px;
}

.hideText {
visibility:hidden;
}

.aboutTitles {
background-color:#FFFFFF;
color:#0066CC;
font-weight:bold;
padding-left:20px;
position:relative;
left:-15px;
width:573px;
}

.aboutHeading {
color:#0066CC;
font-weight:bold;
padding-left:20px;
position:relative;
left:-20px;
width:583px;
}

.blueText{
color:#0066CC;
}

.highlight{
color:#666666;
background-color:#EFF70E;
}

#aboutBg{
background-color:#FFFFFF;
color:#333333;
padding:5px;
}

/*Styles for branding page*/
#brandBg{
width:593px;
text-align:center;
position:relative;
left:-15px;
}

.brandImage{
margin-left:auto;
margin-right:auto;
width:533px;
background-image:url(../images/brandingShowBg.gif);
background-repeat:no-repeat;
background-position:center;
background-color:#FFFFFF;
padding:5px;
}

.brandText{
color:#666666;
background-color:#FFFFFF;
text-align:left;
margin-left:auto;
margin-right:auto;
width:533px;
padding:5px;
}


/*Styles for internet, concept and multimdia page*/
#showcaseBg{
width:593px;
text-align:center;
position:relative;
left:-15px;
}

.showcaseImage{
margin-left:auto;
margin-right:auto;
width:563px;
background-color:#FFFFFF;
padding:5px;
}

.showcaseText{
color:#666666;
background-color:#FFFFFF;
text-align:left;
margin-left:auto;
margin-right:auto;
width:563px;
padding:5px;
}

/*Styles for contact form page*/
#myCard{
background-image:url(../images/myCard.png);
background-repeat:no-repeat;
clear:both;
width:300px;
height:200px;
}

#contactDetails{
position:relative;
left:80px;
top:110px;
}

.contactTitle{
background-image:url(../images/contactTitleBg.png);
background-repeat:no-repeat;
position:relative;
left:-20px;
width:146px;
height:21px;
padding-top:5px;
padding-left:40px;
background-position:center;
}

#phoneNumber{
position:relative;
top:5px;
}

#emailAdd{
position:relative;
top:30px;
}

#formContainer{
background-color:#FFFFFF;
color:#0066CC;
padding:10px;
}

fieldset{
width:400px;
padding:5px;
border-style:none;
}

label{
text-align:right;
float:left;
}

legend{
padding:5px;
color:#FFFFFF;
background-color:#0066CC;
font-weight:bolder;
}

input{
float:right;
width:300px;
border:none;
border-bottom:solid;
border-bottom-width:thin;
border-bottom-color:#0066CC;
}

#submitBtn{
position:relative;
top:80px;
left:100px;
width:100px;
border:none;
background-color:#EFF70E;
}

textarea{
float:right;
width:300px;
height:100px;
border:none;
background-image:url(../images/textareaBg.gif);
}

/*Footer CSS*/
#footer{
position:relative;
left:85px;
padding-top:60px;
padding-left:20px;
padding-right:20px;
height:100px;
width:650px;
background-image:url(../images/footerPaper.png);
background-repeat:no-repeat;
}

#logo{
float:left;
background-image:url(../images/myLogo.png);
background-repeat:no-repeat;
width:90px;
height:84px;
}

#footerText{
float:left;
position:relative;
left:20px;
width:500px;
margin-left:auto;
margin-right:auto;
}

#backTop{
float:right;
width:80px;
height:83px;
}

#ie6Message{
visibility:hidden;
}
