/******************************************************************************
Theme Name: Ninthpixel
Theme URI: http://www.ninthpixel.com/
Author: Jayesh Mhatre
Tags: Black, custom header, fixed width
This theme was designed and built by Jayesh Mhatre,
**********************************************************************************/

/*Reset CSS starts here*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
/*Reset CSS ends here*/

/* Begin Typography & Colors */

body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Helvetica, sans-serif; background-color:#fafafa; color: #333; text-align: center; }
.clear { clear:both; }
/* End Typography & Colors */

/* Begin Structure */

#header.main { background:url(../images/header-bg-main.jpg) left top repeat-x; width:100%; height:251px; }
#container.main { background:#f8f8f8 url(../images/container-main.jpg) left top repeat-x; width:100%; }
#footer.main { background:#000000 url(../images/footer-bg-main.jpg) left top repeat-x; width:100%; }
/* End Structure */

/* CSS for header starts here */

#header.main .wrap { background:url(../images/header-main.jpg) left top no-repeat; width:980px; height:251px; margin:0 auto; text-align:left; position:relative; }
#header.main .wrap .logo { background:url(../images/logo.gif) left top no-repeat; width:405px; height:100px; position:absolute; left:25px; top:87px; }
#header.main .wrap .logo h1, #header.main .wrap .logo h2 { display:none; }
#header.main .wrap .links { font-size:12px; padding-top:10px; padding-left:15px; text-align:center; }
#header.main .links ul li { display:inline; }
#header.main .links li { padding:0 20px; }
#header.main .links ul li a { padding:6px; text-decoration:none; color:#345574; }
#header.main .links ul li a:hover, #header.main .links ul li a.selected { color:#ffffff; background-color:#345574; display:inline-block; vertical-align:middle; }
#header.main .flash-component { position:absolute; left:460px; top:65px; }
/* @end of header's css */

/* CSS for Container starts here */

#container.main .wrap { background:url(../images/container-bg-main.jpg) left top repeat-y; width:960px; margin:0 auto; text-align:left; position:relative; padding:10px; }
#container.main .wrap #news.widget { width:270px; margin-left:5px; float:left; }
#container.main .wrap #service.widget { float:right; width:280px; margin-right:5px; }
#container.main .wrap #blog.widget { position:absolute; width:380px; left:295px; }
#container.main .wrap li { background:url(../images/bullet.gif) left 3px no-repeat; }
/* @end of Container's css */
/* CSS for Footer starts here */

#footer.main .wrap { background:url(../images/footer-main.jpg) left top no-repeat; width:960px; margin:0 auto; text-align:left; padding:10px; padding-top:15px; }
#footer.main .wrap .block { background:url(../images/footer-block.jpg) left top no-repeat; width:940px; height:179px; margin:0 auto; }
#footer.main .wrap .copyright { padding:30px 0 1px 0; text-align:center; font-size:1.2em; }
/* @end of Footer's css */

/* CSS for news widget starts here */
#news.widget h2 { background:url(../images/twitter-title.gif) left top no-repeat; border-bottom:1px solid #999999; height:33px; margin-bottom:10px; }
#news.widget h2 span { display:none; }
#news.widget td img { margin:0 10px 0 0; }
#news.widget td { padding-bottom:5px; }
#news.widget td p { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:5px; padding-top:0; }
#news.widget td a { color:#385c80; text-decoration:none; }
#news.widget td a:hover { text-decoration:underline; }
/* CSS for Service widget starts here */

