/*

1. Generic Styling
    1.1 Layout
    1.2 Header
	1.3 Nav
    1.4 Slider
    1.5 Body
	1.6 Sidebar
    1.7 Footer

2. Home
    2.1 News
	2.1.1 News Popup
    2.2 Twitter
	2.3 SubContent

3. Company
	3.1 Subcontent
	3.2 Sidebar

4. iVector

5. News

6. Clients

7. ContactUs


*/






/* 1. Generic Styling */

/* 1.1 Layout */
body {background:#7f7f7f;}
p, body, div, input, select {font-family:Lucida Sans Unicode; font-size:13px; color:#999;}
p {line-height:1.4em;margin:0 0 15px 0;}
body h3 {font-size:24px;font-weight:normal;font-family:Georgia;color:#0093d1;margin:0 0 10px 0;}
#frm {background:#fff;width:960px;margin:0 auto;}
.floatright {float:right !important;}


/* 1.2 Header */
#divHeader {position:relative;border-top:solid 6px #0093d0;height:170px;}
#divHeader h1 {position:absolute;top:20px;left:20px;background:url(../Images/logo.gif);
				width:257px;height:86px;margin-top:0;}
#divHeader h1 a {display:block;text-indent:-10000px;width:257px;height:86px;outline:none;}	
				

/* 1.3 Nav */
#divNav {position:absolute;bottom:10px;height:33px;border-top:solid 1px #e8e8e8;border-bottom:solid 1px #e8e8e8;
			margin:0 20px;width:920px;}
#divNav a {display:block;float:left;margin:0 20px;background:url(../Images/navbar.gif) no-repeat;
				text-indent:-10000px;height:33px;outline:none;}

#divNav #aDefault {background-position:-7px 0;width:37px;margin-left:10px;}
#divNav #aCompany {background-position:-68px 0;width:60px;}
#divNav #aiVector {background-position:-154px 0;width:45px;}
#divNav #aNews {background-position:-225px 0;width:34px;}
#divNav #aClients {background-position:-294px 0;width:44px;}
#divNav #aContactUs {background-position:-362px 0;width:70px;}

#divNav #aDefault:hover {background-position:-7px -33px;width:37px;}
#divNav #aCompany:hover {background-position:-68px -33px;width:60px;}
#divNav #aiVector:hover {background-position:-154px -33px;width:45px;}
#divNav #aNews:hover {background-position:-225px -33px;width:34px;}
#divNav #aClients:hover {background-position:-294px -33px;width:44px;}
#divNav #aContactUs:hover {background-position:-362px -33px;width:70px;}

#divNav.Default #aDefault {background-position:-7px -66px;width:37px;}
#divNav.Company #aCompany {background-position:-68px -66px;width:60px;}
#divNav.iVector #aiVector {background-position:-154px -66px;width:45px;}
#divNav.News #aNews {background-position:-225px -66px;width:34px;}
#divNav.Clients #aClients {background-position:-294px -66px;width:44px;}
#divNav.ContactUs #aContactUs {background-position:-362px -66px;width:70px;}


/* 1.4 Slider */
#divWindow {position:relative;width:960px;overflow:hidden;height:500px;}
#divSlider {position:relative;width:5760px;min-height:500px;}

#divSlider.Default {left:0;}
#divSlider.Company {left:-960px;}
#divSlider.iVector {left:-1920px;}
#divSlider.News {left:-2880px;}
#divSlider.Clients {left:-3840px;}
#divSlider.ContactUs {left:-4800px;}

#divDefault {position:absolute;top:0;left:0;}
#divCompany {position:absolute;top:0;left:961px;}
#diviVector {position:absolute;top:0;left:1921px;}
#divNews {position:absolute;top:0;left:2881px;}
#divClients {position:absolute;top:0;left:3841px;}
#divContactUs {position:absolute;top:0;left:4801px;}


/* 1.5 Body */
div.content {position:relative;height:500px;width:600px;margin:10px auto;padding-left:20px;
				padding-right:340px;}

div.content div.sidebar {position:absolute;top:0;right:20px;width:300px;min-height:500px;}

