/*
Theme Name: Optimistika
Theme URI: http://pbuttons.com
Description: Optimistika Design Portfolio
Author: pButtons
*/

/*
Optimistika Main.css
PButtons
www.pbuttons.com
*/

body {
	background: #4a4a4a url(grafix/bg_top_left.png) no-repeat top left;
	color: #999999;
	font-size: 13px;
	font-family: trebuchet, arial, sans serif;
}
strong {
	font-weight: bold;
}
em {font-style: italic;

}

/*layout styles*/

#wrapper {
	width: 764px;
	padding-left: 62px;
	margin: 0 auto;
	/*padding: 70px 0 20px 0;*/
	position: relative; /*for left link*/
}

#left {
float: left;
width: 626px;/*sits 15px off right, but content pushes right over to create the margin*/
border-bottom: 1px solid #777777;
}
/*#left*/ #logo {
	text-indent: -1000em;
	background: url(grafix/h1.png) no-repeat;
	width:52px;
	height:50px;
	margin: 10px 0 9px 574px;
}

/*#left*/ #content {
	background: url(grafix/drop_shadow.png) no-repeat top left;
	margin: -18px 0 0 -19px;
	padding: 18px 0 0 19px;
	width: 641px;
}

/*#left*/ /*#content*/ #slideshow {
	/*border: 4px solid #fff;*/
	position: relative;
	/*width: 618px;*/
	height: 386px;
	/*margin:-20px 19px 15px 4px;*//*without cycle, this is needed*/
	margin:4px 19px 4px 4px;
	overflow: hidden; /*this means you wont see the slides on load etc*/
}
#slideshow img {/*dev - my images are the wrong size */
	width: 618px;
	height: 384px;
}
/*#left*/ /*#content*/ #pager {
	overflow: hidden;
	height: 10px;
	padding: 15px 15px 25px 0;
}
/*#left*/ /*#content*/ #pager li {
	float: left;
	margin-right: 5px;
}
#pager a {
	background: #999;
	display: block;
	width: 17px;
	height: 17px;
	line-height: 16px;
	text-align: center;
	color: #4a4a4a;
}
#pager a:link {color: #999; text-decoration: none;}
#pager a:visited {color: #666; text-decoration: none;}
#pager a:hover, #pager a.activeSlide {background: #00ffff; text-decoration: none;}
#pager a:active {color: #666; text-decoration: none;}


/*#left*/ /*#content*/ #text {
	margin-bottom: 32px;
	padding-right: 15px;
	line-height: 1.2; /*this is instead of having margin on h2*/
}
#text > * {
	width: 626px;
}

#text a:link {color: #00ffff}
#text a:visited {color: #00b2b2}
#text a:hover {background: #00ffff; color: #4a4a4a;}
#text a:active {background: #00ffff; color: #999999;}


/*#left*/ /*#content*/ #text h2 {
	/*margin-bottom: 12px;*/
	font-size: 1.2em;
}
/*#left*/ #slide_left {
	position: absolute;
	left: 0;
	top: 232px;
	width: 46px;
	height: 46px;
	/*display: none;*/ /*hiding from non js browsers*/
}
/*#right*/ #slide_right {
	position: absolute;
	width: 47px;
	height: 47px;
	left: 0;
	top: 232px;
	/*display: none;*/ /*hiding from non js browsers*/
}
#slide_right a, #slide_left a {
	background: url(grafix/sprite_pm.png) no-repeat;
	text-indent: -1000em;
	display: block;
	width: 100%;
	height: 100%;
}
/* plus and minus */
a.minus {
	background-position: -5px -5px !important;
}

a.minus:hover {
	background-position: -5px -56px !important;
}
a.plus {
	background-position: -5px -107px !important;
}

a.plus:hover {
	background-position: -5px -158px !important;
}

/*#right*/ #slide_right:hover {
	background-position: 0 -52px;
}
#right {
	
	position: relative;
	height: 463px;
	width: 123px; /*needs to be declared to make things behave when animating the menu*/
	float: right;
}

/*#right*/ #nav_main {
	overflow: hidden;
	width: 150px; /*em*/
	height: 141px;
	padding-top: 61px;
	background: #656565;
}
/*#right*/ #nav_main li {
	line-height: 1.3;
	padding-left: 15px;
}

#nav_main a:link {color: #fff; text-decoration: none;}
#nav_main a:visited {color: #fff; text-decoration: none;}
#nav_main a:hover {color: #00ffff; text-decoration: none;}
#nav_main a:active {color: #33ffff; text-decoration: none;}

/*{color: #00ffff;}*/
.parent-pageid-117 #nav_main #menu_117, .parent-pageid-43 #nav_main #menu_43,
.parent-pageid-93 #nav_main #menu_93, .parent-pageid-95 #nav_main #menu_95,
.parent-pageid-97 #nav_main #menu_97 {color: #00ffff;}
/*#right*/ #contact_info {
	position: absolute;
	width: 135px;/*em*/
	bottom: 0;
	line-height: 1.1;
	/*left: 15px;*/
	
}
#contact_info a:link {color: #999; text-decoration: none;}
#contact_info a:visited {color: #999; text-decoration: none;}
#contact_info a:hover {color: #666; text-decoration: none;}
#contact_info a:active {color: #999; text-decoration: none;}

#footer {
	clear: both;
	border-top: 1px solid #d2d2d2;
	color: #666666;
	overflow: hidden; /*clears li float in footer*/
	margin-right: 138px;
	line-height: 2.3;
}

/*common styles*/

#footer ul {
	
}

#footer ul li {
	float: left;
	margin-right: 20px;
}
#footer a:link {color: #666; text-decoration: none;}
#footer a:visited {color: #666; text-decoration: none;}
#footer a:hover {color: #999; text-decoration: underline;}
#footer a:active {color: #666; text-decoration: none;}

/* sprite bg */
.sprite-bg_top_left { background-position: 0 0; } 
.sprite-h1 { background-position: 0 -559px; } 
.sprite-minus { background-position: 0 -659px; } 
.sprite-minus_h { background-position: 0 -756px; } 
.sprite-plus { background-position: 0 -853px; } 
.sprite-plus_h { background-position: 0 -950px; } 

/*
#container li {
   background: url(csg-4a81b6008de8d.png) no-repeat top left;
}
*/