@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: layout.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/

/*  search for anything
global declarations = GENERIC, H1 TO H6 styling	= HEAD, changeable content = CONTENT, navs / listings	= NAVS,
mdoules = ARTICLE, plain bg colors = BGS, gradients = GRADS, borders = BORDERS, visual containers	= ROUNDS,
text, fonts, = TEXTALL, form, input	= INPUT, footer = FOOTER, Miscellaneous = MISC,


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 12px Arial; color:#000; text-align:left;}
.body {background:url(../images/site/pagebg.gif) top repeat-x}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p,form,blockquote {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
a {color:#0281ab; font-weight:bold; text-decoration:none}
a:hover {color:#a80000; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
p {line-height:150%}
label {cursor:pointer}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h3.ask-for-report {background:url(../images/site/ask-for-report.gif) left top no-repeat; height:46px; line-height:55px; text-indent:55px; font-size:13px; color:#FFF}
h2.hit4seo {font-size:18px; color:#0796c7; font-weight:normal; margin-bottom:10px}
h3.hit4seo {font-size:14px; font-weight: bold; color:#FF0000; font-weight:normal; margin-bottom:10px}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:940px; font:normal 12px Arial;}
#header {width:100%}
#middleHead {height:79px; padding-top:19px; overflow:hidden}
#logo {float:left; width:190px; /*margin:0 0 0 15px; display:inline;*/}
#welcome {height:33px; line-height:33px; text-align:right; font-weight:bold; font-size:13px; color:#FFF}
#topBanner {float:right}
#topBanner img {border:1px solid #0997c7}
#breadCrumb {height:34px; line-height:34px}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {padding-top:10px}
#sidebar {float:left; width:238px}
#content {float:right; width:691px}
#about {background:url(../images/site/abouthitforseo.jpg) left top no-repeat; height:251px; padding-top:1px}
#about h1 {font-size:24px; font-family:Arial; color:#FFF; margin:15px 0 0 279px}
#about p {font-size:12px; color:#FFF; margin:10px 0 0 279px}
#about p a {color:#FFF}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
/* global nav */
ul.nav1 {padding:0; margin:0; height:36px; list-style:none}
ul.nav1 li {background:url(../images/site/divider.gif) right top no-repeat; padding-right:2px; display:inline; float:left; position:relative}
ul.nav1 a {padding:9px 20px; font:bold 13px Arial; color:#FFF; display:block} 
ul.nav1 a:hover {text-decoration:none}
ul.nav1 ul {display:none; position:absolute; top:34px; width:230px; padding:0; margin:0; background:url(../images/site/dropshadow.gif) right top no-repeat; padding-right:5px; padding-bottom:5px}
ul.nav1 ul li {background:#0280AA; float:left; display:block; border-bottom:1px solid #026487; width:100%} 
ul.nav1 li:hover > ul {display:block}
ul.nav1 ul li a {font-weight:normal; font-size:11px; border-bottom:1px solid #0997C7; color:#FFF}
ul.nav1 ul li a:hover {color:#FFF; text-decoration:none; font-weight:bold;}
ul.nav1 ul ul {position:absolute; left:225px; top:2px}
ul.nav1 li.dir {background:url(../images/site/dropdown.gif) right top no-repeat}
ul.nav1 ul li.dir {background:#0280AA url(../images/site/arrow2.gif) 210px 12px no-repeat}


/* text  listing */
ul.list1 {padding:0; margin:15px 0 0; list-style:none}
ul.list1 li {background:url(../images/site/arrowtwo.gif) left 8px no-repeat; text-indent:15px; line-height:25px}

/* 	MODULES (id=ARTICLE)
**********************************************************/

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.bgone {background:#f4f4f4}

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/

/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
span.modend1 {background:url(../images/site/sprite.gif) left -10px no-repeat; padding-left:10px; display:block}
span.modend1 span {background:url(../images/site/sprite.gif) right -10px no-repeat; display:block; height:5px; overflow:hidden}
.box1 {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:8px}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}

/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}

/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}

/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}

/* colored text */

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input {border:1px solid #e6e6e6; padding:4px; font-size:11px; color:#868585} 
.button {background:#9a100b url(../images/site/button.gif) repeat-x top; font:bold 12px Arial; color:#FFF; cursor:pointer; border:1px solid #AB0600; padding:5px; text-transform:capitalize}

/* form grid */
.form1 ul {padding:0; margin:0; list-style:none}
.form1 li {display:block; padding:4px 5px 2px 0}
.form1 li label {width:75px; padding:2px 0 3px 0; float:left}

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer{margin-top:10px; font:normal 12px Arial;}
#sitemap {background:transparent url(../images/site/sitempa.png) no-repeat left top; height:165px; width:956px; margin:0 auto}
#sitemap a {color:#FFF; font-weight:normal}
#sitemap div.sitemap1 {float:left; margin:14px 0 0 16px; overflow:hidden; width:167px; display:inline}
#sitemap div.sitemap2 {float:left; margin:14px 0 0 16px; overflow:hidden; width:182px; display:inline}
#sitemap div.sitemap3 {float:left; margin:14px 0 0 16px; overflow:hidden; width:183px; display:inline}
#sitemap div.sitemap4 {float:left; margin:14px 0 0 16px; overflow:hidden; width:180px; display:inline}
#sitemap div.sitemap5 {float:left; margin:14px 0 0 16px; overflow:hidden; width:164px; display:inline}
#sitemap div h3 {color:#FFF; font-size:14px; text-align:left; text-transform:capitalize; margin-bottom:8px}
#sitemap div ul {margin:0; padding:0; list-style:none}
#sitemap div ul li {display:block; margin-bottom:8px; font-size:11px; background:url(../images/site/arrowone.gif) left 5px no-repeat; text-indent:15px}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}

/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both}