/* inline elements
*************************/
html, body { margin:0; padding:0; height:100%; /* needed for container min-height */ font-family:arial, sans-serif; font-size:11px ; line-height: 18px; color:#333; background: url(/images/bg.gif) repeat-x #6CCDFF;}
strong { font-weight: bold; }
div,span{text-align:left; vertical-align:top; text-align: left;}
tr,th,form,ol,dd,dt,blockquote{vertical-align:top; text-align: left;}
input,select,textarea{font-size:8pt; }
ul{ margin: 0; padding: 0; }
li {margin: 0; padding: 0; }
h1 { font-size: 16px; font-weight:normal; padding-bottom: 7px; padding-top:10px; margin: 0; color:#0087ce;}
h2 {font-size: 13px; line-height: 20px; font-weight: normal; color:#0087ce; padding: 15px 0 10px 0px; margin: 0 auto;}
h3 {color:#a58d34; font-weight: normal; padding: 10px 0 8px 0;}
p {padding: 0 0px 8px 0px; margin: 0 auto }
ol {padding-bottom: 0;}
ol li {padding-bottom:10px;}
img {border: 0; overflow:hidden;}
.fl {float: left; }
/* Links
*************************/
a img { border: 0; text-decoration: none;}
a:link{color:#8D212E}
a:visited{color:#8D212E}
a:hover{color:#534343}
.homeprojecthead{color:#FFFFFF; font-size:11px; padding-right:10px}
a.homeprojecthead{color:#FFFFFF; text-decoration:none; font-size:10px; line-height: 13px;}
a.homeprojecthead:visited{color:#FFFFFF; text-decoration:none;}
a.homeprojecthead:hover{color:#b6e6ff; text-decoration:underline; text-decoration:none;}
/* positioning
*************************/
div#container { position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ width: 841px; background:#FFF; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ }
div#header { padding: 0; background:#ddd; padding: 94px 0 6px 7px; height:34px; background: url(/images/brandrally_header.gif) no-repeat 0 0; margin:0; list-style:none; position:relative; height: 27px; overflow:hidden; }
div#content { padding:0 0 35px 0 ; /* bottom padding for footer */ background-color:#FFF; }
div#footer { position:absolute; width:100%; bottom:0; /* stick to bottom */ height: 35px; }
/* Navigation Home Page */
#header ul {padding:0; margin:0; list-style:none; float:left; overflow:hidden; }
#header li {float:left; overflow:hidden; list-style:none;}
#header li a {text-decoration: none; overflow:hidden;}
#header li span {position: relative; left: -9384px; overflow:hidden;}
.nav {display: block; background: url(/images/menu.gif) no-repeat; height: 27px; }
/* Home */
.nvhome {width: 78px; background-position: 0 0; }
.nvhome:hover {background-position: 0 -27px;}
/* About */
.nvabout {width: 122px; background-position: -78px 0; }
.nvabout:hover {background-position: -78px -27px;}
/* Services */
.nvservices {width: 123px; background-position: -200px 0; }
.nvservices:hover {background-position: -200px -27px;}
/* Portfolio */
.nvportfolio {width: 74px; background-position: -323px 0; }
.nvportfolio:hover {background-position: -323px -27px;}
/* Contact */
.nvcontact {width: 80px; background-position: -397px 0; }
.nvcontact:hover {background-position: -397px -27px;}
/* div labels
*************************/
#contain {padding: 0 7px 0 7px;}
#results {padding: 5px 0 0 0; width: 211px;}
#welcome {padding: 5px 0 0 0; width: 425px; margin-left: 4px;}
#projects {width: 181px; }
#quicklaunch { text-align: center;}
#portfolio {padding: 0 0 5px 0;}
#bodytext { color:#797979; padding: 15px 90px 15px 50px; font-size:12px; line-height:23px; }
#bodytext ul{ margin: 0 0 8px 4px ; padding: 0; list-style:none; }
#bodytext li {margin: 0; padding: 0 0 0px 10px; margin: 0; padding: 0 0 3px 15px; list-style: none; background: url(/images/bullet.gif) 0 5px no-repeat;}
#portfolioleft {padding: 0 0 0 ; width: 628px;}
#portfolioright {padding: 0 0 0 0; width: 194px; margin-left:5px;}
#headingportfolio { background-image: url(/images/right-end.gif); background-repeat: no-repeat; background-position: right; }
#portfolioimg { background:#f6f6f6; padding: 10px 0 10px 15px; }
#portfoliodesc { background:#f6f6f6; line-height:16px; color: #7e7e7e; padding: 10px 35px 8px 25px; }
/*TD */
.portfolioitems {height:10px;}
td.contactleft {padding: 5px 0px 5px 0px; width: 120px; border-bottom: dashed 1px #d2d2d2;}
td.contactright {padding: 5px 0px 5px 0px; border-bottom: dashed 1px #d2d2d2;}
/* Input Fields */
.inputbox { Font-Size: 11px; border:solid 1px #A5ACB2; background-color: #ffffff; color:#595d61; margin: 0; padding: 2px; width: 205px;}
.enquirybox { Font-Size: 11px; border:solid 1px #b5b5b5; background-color: #ffffff; color:#595d61; margin: 0; padding: 2px; width: 250px;}
/* div classes
*************************/
.foot {height: 35px; padding: 3px 0 0 25px; background: url(/images/footer_img.gif) no-repeat; font-size:10px; color:#959595; background-position: bottom; }
.homeleft {width: 640px; padding: 0 0 0 0;}
.homeright {margin-left:5px;}
.resultstext {height:254px; background: url(/images/lower_grey.gif) bottom no-repeat #ebebeb; color:#797979; padding: 4px 15px 15px 15px;}
.welcometext {height:254px; background:url(/images/lower_grey_2.gif) bottom no-repeat #ebebeb; color:#797979; padding:4px 15px 15px 15px;}
.welcometext ul{ margin: 0 0 8px 4px ; padding: 0; list-style:none; }
.welcometext li {margin: 0; padding: 0 0 0px 10px; margin: 0; padding: 0 0 3px 15px; list-style: none; background: url(/images/bullet.gif) 0 5px no-repeat;}
.pbg {background: #6dcdff;}
.lbg {background: #f6f6f6;}
.designitem{padding: 0 0 9px 0; background:url(/images/divide.gif) bottom no-repeat #6dcdff;}
.icon {padding-left: 8px; width:50px;}
.icontext {width: 120px; padding-bottom:5px;}
.fieldhead { height: 20px; color:#797979; padding-left:10px;}
.field {padding-left:10px;}
.formelement {font-size:11px ; line-height: 18px;}
.portfoliodesc1 { background:#f6f6f6; line-height:16px; color: #7e7e7e; padding: 0 35px 8px 15px;}
.quicklauncher { background:#f6f6f6; padding-top: 10px; padding-bottom: 8px; text-align:center}
.projectbase {padding-bottom:3px;}
.col {background: #ebebeb;}
.gospace {height:5px;}
.sm {padding-top:5px;}
.dv {padding-right:5px;}
.sidelaunch {color: #7e7e7e; font-size:11px; padding-left:10px; padding-right:10px; padding-bottom:6px}
a.sidelaunch {color:#7e7e7e; text-decoration:none; font-size:10px}
a.sidelaunch:visited {color:#999999}
a.sidelaunch:hover{color:#7e7e7e; text-decoration:underline;}
.CON1 {width: 345px;font-size:11px ; line-height: 19px; color:#333;}
.CON2 {background-color: #5da9d9;font-size:11px ; line-height: 19px; color:#333;}
.CON3 {padding-top: 9px; width: 345px; background:url(../images/dotted.gif) top no-repeat ;font-size:11px ; line-height: 19px; color:#333;}
.CON4 {width: 100px; height: 25px;}
/* input fields
*************************/
button { display: block; height: 23px; width: 23px; background: url(../../images/go.gif) 0 0 no-repeat; cursor: pointer; border: 0; margin: 0; left: -9384px; text-indent: -200px;}
button:hover {background-position: 0 -23px;}
.fielditem {color:#333; width: 150px; ; border:1px solid #e4e4e4; padding: 5px; }
.inputPrompt {color:#fff; width: 148px; height:23px; border: 0; padding: 5px 0 0 30px; background: url(../../images/search.gif) 0 0 no-repeat;}
.projectquick{color: #3F4045; background-color: #F6F6F6; border: 1px solid #5BA2C8; font-size: 11px; }
.loginfields { FONT-SIZE: 12px; border:solid 1px #D2D2D2; background-color: #ffffff; color:#797979; margin: 0; padding: 0;}
.inputbutton{border: 0; border-top-color: #D2DCFA;border-left-color: #D2DCFA;padding: 0.25em;background-color: #C1CFF7;color: #253E88;font-size: 12px;font-weight: bold;font-family: Arial, Helvetica, sans-serif}
/* clearfix
*************************/
.CF:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.CF {display:inline-block;}
/* IE mac \*/
.CF {display:block;}