#service.widget h2 { background:url(../images/our-service-title.jpg) left top no-repeat; border-bottom:1px solid #999999; height:33px; }
#service.widget h2 span { display:none; }
#service.widget ul li { margin:4px; padding:3px; font:normal 12px Tahoma, Arial, Helvetica, sans-serif; }
#service.widget ul { padding-top:10px; padding-left:8px; }
#service.widget li a { padding-left:25px; color:#000000; text-decoration:none; }
#service.widget li a:hover { text-decoration:underline; }
#service.widget .newsletter { background:url(../images/nl-bg.jpg) left top no-repeat; width:245px; height:45px; margin-left:5px; margin-top:18px; padding:39px 0 20px 16px; }
#service.widget .newsletter input.textbox { vertical-align:middle; border:1px solid #999999; padding:2px; width:185px; margin-left:4px; }
#service.widget .newsletter input.submit { vertical-align:middle; background:url(../images/nl-button.jpg) no-repeat; border:none; width:21px; height:21px; }
/* CSS for Services landing widget starts here */
#service-landing.widget { width:200px; margin-left:15px; float:left; margin-right:10px; }
#service-landing.widget h2 { background:url(../images/our-service-title.jpg) left top no-repeat; border-bottom:1px solid #999999; height:33px; margin-bottom:10px; }
#service-landing.widget h2 span { display:none; }
#service-landing.widget ul { padding-left:5px; }
#service-landing.widget li { padding-bottom:7px; font-size:12px; padding-top:4px; }
#service-landing.widget li a { padding-left:25px; color:#000000; text-decoration:none; }
#service-landing.widget li a:hover { text-decoration:underline; }
/* CSS for Blog widget starts here */
#blog.widget h2 { background:url(../images/blog-title.gif) left top no-repeat; border-bottom:1px solid #999999; height:33px; margin-bottom:10px; }
#blog.widget h2 span { display:none; }
#blog.widget p { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:5px; text-align:justify; }
#blog.widget .read-more { padding:5px 0; }
h3.blog-title { color:#F21A1F; font-size:2em; font-family:Garamond, Verdana, Arial, Sans-Serif; font-weight:normal; margin:0; padding-left:5px; }
/* CSS for Overview text starts here */
#overview-content.widget { float:left; width:710px; }
#overview-content.widget h2 { background:url(../images/overview.jpg) left top no-repeat; border-bottom:1px solid #999999; height:33px; margin-bottom:10px; }
#overview-content.widget h2 span { display:none; }
#overview-content.widget h3 { font-size:14px; font-weight:normal; color:#295481; padding:4px 0 0 5px; }
#overview-content.widget p { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:5px; text-align:justify; }
#overview-content.widget .read-more { padding:5px 0; }
#about-us.widget { float:left; width:650px; margin-left:15px; }
#about-us.widget h2 { background:url(../images/why-choose-title.jpg) left top no-repeat; border-bottom:1px solid #999999; height:33px; margin-bottom:10px; }
#about-us.widget h2 span { display:none; }
#about-us.widget h3 { font-size:14px; font-weight:normal; color:#295481; padding:4px 0 0 5px; }
#about-us.widget p { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:5px; text-align:justify; }
#about-us.widget .read-more { padding:5px 0; }
/* CSS for footer block starts here */
#footer .footer-block { float:left; margin:0 11px; width:290px; }
#footer .footer-block h3 { font-family:"Century Gothic", Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:normal; border-bottom:1px solid #FFFFFF; padding:6px 0; margin-bottom:10px; }
#footer .footer-block p { font-size:12px; color:#FFFFFF; padding:5px 0; }
/* Twitter box */
.twtr-hd { display:none; }
.twtr-ft div { padding:10px 0 !important; }
.twtr-ft div a { display:none; }
.twtr-ft div span { float:left; height:22px; overflow:hidden; }
.twtr-ft div span a { display:block; background:url(../images/conversation-trans.png) left top no-repeat; width:151px; height:22px; padding-top:30px; overflow:hidden; }
.twtr-ft div span a:hover { text-decoration:none !important; }

/*Contact-Us Section CSS starts here*/ 
#contactus-content.widget { float:left; width:950px; font-size:12px; }
#contactus-content.widget h2 { background:url(../images/contact-us.jpg) left top no-repeat; border-bottom:1px solid #999999; height:33px; margin-bottom:10px; }
#contactus-content.widget h2 span { display:none; }
#contactus-content.widget h3 { font-size:14px; font-weight:normal; color:#295481; padding:4px 0 0 5px; }
#contactus-content.widget p { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:5px; text-align:justify; }
#contactus-content.widget a.link { color:#295481; text-decoration:none; }
#contactus-content.widget .read-more { padding:5px 0; }
#contactus-content.widget table { margin-left:8px;}
#contactus-content.widget table td { padding:2px 0;}
#contactus-content.widget input.text-field { border:1px solid  #888; padding:2px 0; width:200px; }
#contactus-content.widget textarea.text-field { border:1px solid  #888; padding:2px 0; width:500px; }
#contactus-content.widget select.text-field { border:1px solid  #888; padding:2px 0; width:200px; }