/*
Theme Name: IVBE
Theme URI: http://www.ivbe.tv/
Description: Custom theme for IVBE
Version: 0.1
Author: SDG New Media
Author URI: http://www.sdgnewmedia.co.uk
*/

* { margin: 0; padding: 0; }
body { position: relative; font-family: arial, sans-serif; font-size: 100%; /* Reins in IE text resizing */ background: #000; }
#wrapperouter { background: #fff url(images/bgbody.png) left top repeat-x; }
#wrapper { margin: 0 auto; width: 921px; }
h1, h2, h3, h4, h5, h6 { padding: 5px 0 10px 0; }
h1 { font-size: 1em; }
h2 { font-size: 0.9em; }
h3, h4, h5, h6 { font-size: 0.8em; }
p { padding: 5px 0 10px 0; font-size: 0.8em; line-height: 1.4em; }
.postContent ul { margin: 10px 10px 10px 15px; font-size: 0.8em; list-style: none; }
.postContent ul li { padding: 2px 0 2px 15px; background: url(images/bullet.gif) left center no-repeat; }
blockquote { }
code { }
a img { border: none; }
a:link { color: #39f; }
a:visited { color: #39f; }
a:hover { color: #39f; text-decoration: none; }
a:active { color: #39f; }
.alignleft { float: left; padding: 5px 15px 5px 10px; }
.alignright { float: right; padding: 5px 10px 5px 15px; }
.clearfix { clear: both; }
.hidden { display: none; }

/* Header */
#header { position: relative; width: 921px; }
#header { margin-top: -1px; border-top: 1px solid #f8f8f8; } /* Solves problem with position of ul#utilities in FF. The border gives layout, the margin hides the border. */
#header h1 { float: left; position: relative; left: 0; top: 0; margin: 34px 15px 12px 0; padding: 0; width: 93px; height: 60px; line-height: 60px; }
#header h1 a { width: 93px; height: 60px; text-decoration: none; }
#header h1 span.gilderlevin { position: absolute; left: 0; top: 0; width: 93px; height: 60px; background: url(images/bgtitle.png) left top no-repeat; }
#header h1 span.gilderlevin:hover { cursor: pointer; }
#header p#tagline { margin: 34px 0 12px 0; padding: 0; height: 60px; line-height: 45px; font-weight: bold; font-size: 0.9em; text-transform: lowercase; color: #39f; }

ul#utilities { position: absolute; right: 0; top: 63px; list-style: none; }
ul#utilities li { float: left; line-height: 24px; font-size: 0.7em; text-align: center; }
ul#utilities li#register a { background: url(images/bgregister.png) left top no-repeat; color: #000; }
ul#utilities li#login a { background: url(images/bglogin.png) left top no-repeat; color: #f9f9f9; }
ul#utilities li a { display: inline-block; width: 59px; height: 26px; text-decoration: none; }
ul#utilities li a:hover { text-decoration: underline; }

ul#nav { width: 921px; height: 32px; background: url(images/bgnavimages.png) left top no-repeat; list-style: none; }
ul#nav li { float: left; width: 131px; line-height: 32px; font-size: 0.8em; font-weight: bold; border-right: 1px solid #c1c1c1; }
ul#nav li.first { width: 130px; }
ul#nav li.last { width: 130px; border-right: none; }
ul#nav li a { display: inline-block; position: relative; width: 131px; height: 32px; color: #000; text-align: center; text-decoration: none; }
ul#nav li a span { display: block; position: absolute; left: 0; top: 0; width: 131px; height: 32px; }
ul#nav li a span:hover { cursor: pointer; }
ul#nav li.first a span, ul#nav li.last a span { width: 130px; }
ul#nav li.first a, ul#nav li.last a { width: 130px; }

ul#nav li.page-item-264 a span { background-image: url(images/bgnavhome.png); }
ul#nav li.page-item-6 a span { background-image: url(images/bgnavmeasurement.png); }
ul#nav li.page-item-8 a span { background-image: url(images/bgnavgallery.png); }
ul#nav li.page-item-10 a span { background-image: url(images/bgnavshowreel.png); }
ul#nav li.page-item-13 a span { background-image: url(images/bgnavnews.png); }
ul#nav li.page-item-263 a span { background-image: url(images/bgnavabout.png); }
ul#nav li.page-item-15 a span { background-image: url(images/bgnavcontact.png); }

ul#nav li a:hover span { background-position: left -32px; }
ul#nav li a:active span { background-position: left -64px; }
ul#nav li.current_page_item a span, ul#nav li.current_page_parent a span { background-position: left -96px; }

/* Main */
#main { position: relative; padding-bottom: 60px; }

ul#subnav { position: absolute; right: 0; top: 25px; float: right; list-style: none; }
ul#subnav li { float: left; margin-left: 14px; }
ul#subnav li a { padding-left: 24px; text-decoration: none; color: #39f; }
ul#subnav li a:hover { text-decoration: underline; }
ul#subnav li#email { background: url(images/email.gif) 2px center no-repeat; }
ul#subnav li#printable { background: url(images/printable.gif) left center no-repeat; }

h1.pageTitle { padding: 20px 6px 14px 6px; font-size: 1.5em; font-weight: normal; color: #39f; }
h2.postTitle { font-size: 1.2em; }

/* Content */
#col1 { padding: 13px; float: left; width: 428px; background: #f6f6f6; border: 1px solid #bdbdbd; }
#col2 { padding: 14px; float: right; width: 426px; background: #f6f6f6; border: 1px solid #bdbdbd; }

/* Footer */
#footer { clear: both; padding: 30px 0; background: #000; color: #bbb; }
#footerinner { margin: 0 auto; width: 921px; }

#footer p { font-size: 0.65em; }
p#mission:first-word { font-weight: bold; }
#footer #copyright { float: left; margin-top: -12px; padding-right: 80px; width: 320px; }
#footer #copyright h4 { position: relative; float: left; padding: 10px 25px 10px 0; width: 45px; height: 18px; overflow: hidden; }
#footer #copyright h4 span.gilderlevin { position: absolute; width: 45px; height: 18px; background: url(images/footerlogo.gif) left top no-repeat; }
#footer #copyright p { padding-top: 14px; }
#footer li { font-size: 0.7em; text-transform: uppercase; }
#footer ul a { display: block; padding-left: 13px; height: 20px; line-height: 20px; text-decoration: none; color: #b2b2b2; background: url(images/footerbullet.gif) left center no-repeat; }
#footer ul a:hover { text-decoration: underline; }
ul#footernav1 { float: left; width: 150px; list-style: none; }
ul#footernav2 { float: left; width: 150px; list-style: none; }
#contactdetails { float: right; width: 120px; }
#contactdetails p { padding: 3px 0; width: 120px; }
p#footeremail { padding-top: 10px; }
p#footeremail a { padding-left: 20px; text-decoration: none; background: url(images/footeremail.gif) left center no-repeat; color: #b2b2b2; }
p#contactformlink { padding-top: 20px; }
p#contactformlink a { padding-right: 15px; text-transform: uppercase; text-decoration: none; background: url(images/footerarrows.gif) right center no-repeat; color: #b2b2b2; }
#contactdetails a:hover { text-decoration: underline; }

/* Home */
#flash { margin: 9px 0; padding: 5px; width: 909px; height: 361px; border: 1px solid #cdcdcd; }
.home #col1 { margin-right: 10px; padding: 4px; width: 290px; height: 350px; overflow: hidden; }
.home #col2 { float: left; padding: 4px; width: 601px; height: 350px; overflow: hidden; }
.home h2.postTitle { padding: 0 10px; height: 28px; line-height: 28px; background: #000; color: #fff; }
.home #content h3 { padding: 5px 10px; font-size: 0.8em; }
.home #content h3 a { text-decoration: none; color: #000; }
.home #content h3 a:hover { text-decoration: underline; color: #000; }
.home #content p { padding: 5px 10px; font-size: 0.8em; }
.home #content #col1 p { font-size: 0.75em; }
.home #content #col2 ul { margin: 10px 10px 10px 15px; font-size: 0.8em; list-style: none; }
.home #content #col2 ul li { padding: 2px 0 2px 15px; background: url(images/bullet.gif) left center no-repeat; }
.home p.startnow { text-align: right; }
.home p.startnow a { padding-right: 22px; font-style: italic; font-weight: bold; text-decoration: none; background: url(images/more.png) right center no-repeat; color: #000; }
.home p.startnow a:hover { text-decoration: underline; }
#partners { margin-bottom: -60px; }

/* AdTour */
.adtour #col1 { padding: 4px; width: 444px; }
.adtour #col2 { padding: 4px; width: 444px; }
.adtour h2.postTitle { padding: 0 10px; height: 28px; line-height: 28px; text-transform: uppercase; font-size: 1em; background: #000; color: #fff; }
.adtour h3 { padding: 5px 10px; text-transform: uppercase; font-size: 0.9em; }
.adtour #content p { padding: 5px 10px; font-size: 0.8em; }
.adtour p.startnow { text-align: right; }
.adtour p.startnow a { padding-right: 22px; font-style: italic; font-weight: bold; text-decoration: none; background: url(images/more.png) right center no-repeat; color: #000; }
.adtour p.startnow a:hover { text-decoration: underline; }

/* Gallery */
.gallery #col1 { padding: 0; width: 651px; border: none; }
.gallery #col2 { padding: 0; width: 260px; background: none; border: none; }
ul#vid_tabs { margin-left: -2px; height: 27px; list-style: none; }
ul#vid_tabs li { float: left; margin-left: 2px; font-size: 0.9em; width: 129px; height: 27px; line-height: 27px; text-align: center; text-decoration: none; background: url(images/bgvidtab.gif) left top no-repeat; color: #f9f9f9; }
ul#vid_tabs li.current { background: url(images/bgvidtabcurrent.gif) left top no-repeat; }
ul#vid_tabs li:hover { text-decoration: underline; cursor: pointer; }
ul.vid_list { padding-bottom: 4px; background: #8c8c8c; border-top: 6px solid #000; list-style: none; }	
	ul.vid_list li { margin: 6px 5px 0 5px; /* background: #8c8c8c;  */}
	
	ul.vid_list li a { display: block; width: 250px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; background-image: url(images/bgvidlist.png); background-position: left top; background-repeat: repeat-x; color: #3f3f3f; }
	ul.vid_list li a:hover { background-position: left -50px; color: #4DA5FE !important; }
	ul.vid_list li a:active { background-position: left -100px !important; color: #f9f9f9 !important; }
	ul.vid_list li.current_page_item a { background-position: left -150px; color: #b2b2b2; }
	
	ul.vid_list li a span { display: block; float: left; width: 62px; height: 50px; }
	
	ul.vid_list li.page-item-8 a span { background: url(images/logos/ivbe.png) 8px 3px no-repeat !important; }
	ul.vid_list li.page-item-368 a span { background: url(images/logos/sunsilk.png) 8px 3px no-repeat !important; }
	ul.vid_list li.page-item-370 a span { background: url(images/logos/ponds.png) 8px 3px no-repeat !important; }
	ul.vid_list li.page-item-372 a span { background: url(images/logos/hdfc.png) 8px 3px no-repeat !important; }
	ul.vid_list li.page-item-374 a span { background: url(images/logos/mango.png) 8px 3px no-repeat !important; }
	ul.vid_list li.page-item-379 a span { background: url(images/logos/idea.png) 8px 3px no-repeat !important; }
	ul.vid_list li.page-item-377 a span { background: url(images/logos/ariel.png) 8px 3px no-repeat !important; }

/* Case Studies */
.casestudies #col1 { padding: 0; width: 367px; border: none; }
.casestudies #col2 { width: 517px; }
ul#casestudymenu { list-style: none; background: #f6f6f6; border-bottom: 1px solid #aaa; }
ul#casestudymenu li { padding: 14px; border: 1px solid #aaa; border-bottom: none; }
ul#casestudymenu li h3 { padding: 0; }
ul#casestudymenu li h3 a { text-decoration: none; color: #000; }
ul#casestudymenu li h3 a:hover { text-decoration: underline; }
ul#casestudymenu li p { padding: 5px 0; font-size: 0.75em; color: #4DA5FE; }
ul#casestudymenu li.current { background: #666; }
ul#casestudymenu li.current h3 a { color: #f9f9f9; }

/* News */
.news #col1 { padding: 0; width: 606px; border: none; background: none; }
.news #col1 .post { padding: 15px; margin-bottom: 9px; background: #f6f6f6; border: 1px solid #bababa; }
.news #col2 { padding: 4px; width: 296px; }
.news #col2 h3 { padding: 0 11px; line-height: 28px; font-size: 1em; background: #000; color: #f9f9f9; }
.news ul#sidebar { list-style: none; }
.news ul#sidebar ul { padding: 10px 0 20px 0; list-style: none; }
.news ul#sidebar ul li { padding: 5px 0 5px 24px; line-height: 20px; font-size: 0.7em; background: url(images/bullet.gif) 10px center no-repeat; }
.news ul#sidebar ul li a { text-decoration: none; color: #232323; }
.news ul#sidebar ul li a:hover { text-decoration: underline; }
.news ul#sidebar form { padding: 18px 11px 29px 11px; }
.news ul#sidebar label { padding-right: 10px; line-height: 22px; font-size: 0.8em; }
.news .post h2.postTitle a { text-decoration: none; color: #000; }
.news .post h2.postTitle a:hover { text-decoration: underline; }
.news p.postDate { font-size: 0.7em; color: #39f; }
.news p.readmore a { padding-right: 22px; font-style: italic; text-decoration: none; background: url(images/more.png) right center no-repeat; color: #000; }
.news p.readmore a:hover { text-decoration: underline; }

#searchform label { float: left; }
#searchform #s { float: left; padding: 2px 2px; width: 142px; height: 16px; line-height: 16px; background: #fff; border: 1px solid #b9b9b9; }

p.first { font-size: 12pt; }

/* About Us */
.about #col1 { width: 519px; }
.about #col2 { padding: 0; width: 367px; }
.about #col2 { background: none; border: none; }
.bio h2 { margin-left: 90px; padding: 5px 0; }
.bio h3 { margin-left: 90px; padding: 5px 0; color: #39f; }
.bio p { margin-left: 90px; padding: 5px 0; }
.person { margin-bottom: 9px; padding: 14px; background: #f6f6f6; border: 1px solid #b8b8b8; }
.person img { float: left; padding: 5px; }
.person h2 { margin-left: 80px; padding: 5px 0; color: #232323; }
.person h2 a { color: #232323; text-decoration: none; }
.person h2 a:hover { text-decoration: underline; }
.person h3 { margin-left: 80px; padding: 5px 0; color: #39f; }
.person p { margin-left: 80px; padding: 5px 0; }
.person p a { text-decoration: none; }
.person p a:hover { text-decoration: underline; }

/* Contact */
.contact #col1 { padding: 12px; width: 428px; }
	.contact #india_map { position: relative; width: 427px; height: 427px; background: url(images/india_map.gif); }
	.contact #india_map #contact_details { position: absolute; left: 1px; bottom: 1px; background: #000; }
	#contact_details { padding: 5px; }
	#contact_details h3 { padding: 5px 10px; color: #fff; }
	#contact_details p { color: #5FB5DF; }
	#contact_details p a { text-decoration: none; color: #5FB5DF; }
	#contact_details p a:hover { text-decoration: underline; }
.contact #col2 { padding: 4px; width: 444px; }
.contact h2.postTitle { padding: 0 10px; height: 28px; line-height: 28px; background: #000; color: #fff; }
.contact .postContent { padding: 10px 0; }
.contact #content p { padding: 5px 10px; }
.contact label { font-size: 0.9em; }
.contact .highlight { color: #39f; }
.contact input { display: block; margin: 3px 0; padding: 4px; height: 18px; line-height: 18px; background: #fff; border: 1px solid #bdbdbd; }
.contact textarea { display: block; margin: 3px 0; padding: 4px; background: #fff; border: 1px solid #bdbdbd; }
.contact input#submit { float: right; padding: 0 49px 3px 1px; width: 106px; height: 42px; text-align: right; font-weight: bold; border: none; background: url(images/bgsubmit.png) left 2px no-repeat; }
.contact input#submit:hover { cursor: pointer; text-decoration: underline; }

/* Single Page */
.page #col1 { float: none; width: 893px; }

/* Register */
.register .postContent { padding: 10px 0; }
.register #content p { padding: 5px 10px; }
.register label { font-size: 0.9em; }
.register .highlight { color: #39f; }
.register input { display: block; margin: 3px 0; padding: 4px; width: 329px; height: 18px; line-height: 18px; background: #fff; border: 1px solid #bdbdbd; }
.register input#submit { float: right; margin-right: 532px; padding: 2px 41px 4px 1px; width: 105px; height: 37px; text-align: right; font-weight: bold; border: none; background: url(images/bgregistersubmit.png) left top no-repeat; }
.register input#submit:hover { cursor: pointer; text-decoration: underline; }

/* Login */
.login #col1 { float: none; padding: 4px; width: 913px; }
.login #col1 .post { padding: 120px 185px; height: 121px; background: url(images/bglogingradient.png) left top repeat-x; }
#loginform label { display: block; font-size: 1.2em; color: #fff; }
#loginform input { padding: 2px; width: 260px; font-size: 1.6em; }
p#loginusername { float: left; width: 260px; }
p#loginpassword { float: right; width: 260px; }
p#loginsubmit { clear: both; float: right; margin: 0; padding: 0; width: 104px; }
p#loginsubmit input { padding-right: 47px; width: 104px; height: 36px; text-align: right; font-size: 1.2em; color: #fff; background: url(images/bgloginsubmit.png); border: none; }
p#loginsubmit input:hover { text-decoration: underline; cursor: pointer; }

/* Thanks */
body.thanks { width: 370px; height: 520px; background: none; }
.thanks #col1 { float: none; margin: 4px; padding-top: 200px; width: 362px; height: 312px; text-align: center; background: #f6f6f6; }
.thanks p { padding: 0; }

/* Resources */
#resources { margin: 9px 0; padding: 5px; width: 909px; height: 498px; border: 1px solid #cdcdcd; }
#resourcesinner { height: 498px; background: url(images/bgresources.png) left top repeat-x; }
	#resources h2 a { display: block; padding: 241px 34px 5px 43px; font-size: 1em; text-transform: uppercase; text-decoration: none; color: #f9f9f9; }
	#resources h2 a:hover { color: #39f; }
	#resources p { padding: 5px 34px 5px 43px; color: #b2b2b2; }
	#resources p a { text-decoration: none; color: #f9f9f9; }
	#resources p a:hover { text-decoration: underline; }
	#resources .col1 { float: left; height: 498px; width: 302px; }
	#resources .col2 { float: left; height: 498px; width: 302px; }
	#resources .col3 { float: left; height: 498px; width: 302px; }
	#resources .col1, #resources .col2 { background: url(images/resourcesseparator.png) right bottom no-repeat; }
	
	#resources .col1 h2 { background: url(images/bgadshuttle.png) 55px 59px no-repeat; }
	#resources .col2 h2 { background: url(images/bgadbroker.png) left 59px no-repeat; }
	#resources .col3 h2 { background: url(images/bgcatalogue.png) 42px 59px no-repeat; }
	
	#resources ul { margin: 10px 34px 10px 43px; list-style: none; }
	#resources ul li { padding-left: 40px; height: 46px; line-height: 46px; font-size: 0.7em; background: url(images/bgpdf.png) left center no-repeat; }
	#resources ul li a { text-decoration: none; color: #f9f9f9; }
	#resources ul li a:hover { text-decoration: underline; }
	
	#resources #col1 { margin-right: 10px; padding: 4px; width: 290px; }
	#resources #col2 { float: left; margin-right: 10px; padding: 4px; width: 290px; }
	#resources #col3 { float: left; padding: 4px; width: 291px; background: #f6f6f6; border: 1px solid #bdbdbd; }
	#resources h2.postTitle { padding: 0 10px; height: 28px; line-height: 28px; background: #000; color: #fff; }
	#resources #content h3 { padding: 5px 10px; font-size: 0.8em; }
	#resources #content h3 a { text-decoration: none; color: #000; }
	#resources #content h3 a:hover { text-decoration: underline; color: #000; }
	#resources #content p { padding: 5px 10px; font-size: 0.75em; }

#downloads { margin: 9px 0; padding: 5px; width: 909px; border: 1px solid #cdcdcd; }
#downloadsinner { height: 134px; background: url(images/bgdownloads.png) left top repeat-x; }
	#downloads h3 { margin-bottom: 4px; padding: 0 11px; height: 26px; line-height:26px; font-size: 1em; background: #000; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; color: #f9f9f9; }
	#downloadsinner ul { padding: 32px 0 0 26px; list-style: none; }
	#downloadsinner ul li { float: left; padding: 0 0 0 104px; width: 180px; height: 70px; }
	#downloadsinner ul li#overview { background: url(images/bgdloverview.png) left top no-repeat; }
	#downloadsinner ul li#showreel { background: url(images/bgdlshowreel.png) left top no-repeat; }
	#downloadsinner ul li#presentation { background: url(images/bgdlpresentation.png) left top no-repeat; }
	#downloadsinner ul li h4 { color: #f9f9f9; }
	#downloadsinner ul li a { display: block; padding: 5px 0 0 40px; height: 31px; line-height: 1.25em; width: 45px; font-size: 0.75em; text-align: center; text-decoration: none; color: #f9f9f9; background: url(images/bgpdf.png) left center no-repeat; }
	#downloadsinner ul li a:hover { text-decoration: underline; }