* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
	
		
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
		
				
body {
	font-family: Lucida Grande, Georgia, Times New Roman, Times, serif;
	font-size: 0.75em;
	line-height: 1.2em;
	background: #383838 url("images/products_body_bg.png") repeat-x top center;
	color: #000;
	width: 1226px;
	margin: auto;
	text-align: center;
		}

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #777; }
a img { border: 0px; }

.sisennys {
	padding-left: 20px;
	margin-bottom: 14px
}

.oneline {
	margin-bottom: 5px
}
.manylines {
	margin-bottom: 14px
}


hr	{	height:1px; color: #CCCCCC}


h1
{
	font-weight: normal;
	margin: 0;
    padding: 0;
	font-size: 26px;
	text-transform: uppercase;
	font-family: arial;
	}

.superbold {
	font-weight: 900;
	font-family: arial black, arial;
}

.cb { margin-bottom: 15px; }

p.ingress {
	display: none;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
    padding: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-family: arial;
}

h2
{
	color: #333;
	font-weight: normal;
	margin: 0;
    margin-bottom: 14px;
    padding: 0;
	font-size: 18px;
}

h3 {
	color: #58b9c2;
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
	font-size:12px;
	text-align: left;
}

p {
	margin-top: 0px;
	color: #333;
	margin-bottom: 14px;
	line-height: 130%;
}


/* slider starts */

#wrapper {
	position: relative;
    width: 1000px;
	margin: 0px auto;
	top: 99px;
	left: 6px;
}

#intro {
    padding-bottom: 10px;
}




#slider {
    width: 937px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 557px;
    width: 937px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 0px 0px 0px 0px;
    height: 557px;
    width: 937px;
}

.mrgnbottom {
	margin-bottom: 7px;
}

#think_ahead_index { background: url(images/think_ahead.png) no-repeat top left; }
#meeting { background: url(images/bldr_meeting_bg.png) no-repeat top left; }
#perspective { background: url(images/bldr_perspective_bg.png) no-repeat top left; }
#riot { background: url(images/bldr_riot_bg.png) no-repeat top left; }

#go_digital_index { background: url(images/go_digital.png) no-repeat top left; }
#presence { background: url(images/bldr_presence_bg.png) no-repeat top left; }
#site { background: url(images/bldr_site_bg.png) no-repeat top left; }
#blog { background: url(images/bldr_blog_bg.png) no-repeat top left; }

#be_unique_index { background: url(images/be_unique.png) no-repeat top left; }
#brand { background: url(images/bldr_brand_bg.png) no-repeat top left; }
#product { background: url(images/bldr_product_bg.png) no-repeat top left; }
#campaign { background: url(images/bldr_campaign_bg.png) no-repeat top left; }



.panelheading {
	position: relative;
	top: 46px;
}

.contentbox {
	padding: 80px 30px 30px 30px;
	text-align: left;
}

.contentbox_bldr {
	position: relative;
	top: 160px;
}

.content_column1 {
	position: absolute;
	top: 296px;
	left: 107px;
	text-align: left;
	height: 261px;
	width: 170px;
	font-size: 11px;
	word-spacing: -1px;
}

.content_column2 {
	position: absolute;
	top: 296px;
	left: 385px;
	text-align: left;
	height: 261px;
	width: 170px;
	font-size: 11px;
	word-spacing: -1px;
}

.content_column3 {
	position: absolute;
	top: 296px;
	left: 664px;
	text-align: left;
	height: 261px;
	width: 170px;
	font-size: 11px;
	word-spacing: -1px;
}

.front_column {
	float: left;
	text-align: left;
	height: 350px;
	width: 250px;
	margin: 0 20px;
	font-size: 11px;
	word-spacing: -1px;
}

.product_column1 {
	position: absolute;
	top: 195px;
	left: 107px;
	text-align: left;
	height: 350px;
	width: 217px;
	font-size: 11px;
	word-spacing: -1px;
}

.product_column2 {
	position: absolute;
	top: 195px;
	left: 363px;
	text-align: left;
	height: 350px;
	width: 217px;
	font-size: 11px;
	word-spacing: -1px;
}

