@import 'reset.css';

/* 	Layout
 ``````````````````````````````````````````````````````````````````````````` */
	 	
body {
  	background: #014bba url("../images/background.jpg");
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	color: #313131;		
}

h1 { color: #fff; font-size: 28px; font-family: Arial; }
h2 { font-size: 20px; font-weight: bold; color: #44ebff; font-weight: normal; font-family: Arial; }
h3 { font-size: 18px; color: #1267b7; font-weight: bold; font-family: Tahoma; margin: 15px 0 5px 0; }
h3 a { color: #1267b7; }
h4 { font-size: 15px; color: #032759; font-weight: bold; font-family: Arial; }
h5 { font-size: 12px; color: #801d11; }
						
p { line-height: 1.5em; text-align: left; display: block }

a { text-decoration: none; cursor: pointer; color: #194ec4; }
a:hover { text-decoration: underline; }

ul { list-style-type: none; }

/* 	Page + bg
 ``````````````````````````````````````````````````````````````````````````` */	

#bg { background: url("../images/bg.jpg") repeat-x; height: auto; }

#page { width: 993px; top: 40px; margin: 0 auto 40px auto; position: relative; background: url("../images/page_height.png") repeat-y; }

#page .ptop { width: 993px; height: 22px; background: url("../images/page_top.png") no-repeat; display: block; position: absolute; top: -22px; left: 0; text-indent: -99999em; }
#page .pbottom { width: 993px; height: 22px; background: url("../images/page_bottom.png") no-repeat; display: block; position: absolute; bottom: -22px; left: 0; text-indent: -99999em; }


/* 	Page -> header
 ``````````````````````````````````````````````````````````````````````````` */	
#page #header #accountbox { float: right; margin: 10px 15px 0 0; }


#page #header { width: 951px; height: 100px; margin: 0 auto 0 auto; position: relative; top: 0px; }
#page #header h1 { width: 240px; height: 80px; margin: 0 0 0 0px; background: url("../images/logo-impirus.png") no-repeat; text-indent: -99999em; float: left; display: inline; }
#page #header #h_logo a { width: 240px; height: 80px; margin: 0 0 0 0px; background: url("/content/images/logo-impirus.png") no-repeat; text-indent: -99999em; float: left; display: inline; }

#page #header #menu { margin: 15px 0 0 0; float: right; display: inline; }
#page #header #menu li { float: left; font-size: 13px; font-weight: bold; margin: 0 5px 0 5px; }	
#page #header #menu li.active { padding: 0; border: 0; height: 40px; background: url("../images/menu_active_width.jpg") repeat-x top ; }		
#page #header #menu li.active span { float: left; display: block; height: 40px; background: url("../images/menu_active_left.jpg") no-repeat left; }		
#page #header #menu li.active span span { display: block; height: 40px; background: url("../images/menu_active_right.jpg") no-repeat right; }		
#page #header #menu li.active span span span { height: auto!important; padding: 12px 20px 0 25px; background: none; color: #fff; }		
#page #header #menu li.active span span span a { border-right: 0; margin: 0; padding: 0; float: left; color: #fff; }
#page #header #menu li a { margin-top: 9px; display: block; border-right: 1px solid #d1d1d1; padding: 4px 10px 4px 5px; }	
#page #header #menu li:last-child a { border-right: 0px solid #d1d1d1; }	

	
/* 	Page -> center
 ``````````````````````````````````````````````````````````````````````````` */	
		
#center { width: 973px; min-height: 300px; margin: 0 auto 0 auto; }

#center #banner { width: 938px; height: 340px; overflow: hidden; position: relative; margin: 0 auto 0 auto; background: url("../images/impirus-web-analytics-reporting-home-banner.jpg") no-repeat; }
#center #banner h1 { position: relative; top: 20px; margin: 0 0 30px 45px; font-weight: normal; }
#center #banner h1 strong { font-size: 26px; }
#center #banner h2 { margin: 20px 0 0 45px; }
#center #banner h3 { margin: 15px 0 0 45px; color: #a2caff; font-size: 16px; font-weight: normal; width: 60%; }

#center #banner p { margin: 15px 0 0 45px; color: #a2caff; font-size: 16px; width: 60%; }
#center #banner a.button_30_day_free_trial { display: block; text-indent: -99999em; width: 250px; height: 108px; background: url("../images/button-30-day-free-trial.png") no-repeat; position: absolute; top: 240px; left:45px; }

#banner_video { width: 370px; height: 300px; float: right; }
#banner_left { float: left; width: 535px; }
#banner_right { float: right; margin: 30px 15px 0 0; }

/* 	Page -> boxes
`````````````````````````````````````````````````````````````````````````` */

#boxes img { float: left; }
#boxes h4 { font-size: 14px; }

#center #boxes { width: 1050px; height: 300px; background: url("../images/bg_boxes.jpg") no-repeat left bottom; }
#center #boxes .box { width: 260px; height: 290px; float: left; display: inline; margin: 0px; background: url("../images/bg_boxes_box.png") no-repeat; }

#center #boxes .box { position: relative; }
#center #boxes .box .padding { margin: 0 auto 0 auto; position: relative; padding: 20px 0 0 0; width: 75%; }
#center #boxes .box .title { height: 100px; position: relative; padding-top: 0px; }
#center #boxes .box .img { margin: 0 10px 0 0; display: block; position: absolute; top: 0;
                           left: 0; text-indent: -99999em; width: 120px; height: 95px;
                           background: url("../images/legal-website-world-paragraph-symbol.png") no-repeat; }
#center #boxes .box h4 { width: 100px; margin: 10px 0 0 -10px; float: right; display: inline; }
#center #boxes .box p { margin: 0px 0 0 0; text-align: center; }

#center #boxes .box .button_find_out_more { position: absolute; top: 205px; left: 35px; display: block; width: 129px; height: 42px; background: url("../images/button-find-out-more.png") no-repeat; text-indent: -99999em; }

#center #boxes .box.t2 { position: relative; left: -20px; }
#center #boxes .box.t2 .img { background: url("../images/internet-marketing-world-arrow-symbol.png") no-repeat; }
#center #boxes .box.t3 { position: relative; left: -43px; }
#center #boxes .box.t3 .img { background: url("../images/online-ppc-ad-world-arrows-computers-symbol.png") no-repeat; }
#center #boxes .box.t4 { position: relative; left: -64px; }
#center #boxes .box.t4 .img { background: url("../images/website-hosting-world-servers-symbol.png") no-repeat; }
	
/* 	Page -> underside
`````````````````````````````````````````````````````````````````````````` */

.underside { width: 940px!important; padding-top: 20px; margin: 0px auto 0 auto!important; background: #f2f2f2; }

/* 	Page -> left
`````````````````````````````````````````````````````````````````````````` */

.underside #left { width: 278px; float: left; display: inline;  }
.underside #left ul { width: 254px; margin: 0 auto 0 auto; }
.underside #left ul li { overflow: hidden; }
.underside #left ul li img { display: block; }

.underside #left .box { width: 243px; background: #eaeaea; margin: 10px auto 0 auto; }
.underside #left .box span.top { display: block; width: 243px; height: 12px; background: url("../images/box_top.gif") no-repeat; text-indent: -99999em; }
.underside #left .box span.bottom { display: block; width: 243px; height: 12px; background: url("../images/box_bottom.gif") no-repeat; text-indent: -99999em; }
.underside #left .box ul { padding: 0px 0 10px 0; width: 210px; margin: o auto o auto; }
.underside #left .box ul li { float: left; width: 100%; border-bottom: 1px solid #cecece; padding: 10px 0 10px 0; }
.underside #left .box ul li dl dt { float: left; display: inline;  width: 30px; }
.underside #left .box ul li dl dd { float: left; width: 170px; font-size: 12px; }

/* 	Page -> wrapper
`````````````````````````````````````````````````````````````````````````` */

.underside #wrapper { width: 600px; float: right; display: inline; background: #fff; padding: 5px 0 5px 15px; font-size: 13px;}
.underside #wrapper h1 { color: #062a5c; background: url("../images/bear_bottom.jpg") no-repeat left bottom; }

.underside #wrapper ol { line-height: 1.5em; padding: 0 0 0 30px; }

.underside #wrapper .title { width: 600px; height: 52px; background: url("../images/beam_bottom.gif") no-repeat; position: relative; left: -8px; margin: 8px 0 8px 0; }
.underside #wrapper .title h3 { padding: 16px 0 0 0; margin: 0 0 0 25px; }
.underside #wrapper .title img.icon_1 { display: block; width: 85px; height: 90px; position: absolute; right: 5px; top: -35px; }
.underside #wrapper .title span.icon_1 { display: block; width: 85px; height: 90px; background: url("../images/legal-website-world-paragraph-symbol.png") no-repeat; position: absolute; right: 5px; top: -35px; text-indent: -99999em; }
.underside #wrapper .title img.icon_2 { display: block; width: 95px; height: 95px; position: absolute; right: 5px; top: -35px; }
.underside #wrapper .title span.icon_2 { display: block; width: 95px; height: 95px; background: url("../images/internet-marketing-world-arrow-symbol.png") no-repeat; position: absolute; right: 5px; top: -35px; text-indent: -99999em; }
.underside #wrapper .title img.icon_3 { display: block; width: 104px; height: 86px; position: absolute; right: 5px; top: -35px; }
.underside #wrapper .title span.icon_3 { display: block; width: 104px; height: 86px; background: url("../images/online-ppc-ad-world-arrows-computers-symbol.png") no-repeat; position: absolute; right: 5px; top: -35px; text-indent: -99999em; }
.underside #wrapper .title img.icon_4 { display: block; width: 85px; height: 70px; position: absolute; right: 5px; top: -35px; }
.underside #wrapper .title span.icon_4 { display: block; width: 85px; height: 70px; background: url("../images/website-hosting-world-servers-symbol.png") no-repeat; position: absolute; right: 5px; top: -35px; text-indent: -99999em; }

.underside #wrapper .article p { padding: 0 0 1.3em 0; }
.underside #wrapper .article .title h2 { font-size: 18px; color: #1267b7; font-weight: bold; font-family: Tahoma; margin: 0 0 0 25px; padding: 16px 0 0;}
.underside #wrapper .article h3 { font-size: 14px; color: #1267b7; font-weight: bold; font-family: Tahoma; margin: 15px 0 5px 0; }
.underside #wrapper .article ul { padding: 0 0 15px 20px; list-style-type: disc; display: block; }
.underside #wrapper .article ul ul { padding: 0 0 15px 20px; list-style-type: square }
.underside #wrapper .article ul ul li { padding: 0 0 .2em 0 }
.underside #wrapper .article li { padding: 0 0 1em 0; }
.underside #wrapper ul.list { margin: 10px 0 10px 16px; font-size: 12px; }
.underside #wrapper ul.list li { float: left; width: 100%; padding-left: 30px; background: url("../images/ok_2.gif") no-repeat 0 60%; margin: 2px 0 5px 0;  }

/* 	Page -> wrapper -> how it works
`````````````````````````````````````````````````````````````````````````` */

.underside #wrapper .how_it_works { width: 100%; margin-left: -14px; }
.underside #wrapper .how_it_works li { float: left; margin-bottom: 15px; padding-bottom: 6px; width: 100%; background: url("../images/bear_bottom.jpg") no-repeat left bottom; }
.underside #wrapper .how_it_works li dl dt.literation { margin-top: 15px; float: left; display: inline; width: 78px; height: 118px; background: url("../images/bg_literation.jpg") no-repeat; }
.underside #wrapper .how_it_works li dl dt.literation span { display: block; margin: 25px 0 0 15px; font-size: 50px; color: #fff; }
.underside #wrapper .how_it_works li dl dt.image { float: left; display: inline; width: 235px; }
.underside #wrapper .how_it_works li dl dd { float: left; display: inline; width: 230px; font-size: 14px; margin-top: 6px; font-weight: bold; }
.underside #wrapper .how_it_works li dl dd span { font-size: 20px; color: #1267b7; }

.underside.articles #wrapper dl { margin: 15px 0 0 35px; width: 80%; }
.underside.articles #wrapper dl dt { font-size: 14px; font-family:  Arial; font-weight: bold; color: #1267b7; }
.underside.articles #wrapper dl dd { margin: 3px 0 15px 15px; }
.underside.articles #wrapper dl dd pre { color: red; }

.underside.pricing #wrapper .padding { margin: 10px 0 10px 15px;  }
.underside.pricing #wrapper .padding h2 { color: #484848;  }
.underside.pricing #wrapper .padding h4 { color: #8a8a8a; }

.underside.pricing #wrapper a.button_sign_up_now { margin: 10px 0 10px 15px; display: block; width: 188px; height: 88px; background: url("../images/button-sign-up.jpg") no-repeat; text-indent: -99999em; }


.underside.services .title { margin: 40px 0 0 0!important; }
.underside.services #wrapper .list { margin-left: 40px!important; }

/* 	Footer
 ``````````````````````````````````````````````````````````````````````````` */	
						
#footer { width: 973px; margin: 5px auto 0 auto; position: relative; height: 30px; z-index: 20; }
#footer ul { display: block; padding-top: 14px; text-align: center; }

#footer a.logo { display: block; width: 90px; height: 36px; background: url("../images/logo-impirus-small.gif") no-repeat; text-indent: -99999em; position: absolute; right: 20px; top: 2px; }

#footer_2 { width: 973px; margin: 18px auto 0 auto; position: relative; z-index: 20; }
#footer_2 ul { display: block; margin: 5px; padding-top: 5px; text-align: center; }
#footer_2 ul li { display: inline; border-right: 1px solid #fff; padding: 0 12px 0 12px; }
#footer_2 ul li:last-child { border-right: 0px solid #fff; }	
#footer_2 ul li a { color: #fff; }
#footer_2 a.logo { display: block; width: 90px; height: 36px; background: url("../images/logo-impirus-small.gif") no-repeat; text-indent: -99999em; position: absolute; right: 20px; top: 2px; }
#footer_2 span { color: #fff; text-align: center }

/* 	Form
 ``````````````````````````````````````````````````````````````````````````` */	
				
input, textarea, select { font-size: 11px; font-family: Tahoma, "Trebuchet MS", "Lucida Sans Unicode", sans-serif; border: 1px solid}
form fieldset { border: 1px solid; border-color: #000; border-bottom-style: solid none none; border-width: 1px 0 0; padding: 10px; margin:10px 0 0;}
form input textbox { border: 1px solid #ccc }
form div { clear: left; display: block; margin: 5px 0 0; padding: 1px 3px; width: 565px; }
form div label { display: block; margin: 0 0 5px; padding: 3px 5px; }
form div input { margin: 0; padding: 1px 3px; width: 555px; }
form .button { margin: 15px; padding: 5px; height: 30px; width: 80px; background: #888; }
form .button:hover { background: #ccc; }
form div.login input { width: 0 }
table.form { border-collapse: separate; border-spacing: 10px; }
div.form { font-size: 16px; }
div.form p { margin: 20px 0; width: 430px }
div.form input, div.form textarea, div.form select { font-size: inherit; padding: 5px; width: 250px; }
div.form input[type="submit"] { width: auto; }

#cwrap a { text-decoration: underline; color: #1267b7 }
#cwrap a:hover { color: Purple; }
#cwrap h1 { border-bottom: 1px solid; color: #1267b7; font-size: 24px; display: inline; padding: 5px; }
#cwrap h2 { color: #1267b7; margin: 5px 0; padding: 10px 5px; }
#cwrap h3 { font-size: 18px; font-weight: normal; margin: 5px 0; padding: 15px 5px 0; }
#cwrap h3.inline { display: inline }
#cwrap { background: #f2f2f2; margin: 40px 150px; }

#emailer form { font-size: 18px; color: #1267b7; padding: 10px 5px; }
#emailer input { font-size: 18px; color: #1267b7; padding: 2px 10px; }
#emailer input[type="text"] { width: 300px; padding: 3px; color: #000; border-color: #1267b7; }
#emailer input[type="submit"]:hover { background: #ccc; cursor: pointer; }

#follow li { float: left; list-style-image: none; list-style-type: none; font-size: 14px; margin: 0 0 0 17px; }
#follow li a { padding: 3px 0 3px 20px; color: #1267b7; }
#follow li a:hover { color: Purple; }
#follow li.twitter { background: transparent url(/content/images/icon_twitter.png) no-repeat scroll left center; }
#follow li.facebook { background: transparent url(/content/images/icon_facebook.png) no-repeat scroll left center; }
#follow li.linkedin { background: transparent url(/content/images/icon_linkedin.png) no-repeat scroll left center; }

/* Validation Errors */

.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/* General Headings */

.h3-heading { font-size: 18px; color: #1267b7; font-weight: bold; font-family: Tahoma; margin: 15px 0 5px 0; }
.admin-menu-heading { width:85%; text-align:center; }
.admin-menu-button { width:85%; margin-left:40px; }
.small-help { color: #7e7e7e; font-size: 9px; }