div.body {height:300px;}
div.body h1 {height:239px;margin-top:0;}
div.body span.intro {font-family:Lucida Sans Unicode;font-size:18px;color:#666;}


/* 1.6 Sidebar */
div.sidebar {}
div.sidebar div.box {position:relative;width:280px;margin-bottom:20px;left:-9px;
    background:url(../images/box_bg.gif) no-repeat bottom left;padding:55px 19px 25px 19px;}
div.sidebar div.box h3 {width:288px;position:absolute;top:0;left:0;font-size:22px;color:#0093d0;
	background:url(../images/box_title.gif) no-repeat;padding:5px 10px 0 20px;height:41px;line-height:41px;margin-top:0;}
div.sidebar div.box h4 {margin:0;font-size:14px;color:#666;font-weight:normal;}	
div.sidebar div.box p {font-weight:normal;color:#8a8989;font-size:12px;margin:0;}
div.sidebar div.box a {font-size:12px;color:#3aaaea;text-decoration:none;}


/* 1.7 Footer */
#divFooter {border-top:solid 1px #e8e8e8;padding:12px 0;font-family:Lucida Sans Unicode;
				font-size:12px;color:#bbb;margin:0 20px;}
				
/* 2. Home */


/* 2.1 News Sidebar */
#divDefaultSidebar div.news {margin-bottom:10px;}
#divDefaultSidebar div.news.last {margin-bottom:0;}
#divDefaultSidebar div.news em {display:block;font-style:normal;font-size:10px;}
#divDefaultSidebar div.news p {display:inline;}
#divDefaultSidebar div.news a.readMore {margin-left:5px;}
#divDefaultSidebar #aNews {position:absolute;right:19px;top:12px;height:46px;width:44px;cursor:pointer;background:url(/images/news.gif);text-indent:-10000px;}


/* 2.1.1 News Popup */
#divOverlay {position:absolute;top:0;left:0;z-index:50;width:100%;background-color:#000;}

#divNewsContainer {position:absolute;z-index:51;padding:60px 20px 20px 20px;width:600px;top:0;
                   background:url(../images/news_footer.gif) no-repeat bottom left;}
#divNewsContainer h3 {width:600px;position:absolute;top:0;left:0;font-size:24px;
	background:url(../images/news_header.gif) no-repeat;padding:20px;margin:0;}
#divNewsContainer #aNewsClose {position:absolute;top:0;right:0;margin:20px;}
#divNewsContainer img {border:none;float:left;}		
#divNewsContainer p {color:#363636;font-size:12px;}	
div.newspopupholder {max-height:400px;overflow-y:scroll;padding-right:5px;}



/* 2.2 Twitter */
div.sidebar div.box span.age {display:block;color:#666;font-size:10px;position:relative;}
div.sidebar div.box #aTwitter {position:absolute;right:13px;top:14px;height:43px;width:54px;cursor:pointer;background:url(/images/twitter.gif) 0 43px;text-indent:-10000px;}
div.sidebar div.box #aTwitter:hover {background-position:0 0;}

/* 2.3 Subcontent */
#divSubcontent {margin-top:30px;}
#divSubcontent h3 {font-size:18px;color:#565656;margin:0 0 5px 0;}
#divSubcontent div.item {float:left;width:290px;height:150px;margin:0;}
#divSubcontent div.first {margin-right:20px;}
#divSubcontent img {float:right;border:none;}
#divSubcontent p {font-size:11px;color:#aaa;font-weight:normal;width:160px;}
#divSubcontent a {text-decoration:none;}




/* 3. Company */

/* 3.1 Body */
#divCompany div.body {height:250px;}


/* 3.2 Subcontent */
#divCompanySubcontent {width:615px;}
#divCompanySubcontent div {float:left;width:185px;height:150px;margin:5px 20px 0 0;}
#divCompanySubcontent h3 {font-size:16px;color:#565656;margin:0 0 5px 0;}
#divCompanySubcontent h5 {color:#666;margin:0;font-weight:normal;margin:0 0 5px 0;font-size:13px;}
#divCompanySubcontent p {font-size:11px;color:#aaa;font-weight:normal;}
#divCompanySubcontent img {float:left;margin:0 10px 0 0;}

/* 3.3 Sidebar */
#divCompanySidebar h4 {margin:15px 0 10px 0;}
#divCompanySidebar img {float:left;margin:0 10px 0 0;padding:0;border:none;}
#divCompanySidebar p {margin:0 0 20px 0;}
#divCompanySidebar img {border:none;opacity:0.5;filter:alpha(opacity:50);}
#divCompanySidebar a:hover img {opacity:1;filter:alpha(opacity:100);}
#divCompanySidebar a:hover p {color:#444;}


/* 4. iVector */
#diviVector h3 {margin-bottom:5px;}
#diviVector div.body div {display:none;}
#diviVector div.body div.show {display:block;}
#diviVector div.body img {padding:5px;background:url(/images/screenshotbackground.gif);}

#diviVector #divLinks a {display:block;font-size:13px;line-height:140%;margin:5px 0 0 0;padding-left:15px;color:#7acbfe;}
#diviVector #divLinks a p {font-size:11px;line-height:140%;color:#888;}
#diviVector #divLinks a:hover, #diviVector #divLinks a.selected {background:url(/images/bullet.gif) no-repeat 0 5px;color:#0093d1;}
#diviVector #divLinks a:hover p, #diviVector #divLinks a.selected p {color:#333;}




/* 5 News */
#divNews div.body div {display:none;}
#divNews div.body div.dispnews {display:block;}
#divNews div.body div.newsarticle {height:400px;overflow:hidden;display:block;padding-right:28px;}
#divNews div.body div.scroll {overflow-y:scroll;}

#divNewsSidebar a {display:block;font-size:13px;line-height:140%;margin:5px 0 0 0;padding-left:15px;color:#7acbfe;}
#divNewsSidebar a p {font-size:11px;line-height:140%;color:#888;}
#divNewsSidebar a:hover, #divNewsSidebar a.newsselect {background:url(/images/bullet.gif) no-repeat 0 5px;color:#0093d1;}
#divNewsSidebar a:hover p, #divNewsSidebar a.newsselect p {color:#333;}
#divNewsSidebar em {font-style:normal;font-size:10px;color:#666;display:block;}



/* 6 Clients */
#divClients #divBody {width:920px;}
#divClients #divBody a {display:block;width:294px;height:145px;float:left;margin:20px 0 0 19px;text-decoration:none;}
#divClients #divBody a.firstcolumn {margin-left:0;}
#divClients #divBody a.firstrow {margin-top:0;}

#divClients #divBody img {border:none;opacity:0.5;filter:alpha(opacity:50);}
#divClients #divBody p {font-size:11px;margin-top:5px;color:#888;}
#divClients #divBody a:hover img {opacity:1;filter:alpha(opacity:100);}
#divClients #divBody a:hover p {color:#333;}



/* 7 Contact Us */
#divContactUs {padding-left:20px;width:1000px;}
#divContactUs #divAddress, #divContactUs #divEmail {float:left;}

#divContactUs h3 {margin:0 0 15px;}
#divContactUs #divAddress {width:326px;position:relative;}
#divContactUs #divAddressDetails {position:relative;}
#divContactUs #divAddressDetails h4 {margin:0 0 5px;display:block;width:73px;height:23px;
										background:url(/images/logo_small.gif);text-indent:-10000px;}
#divContactUs #divAddressDetails p {margin:0 0 2px;}

#divContactUs #divAddress ul {position:absolute;top:30px;right:5px;list-style-type:none;}
#divContactUs #divAddress ul li {padding-left:25px;padding-bottom:2px;margin-left:20px;}
#divContactUs #divAddress ul #liPhone {background:url(/images/phone.png) no-repeat;}
#divContactUs #divAddress ul #liFax {background:url(/images/fax.png) no-repeat;}
#divContactUs #divAddress ul #liBusinessCard {background:url(/images/vcard.png) no-repeat;}
#divContactUs #divAddress ul #liGoogleMaps {background:url(/images/map.png) no-repeat;}
#divContactUs #divAddress ul li a {text-decoration:none;color:#0096d8;}
#divContactUs #divAddress ul li a:hover {text-decoration:underline;}
#divContactUs #divAddress #imgMap {margin-top:20px;position:relative;left:-2px;}


#divContactUs #divEmail {position:relative;width:520px;margin-left:80px;}
#divContactUs #divEmail #pWarning {margin:10px;padding-left:30px;background:url(/images/error.png) no-repeat 0 4px;
										color:#c00;}
#divContactUs #divEmail #pThankYou {margin:10px;padding-left:30px;background:url(/images/tick.png) no-repeat 0 4px;
										color:#0a0;}
#divContactUs #divEmail #pSendFailed {margin:10px;padding-left:30px;background:url(/images/error.png) no-repeat 0 4px;
                                      color:#c00;height:20px;}
#divContactUs #divEmail div {padding:2px 0;}
#divContactUs #divEmail label {width:130px;display:block;float:left;position:relative;top:5px;}
#divContactUs #divEmail label.em {color:#333;}
#divContactUs #divEmail label.error {font-weight:bold;color:#c00;}
#divContactUs #divEmail input {width:220px;padding:3px;color:#666;}
#divContactUs #divEmail #txtSubject {width:374px;}
#divContactUs #divEmail #txtComments {padding:5px;font-family:Consolas, Courier new;width:372px;
										height:100px;color:#666;}
#divContactUs #divEmail #btnSendEmailNow {margin-top:10px;width:auto;color:#333;}