.product_column3 {
	position: absolute;
	top: 195px;
	left: 623px;
	text-align: left;
	height: 350px;
	width: 217px;
	font-size: 11px;
	word-spacing: -1px;
}


div.btmtext {
	position: absolute;
	width: 170px;
	bottom: 0px;
	margin: 0;
	padding: 0;
	color: #333;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

#navigaatio  {
	position: absolute;
	text-align: center;
	top: 14px;
	left: 436px;
	z-index: 1;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 0px;
	width: 300px;
}

ul.navigation a {
    padding-left: 10px;
    text-decoration: none;
	background: url(images/ball_light.png) no-repeat;
	display: inline;
	background-position:2px 2px;
}

ul.navigation a:hover {
	background: url(images/ball_blue.png) no-repeat;
	background-position:2px 2px;
}

ul.navigation a.selected {
	background: url(images/ball_dark.png) no-repeat;
	background-position:2px 2px;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;	
    top: 193px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -35px;
}

.scrollButtons.right {
    right: -35px;
}

.hide {
    display: none;
}		
	

/* added by Pastori */
		
#page-wrap 	{ 
	width: 1226px;
	margin: 0px auto;
	position: relative;
	min-height: 882px;
	background: url(images/products_bg_1226x882_valk.png) top center no-repeat;
	}



/* new navi starts */

#navcontainer { 
	position: relative;
	top: 99px;
	margin-left: 150px;

}

#navcontainer ul
{
margin: 0;
padding-top: 0px;
list-style-type: none;
text-align: center;
font-family: arial;
font-size: 14px;
height: 37px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #ffffff;
background: url(images/navigation.png) top left no-repeat;
float: left;
text-indent: -9000px;
}


#navcontainer ul li a.link1 {background-position:0px -74px; width: 233px; height: 37px;}
#navcontainer ul li a.link1:hover {background-position:0px -37px; width: 233px; height: 37px;}
#navcontainer ul li a.link1_current {background-position:0px 0px; width: 233px; height: 37px;}

#navcontainer ul li a.link2 {background-position:-235px -74px; width: 235px; height: 37px;}  
#navcontainer ul li a.link2:hover {background-position:-235px -37px; width: 235px; height: 37px;}
#navcontainer ul li a.link2_current {background-position:-235px 0px; width: 235px; height: 37px;} 
 
#navcontainer ul li a.link3 {background-position:-468px -74px; width: 234px; height: 37px;}  
#navcontainer ul li a.link3:hover {background-position:-468px -37px; width: 234px; height: 37px;}
#navcontainer ul li a.link3_current {background-position:-468px 0px; width: 234px; height: 37px;}

#navcontainer ul li a.link4 {background-position:-702px -74px; width:235px; height: 37px;}  
#navcontainer ul li a.link4:hover {background-position:-702px -37px; width:235px; height: 37px;} 
#navcontainer ul li a.link4_current {background-position:-702px 0px; width:235px; height: 37px;} 

#navcontainer ul li a:focus {
    outline: none;
}

.footer_p {
	margin-top: 14px;
}

.blue1 { color: #1d4897; }
.blue2 { color: #1d649d; }
.blue3 { color: #17889a; }

.green1 { color: #1f8c44; }
.green2 { color: #52941b; }
.green3 { color: #859619; }

.red1 { color: #8c2e26; }
.red2 { color: #904c15; }
.red3 { color: #a17417; }

/* This is the logo link clickable area */

/* This is the logo link clickable area */
#product1 { 
		position: absolute; 
		top: 100px;
		left: 107px;
		width: 165px; 
		height: 170px; 
		background-color: transparent; 
		border: 0}
	
#product2 { 
		position: absolute; 
		top: 100px;
		left: 385px;
		width: 165px; 
		height: 170px; 
		background-color: transparent; 
		border: 0}
		
#product3 { 
		position: absolute; 
		top: 100px;
		left: 663px;
		width: 165px; 
		height: 170px; 
		background-color: transparent; 
		border: 0}	

img.a { vertical-align: middle; }