/* Stylesheet for proActive
** Author: Govnah
** Company: Silky IT Production
** Date: 02/11/2010
*/


/********************************************

Global classes and tags styling

*******************************************/
img {border:0; margin:0; padding:0}

.clear {clear:both;}

.left {float:left; margin-right:10px;}

.right {float:right; margin-left:10px}

.seperator {height:1px; border-bottom:1px dashed #888e9a; margin:20px 0 20px 0;}


ul {
    list-style-type:none;
	padding:0 0 0 10px;
}

li {
	list-style-type:none;
	padding-left:25px;
	padding-bottom:10px;
    background: transparent url(../images/bullet.png) no-repeat;
    background-position:0 0px;
	color:#acb3bd;
}
/*---------------------------------------*/


/********************************************

Global link

*******************************************/
a {color:#cb952d; text-decoration:underline;}

a:hover {color:white; text-decoration:none;}

/*---------------------------------------*/

/********************************************

Main Layout

*******************************************/

body {
	background:#11C170;
	color:white;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
}

#wrap {
	width:930px;
	height:auto;
	margin:0 auto;
	font-size:12px;
}

#banner {
	width:930px;
	height:auto;
	margin:0;
}

#banner_bg {
	width:930px;
	height:100px;
	background:url(../images/proactive.jpg) no-repeat 0 0px;
	background-repeat:no-repeat;
	margin:0;
}

#logo {
	margin-left:40px;
	padding-top:2px;
	height:97px;
	width:276px;
	float:left;
}

#nav1 {
	width:540px;
	background:#e91a1a;
	float:right;
	margin-top:30px;
	margin-right:30px;
}#nav1 ul {list-style:none; font-weight:bolder;
}#nav1 li {display:inline; padding:0 20px 0 20px;
}#nav1 li a {color:white; text-decoration:none; padding:10px 0 10px; 0;
}#nav1 a:hover {color:#000; text-decoration:underline; background-color:#e6990a
}#nav1 li.home {background-image:url(../images/bullet-home.png); background-repeat:no-repeat; background-position:0 -1px
}#nav1 li.company {background-image:url(../images/bullet-tools.png); background-repeat:no-repeat;
}#nav1 li.contact {background-image:url(../images/bullet-contact.png); background-repeat:no-repeat; background-position:0 1px}

#banner-pic {
	width:930px;
	height:200px;
	background:url(../images/proactive.jpg) no-repeat 0px -100px;
	background-repeat:no-repeat;
}

#mid-nav {
	width:930px;
	height:65px;
	margin:0 auto;
	padding:0;
	background:url(../images/proactive.jpg) no-repeat 0px -300px;
	background-repeat:no-repeat;
}
#mid-nav span {
	display:none;
}
#mid-nav li, #mid-nav a {
	height:65px;
	display:block;
	padding:0;
}
#mid-nav li {
	float:left;
	list-style:none;
	display:inline;
	background:none;
}
#buy {width:914px;}

#buy a:hover {background:url(../images/proactive.jpg) no-repeat 0 -370px;}

#content {
	width:898px;
	margin:0 auto;
	background:url(../images/bg.jpg) repeat-y;
	padding:0px 16px 30px 16px;
}

#info {
	width:650px;
	height:auto;
	float:right;
	margin-right:15px;
	text-align:justify;
}#info h1 {
	border-bottom:2px #dbe3f0 solid;
	padding-left:5px;
}#info img {
	border:5px white solid;
}
.infoLeft {
	width:290px;
	height:auto;
	float:left;
	margin-left:20px;
}

.infoRight {
	width:290px;
	height:auto;
	float:right;
	margin-left:30px;
}

.infoFull {
	width:620px;
	height:auto;
	float:left;
	margin-left:20px;
}

#sidebar {
	width:210px;
	height:auto;
	margin-left:8px;
	margin-bottom:20px;
	float:left;
}#sidebar ul {
	list-style:none;
	margin:0;
	padding-top:10px;
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	color:#666;
}#sidebar li {
	border-top:1px #5b626c dotted;
	padding:13px 0 15px 25px;
    background: transparent url(../images/bullet-red.png) no-repeat;
    background-position:0 13px;
	color:black;
}
#sidebar h2 {
	font-size:18px;
	padding-top:15px;
	text-align:center;
}#sidebar a{color:#666; text-decoration:none;}
 #sidebar a:hover{color:#acb3bd; text-decoration:none;}

#footer {
	width:900px;
	height:35px;
	padding:20px 15px 0 15px;
	background:url(../images/proactive.jpg) no-repeat 0px -440px;
	background-repeat:no-repeat;
	color:#888e9a;
}
#footer span {
	padding-left:15px;
}
#footer a { color:#999; text-decoration:underline; font-weight:bold} 
#footer a:hover {color:#FFF; text-decoration:underline}






/******************************************************************************
						BEGIN sidebar ROUNDED BOXES
******************************************************************************/
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.sidebar {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:210px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under sidebar */
}

.sidebar .contents,
.sidebar .t,
.sidebar .b,
.sidebar .b div {
 background: url(../images/sidebar.jpg) no-repeat top right;
}

.sidebar .contents {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.sidebar .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.sidebar .b {
 /* bottom */
 position:relative;
 width:100%;
}

.sidebar .b,
.sidebar .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.sidebar .b {
 background-position:bottom right;
}

.sidebar .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.sidebar .hd,
.sidebar .bd,
.sidebar .ft {
 position:relative;
}

.sidebar .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.sidebar h1,
.sidebar p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.sidebar h2 {
 padding-bottom:0px;
}
/******************************************************************************
						END sidebar ROUNDED BOXES
******************************************************************************/