﻿
/* 

Think Design Website 
Created by: Think Design
Commenced: 01/04/2010

*/


/* Generic Styles */
* { margin: 0; padding: 0; font-family: Arial; }
body { font-family: Arial; font-size: 12px; background: #000; }
.left { float: left; }
.right { float: right; }

/* Header Styles */
h1 { font-size: 1.2em; margin: 0 0 10px 0; padding: 0; line-height: 22px; }
h2 { font-size: 1.1em; margin: 0 0 10px 0; padding: 0; line-height: 20px; }
h3 { font-size: 1.1em; margin: 0 0 0px 0; padding: 0; line-height: 20px; font-weight: normal; color: #0B8BAE; font-weight: bold; text-align: justify; }
h4 { font-size: 0.9em; margin: 0; padding: 0; }
h5 { font-size: 0.9em; margin: 0; padding: 0; }
h6 { font-size: 0.9em; margin: 0; padding: 0; }

select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; }

/* Image Styles */
img { border: none; }
img a { border: none; }

/* Clear Styles */
.clear { clear: both; }


/* Background Style */
#wrapper { background: url(../../images/background2.jpg) repeat-y center top; position: relative; z-index: 1; }

/* Background Style */
#maincontainer { width: 957px; margin: 0 auto; overflow: hidden; height: 100%; }

/* Header Styles */
#header { margin-bottom: 0px; height: 120px; position: relative; }

/* Logo */
#logoContainer { margin-right: 21px; float: left; }

/* Search Bar Styles */
#searchBar { float: right; margin: 12px 0 11px 0; width: 320px; }
#searchBar input[type="text"] { background: url(../../images/searchBG.png) no-repeat; width: 220px; border: none; float: left; margin-right: 5px; text-indent: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #656668; vertical-align: middle; padding: 7px; }
#searchBar .searchSubmit { background: url(../../images/searchButton.png) no-repeat; border: 0; height: 28px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; text-transform: capitalize; width: 68px; }

#search { float: right; }

/* Text Wrap */
#textWrap { float: right; margin: 12px 5px 0 0; color: #fff; }
#textWrap a { color: #fff; text-decoration: none; font-size: 11px; }
#textWrap a:hover { color: #fff; text-decoration: underline; }

/* Menu Styles */
#menuWrap { background: url(../../images/menuBar.png) no-repeat; width: 705px; height: 39px; float: left; margin-top: 2px; padding-left: 10px; }

/* Flash Banner */
#flashBanner { width: 957px; height: 300px; margin-bottom: 20px; }

/* Container Styles */
#container { margin-bottom: 20px; }

/* Content Styles */
#content p { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#wording { float: left; }
#wordingTop { background: url(../../images/contentBgTop.png) repeat-y; width: 957px; height: 8px; }
#wordingMiddle { background: url(../../images/contentBgMiddle.png) repeat-y; width: 957px; }
#wordingBtm { background: url(../../images/contentBgBtm.png) repeat-y; width: 957px; height: 8px; }
#wording p { text-align: justify; padding-top: 10px; line-height: 20px; color: #000; }
#text a:link, #wording a:active, #wording a:visited { color: #0B8BAE; }
#text a:hover { color: #0B8BAE; text-decoration: none; background: #FFF; padding: 0px 2px; margin: 0px -2px; }
#text table { font-size: 12px; margin-top: 15px; line-height: 20px; border-spacing: 0px; }
#text label { font-size: 12px; width: 175px; text-align: right; font-weight: bold; color: #000; padding-right: 10px; margin-right: 10px; line-height: 25px; display: block; font-size: 11px; }
#text hr { margin-top: 15px; margin-bottom: 15px; color: #999; background-color: #999; height: 1px; border: 0px; }
#text th { font-weight: bold; border-bottom: 1px solid #999; text-align: left; }

#text { width: 799px; float: left; padding: 40px; }
#text ul { margin-left: 15px; line-height: 20px; }

#text .imageWrap { margin-left: 40px; margin-bottom: 40px; }

#socialNetworkingIn { width: 44px; height: 208px; float: left; padding: 10px 0 0 15px; margin-left: 19px; }

#socialNetworkingIn ul { }
#socialNetworkingIn li { list-style-type: none; margin-top: 6px; line-height: 0; }

#sub_menu { text-align: center; float: left; width: 956px; }

#sub_menu ul { padding: 20px; height: 30px; background: url(../../images/subMenuPanel.png) no-repeat; }


#featuresPanel { margin-bottom: 20px; float: left; }

#featuredWork { background: url(../../images/featuredWork.png) no-repeat; width: 460px; height: 168px; margin-right: 20px; float: left; padding: 20px 0px; }

/* News Styles */
#newsWrap { background: url(../../images/newsPanel.png) no-repeat; float: left; height: 168px; margin-right: 19px; overflow: hidden; padding: 20px; width: 359px; }

#newsWrap p { color: Black; font-size: 16px; }

/* News List Style News */
#listticker { width: 400px; padding: 6px 0px; }
#listticker li { border: 0; list-style: none; }

#listticker li { height: 81px; list-style: none; width: 378px; line-height: 16px; }
#listticker a { color: #000000; text-decoration: none; }
#listticker .news-title { display: block; font-weight: bold; font-size: 11px; }
#listticker .news-text { display: block; font-size: 11px; color: #666666; }
#listticker img { float: left; margin-right: 14px; padding: 4px; border: solid 3px #FFF; }

/* Social Networking Wrap */
#socialNetworkingWrap { background: url(../../images/socialnetworkingPanel.png) no-repeat; width: 44px; height: 208px; float: left; padding: 10px 0 0 15px; }

#socialNetworkingWrap ul { }
#socialNetworkingWrap li { list-style-type: none; margin-top: 4px; line-height: 0; }



#profileWrap { background: url( "../../images/profilePanel.png" ) no-repeat scroll 0% 0% transparent; height: 90px; font-weight: bold; text-align: center; line-height: 20px; float: left; padding: 10px 5px 0pt; width: 946px; }

/* Lemon Style */
#lemonWrap { cursor: auto; z-index: -1; height: 150px; position: absolute; top: 50px; left: 50px; width: 150px; }

/* Footer Styles */
#footer { background: url(../../images/footerBar.png) repeat; height: 202px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }

#footer a { text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: underline; color: #FFF; }
#footer ul { margin-top: 5px; }
#footer li { list-style-type: none; }

#footerContainer { width: 957px; margin: 0 auto; padding: 26px 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #fff; }

#footerAddress { width: 309px; height: 151px; border-right: 2px solid #6d6865; float: left; margin-right: 56px; }

#footerAddress p { margin-top: 15px; line-height: 15px; }



#footerAbout { float: left; margin-right: 50px; }
#footerSolutions { float: left; margin-right: 50px; }
#footerClients { float: left; margin-right: 50px; margin-bottom: 15px; }
#footerContactUs { float: left; margin-right: 50px; }

/* Extra Div Styles */
#extraDiv { background-color: #000; color: #fff; width: 100%; height: 100%; }
#extraContent { width: 957px; margin: 0 auto; min-height: 50px; padding: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }

#extraDiv a { text-decoration: none; color: #FFF; }
#extraDiv a:hover { text-decoration: underline; color: #FFF; }

#slides { width: 410px; overflow: hidden; }


#filters { background: url(../../images/filterBg.png) no-repeat; display: inline-block; padding: 20px 10px; color: #FFF; margin-bottom: 25px; width: 480px; }
#newsImage { float: left; width: 75px; }
#newsData { float: left; width: 425px; text-align: justify; }
#newsItem { width: 500px; }

#breadCrumbs { margin: 0; color: #fff; font-size: 11px; height: 25px; line-height: 43px; }
#breadCrumbs a { color: #fff; text-decoration: none; font-size: 11px; }
#breadCrumbs a:hover { color: #fff; text-decoration: underline; }

ul.navigationMenu { text-align: right; color: #FFF; }
.navigationMenu a:link, .navigationMenu a:active, .navigationMenu a:visited { color: #FFF; }

#contactUsDetails { width: 275px; float: right; }
#contactUsForm { margin-right: 25px; width: 499px; }

.normalBtn { background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; border: 0px; padding: 5px; }

.pdfs { margin-left: 0px; margin-top: 15px; padding: 0px; }
.pdfs li { background: url(../../images/pdfIcon.png) no-repeat left; padding-left: 30px; line-height: 25px; margin-left: 0px; list-style: none; }

