/* CSS Document */



body

{

	background:url(../images/bg/pageBg.jpg) repeat-x #000000;

	font-family: Arial;

	font-size: 14px;

	margin-left: 0;

	margin-top: 0;

}


.inputboxsearch-bar{
color:#999999;
}

.buttonsearch-bar{
margin-bottom:-5px;
}

#number{
color:#FFF;
font-size:14px;
font-weight:bold;
padding:4px;
}


img

{

	border: 0;

}

ul {



	margin:0;

	padding:0;

}

A:link {text-decoration: none; color:#3ac3ea;}

A:visited {text-decoration: none; color:#3ac3ea;}

A:active {text-decoration: none; color:#3ac3ea;}

A:hover {text-decoration: none; color:#ffffff;}

h1{

	color:#3ac3ea;	

	font-family:Arial, Helvetica, sans-serif;

	font-size:24px;

	font-weight:200;

	text-decoration: none;

	margin-top: 0px;

}

h2{

	width:152px;

	height:22px;

	background-color:#3ac3ea;

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	text-decoration: none;

	text-align: center;

	padding-top:7px;

	margin:12px;	

}

h2 a{color:#000 !important;}



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

	Layout

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

div.main

{

	position: relative;

	margin: 0 auto;

	width: 850px;

}

div.header{

	height:150px;

}

div.logoArea{

	position: relative;

	top: 18px;

	left: 0;

	height: 70px;

	width: 289px;

	float: left;

}

div.loginTabContainer

{

	width:236px;

	height:39px;	

	top: 0;

	right: 10px;

	float: right;

}

a.loginTab, a.loginTab:visited

{

	width:126px;

	height:30px;

	background:url(../images/bg/loginTab.jpg) no-repeat;

	float:right;

	color:#3AC3EA;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	text-decoration: none;

	text-align: center;

	padding-top:9px;

	font-weight: bold;

}

a.loginTab:hover

{

	width:126px;

	height:30px;

	background:url(../images/bg/loginTabHover.gif) no-repeat;

	float:right;

	color:#FFFFFF;

	text-decoration: none;

	text-align: center;

	padding-top:9px;

	font-weight: bold;

}


div.followTab

{

	width:300px; 

	height:35px; 

	background:url(../images/bg/followUsTab.jpg) no-repeat;

	color:#FFFFFF;

	text-decoration: none;

	vertical-align: middle;

	position: absolute;

	float: right;

	right: 0px;

	top: 67px;

}

div.followTab div.tabTxt

{

	margin:0;
	
	padding:9px 0 0 25px;

	width:75px;

	float:left;

}

div.followTab div.tabIcons

{

	margin:0;
	
	padding:5px 0 0 6px;

	width: 194px;

	float:left;

}



div.topNav

{

	position: absolute;

	top: 108px;

	height:42px;

	clear:both;

	width: 100%;

	z-index: 100;

}

div.container

{

	position: relative;

	top: 15px;

	width:850px;

	height:640px;

}

div.leftBox

{

	width:177px;

	height:597px;

	float:left;

	background:url(../images/bg/column1Bg.jpg) no-repeat;

	text-align:center;

}

div.leftBox .flash-block{

	position: relative;

	left: 12px;

	height: 142px;

	background: url(../images/contact.jpg) no-repeat;

	cursor: pointer;

}

div.text-placeholder

{

	position: relative;

	margin: 5px 4px 0px 4px;

	height: 40px;

	width: 95%;

	top: 10px;

}

div.contact-text

{
	font-size: 12px;
	width: 100%;

	height: 100%;

	color: #ffffff;

	font-weight: bold;

	padding: 0px 0px 0px 0px;

	text-align: left;

}



div.contact-text a.scroller

{

	margin: 0px 0px 0px 0px;

	padding: 0px 4px 0px 8px;

	color: #ffffff;

	float: left;

}



div.middleBox{

	width:387px;

	height:597px;

	float:left;

	margin-left:10px;

	margin-right:11px;

}

div.middleBoxContent{

	background:url(../images/bg/column2Bg.jpg) repeat-x #232323;

	width:387px;

	height:528px;

	padding-top:20px;

}

div.middleBoxContent .hidden{display:none;}

div.featured{

	width:360px;

	height:341px;

	margin:0 auto;

	padding-bottom:0px;

}

div.featuredText

{

	padding-top: 23px;

	width:333px;

	height:165px;

	margin:0 auto;

	color:#FFFFFF;

	text-decoration: none;

}

div.featuredText h1{margin:0 0 16px;}

div.featuredText p{margin:0;}

.boxTabs{

	width:387px;

	height:49px;

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:14px;

	text-decoration: none;

	text-align: center;

}

.boxTabs a, .boxTabs a:visited {

	color:#FFF;

}

#cTab1{

	width:143px;

	height:34px;

	float:left;

	padding-top:15px;

}

.cTab1 {

	background:url(../images/bg/contentTab1.jpg) no-repeat;

}

.cTab1Active {

	background:url(../images/bg/contentTab1Over.jpg) no-repeat;

}

.cTab1Active a:hover{

	color:#000;

}

.cTab1Active a, .cTab1Active a:visited {

	color:#FFF;

}

.cTab {

	color:#FFF;

}

.cTab a:hover {

	color:#3AC3EA;

}

#cTab2{

	width:127px;

	height:34px;

	float:left;

	padding-top:15px;

}

.cTab2 {

	background:url(../images/bg/contentTab2.jpg) no-repeat;

}

.cTab2Active {

	background:url(../images/bg/contentTab2Over.jpg) no-repeat;

}

#cTab3{

	width:117px;

	height:34px;

	float:left;

	padding-top:15px;

}

.cTab3 {

	background:url(../images/bg/contentTab3.jpg) no-repeat;

}

.cTab3Active {

	background:url(../images/bg/contentTab3Over.jpg) no-repeat;

}







.boxBottoms{

	width:821px;

	height:12px;

	float:left;

}

.leftBoxBottom

{

	position: absolute;

	top: 597px;

	left: 0px;

	width:177px;

	height:12px;

	float:left;

	background:url(../images/bg/column1Bottom.jpg) no-repeat;

}

.middleBoxBottom

{

	position: absolute;

	top: 597px;

	left: 177px;

	width:387px;

	height:12px;

	float:left;

	margin-left:10px;

	margin-right:11px;

	background:url(../images/bg/column2Bottom.jpg) no-repeat;

}

.rightBoxBottom{

	width:236px;

	height:12px;

	float:right;

	background:url(../images/bg/column3Bottom.jpg) no-repeat;

}











.footerContainer

{

	position: relative;

	width:100%;

	height:350px;

	background-color:#252525;

	color: #FFFFFF;

}

.footerContainer A:link {text-decoration: none; color:#35C3E9;}

.footerContainer A:visited {text-decoration: none; color:#35C3E9;}

.footerContainer A:active {text-decoration: none; color:#35C3E9;}

.footerContainer A:hover {text-decoration: none; color:#ffffff;}



.footerContent{

	width:850px;

	height:350px;

	margin:0 auto;

	font-size: 12px;

	color: #FFFFFF;

}

.footerContainer h3 {

	font-size: 16px;

	color: #FFFFFF;

	font-weight: bold;

	margin-top: 0px;

}



.footerList1

{

	width:206px;

	height:280px;

	float:left;

	margin-right:48px;

}

.footerList2

{

	margin-top: 42px;

	width:410px;

	float:left;

	overflow:hidden;

}

.footerList2 h3{color:#3ac3ea;}

.footerList2 .holder{

	width:418px;

	overflow:hidden;

	margin:0 -8px 0 0;

}

.footerList4

{

	margin-top: 42px;

	width:157px;

	height:280px;

	float:left;

}

.footerContent .address{

	width:100%;

	overflow:hidden;

	padding: 0 0 15px;

}

.footerContent .address address{font-style: normal;}

.footerContent .address span{display: block;}

.footer-list ul{

	margin:0;

	padding:0;

	list-style:none;

}

.footerList2 .footer-list ul{

	width:199px;

	float:left;

	margin:0 10px 0 0;

}

.footer-list li{

	width:100%;

	vertical-align: top;

	margin:0 0 15px;

}

.footerList4 A:link {text-decoration: none; color:#ffffff;}

.footerList4 A:visited {text-decoration: none; color:#ffffff;}

.footerList4 A:active {text-decoration: none; color:#ffffff;}

.footerList4 A:hover {text-decoration: none; color:#ffffff;}

.footerList4 .icon

{

	margin-top: 10px;

	width:157px;

	height:30px;

	float:left;

	vertical-align: bottom;

}

.footerList4 .icon a

{

	margin-top: 10px;

}

.footerList4 .icon img

{

	margin: 2px 4px 2px 2px;

}

.footerContent img{

	float: left;

}

.roll_kraft_footer{

	color: #35C3E9;

	font-weight: bold;

	font-size: 12px;

	font-style: italic;

}

.hide

{

	display: none;

	visibility: hidden;

}



.show

{

	display: inherit;

	visibility: visible;

}



#rightBox{

	width:246px;

	height:597px;

	float:left;

	background: url(../images/bg/column3.jpg) no-repeat;

	overflow: auto;

}



.accrdMenu{

	width: 225px; /*width of menu*/

}



.accrdMenu li.main{

	font: 12px Verdana;

	color: #fff;

	background:url(../images/ico-arrow.gif) no-repeat 4px 8px;

	margin-bottom: 0; /*bottom spacing between header and rest of content*/

	padding: 4px 0 2px; /*31px is left indentation of header text*/

	cursor: pointer;

}

.accrdMenu li.open{

	background:url(../images/bg/downArrow.gif) no-repeat 4px 8px !important; /*last 2 values are the x and y coordinates of bullet image*/

}

.accrdMenu li.main_inactive{

	font: 11px Verdana;

	color: #fff;

	background:url(../images/bg/rightArrow.gif) no-repeat 4px 8px; /*last 2 values are the x and y coordinates of bullet image*/

	margin-bottom: 0; /*bottom spacing between header and rest of content*/

	padding: 7px 0 7px 18px; /*31px is left indentation of header text*/

}

.accrdMenu li.main a{

	text-decoration: none;

	color: #fff;

	display: block;

	font-family:Verdana;

}



.accrdMenu ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}



.accrdMenu ul li{

	vertical-align: top;

}

.accrdMenu ul li li{

	text-transform:none;

}

.accrdMenu ul li a{

	font: normal 12px Arial;

	color: #fff;

	display: block;

	line-height: 17px;

	text-decoration: none;

	padding: 2px 20px 3px 18px;

	border-bottom:#444444 1px solid;

}



.accrdMenu ul li a:visited{

	color: #fff;

}



.accrdMenu ul li a:hover{ /*hover state CSS*/

	color: #fff;

	background: #3AC3EA;

}

.sub{

	overflow:hidden;

	display: none;

}

.subshow

{

	overflow:hidden;

	display: inherit;

}

.accrdMenu ul li ul{

	display:none;

}

.tabIcons p{

	margin:0;

}







/******************detail-page*******************/

.detail-page{

	background:#000 url(../images/bg-body2.gif) repeat-x;

}

.detail-page .logoArea{

	top:6px;

	left:-6px;

}

.detail-page .followTab{

	/*width:221px;

	background: url(../images/bg-tab.gif) no-repeat;

	padding: 10px 0 15px 18px;

	height:auto;

	float: none;

	right:6px;

	top:69px;*/
padding:0;
background:url(../images/bg/followUsTab.jpg) no-repeat scroll 0 0 transparent;
color:#FFFFFF;
float:right;
height:33px;
position:absolute;
right:0;
text-decoration:none;
top:82px;
vertical-align:middle;
width:300px;
}

.detail-page .topNav{top:126px;}

/*.detail-page .followTab .tabTxt{margin:0; width:100px; float:left;}

.detail-page .followTab .tabIcons{margin:0; width:200px;float:left;}*/

/*.detail-page */.followTab .tabIcons a{

	float:left;

	margin:0 7px 0 0;

}

/*.detail-page .followTab

{

	width:300px; 

	height:35px; 

	background:url(../images/bg/followUsTab.jpg) no-repeat;

	color:#FFFFFF;

	text-decoration: none;

	vertical-align: middle;

	position: absolute;

	float: right;

	right: 0px;

	top: 67px;

}

.detail-page .followTab .detail-page .tabTxt

{

	margin:0;
	
	padding:9px 0 0 25px;

	width:75px;

	float:left;

}

.detail-page .followTab .detail-page .tabIcons

{

	margin:0;
	
	padding:5px 0 0 6px;

	width: 194px;

	float:left;

}*/



.detail-page div.main{

	width:830px;

	padding:14px 0 0;

}

.detail-page .container{

	height:auto;

	top:0;

	width:822px;

	padding: 38px 7px 33px 1px;

}

/*columns*/

.columns{

	position: relative;

	background: url(../images/bg-columns.gif) repeat-y;

}

.columns .holder{background: url(../images/bg-columns-bottom.gif) no-repeat 0 100%;}

.columns,

.columns .holder{

	width:822px;

	overflow:hidden;

}

/*content-column*/

.columns .content-column{

	width:516px;

	float:left;

	background: url(../images/bg-content-column-top.gif) no-repeat;

	padding: 15px 22px 70px 35px;

	overflow:hidden;

}

.columns .contact-us{

	display:block;

	height:1%;

	overflow:hidden;

	margin:0 0 12px -12px;

	position: relative;

}

.columns .contact-us a{

	color:#3ac3ea;

	font-size: 14px;

	font-weight: normal;

	padding: 27px 0 2px 56px;

	background: url(../images/ico.gif) no-repeat;

	float:left;

	text-decoration:none;

}

.columns .bottom-link{

	position: absolute;

	bottom:23px;

	left:282px;

	margin:0;

	height:auto;

}

.columns .content-column h2{

	color:#4aa7d7;

	font: bold 18px Helvetica, Arial, sans-serif;

	height:auto;

	width:auto;

	background: none;

	text-align: left;

	margin:0 0 18px;

	padding: 0;

}

.columns .text-area{

	width:100%;

	overflow:hidden;

}

.columns .text-area .aside{

	width:226px;

	float:right;

	margin:0 0 0 30px;

	padding: 5px 0 0;

}

.columns .text-area .photo{

	display:block;

	margin:0 0 45px;

}

.columns .text-area .column{

	height:1%;

	overflow:hidden;

}

/*post*/

.columns .text-area .post{

	height:1%;

	overflow:hidden;

	padding: 0 0 15px;

	font: 12px/14px Helvetica, Arial, sans-serif;

}

.columns .text-area .post h3{

	font-size:12px;

	margin:0;

}

.columns .text-area .post p{margin:0;}

/*sidebar*/

.columns .sidebar{

	width:216px;

	float:right;

	background: url(../images/bg-sidebar-top.gif) no-repeat;

	padding: 13px 9px 0 12px;

	overflow:hidden;

}

.columns .sidebar h2{

	margin:0;

	width:auto;

	text-align: left;

	padding: 5px 10px;

	font-size: 15px;

	line-height: 16px;

	height:auto;

}

/*sidebox*/

.columns .sidebox{

	height:1%;

	overflow:hidden;

	padding: 0 0 10px;

}

.columns .sidebox .banner img{display:block;}

.sidebox .menu{

	margin:0;

	padding:0;

	list-style:none;

	height:1%;

	overflow:hidden;

}

.sidebox .photo-video .menu li{

	width:100%;

	float:left;

	border-bottom:1px solid #5c5c5c;

}

.sidebox .menu li img{display:block;}

.columns .accrdMenu{

	padding:5px 0 0;

	width:100%;

}

.columns .accrdMenu li.main{background:url(../images/ico-arrow.gif) no-repeat 4px 8px;}

/*when .subshow 

.columns .accrdMenu li.main{background:url(../images/ico-arrow-down.gif) no-repeat 2px 10px;}*/

.accrdMenu li.main{

	text-transform:none;

	font-size: 13px;

}

.footerContent{

	padding: 15px 0 0 3px;

	height:335px;

	width:827px;

}

/*.detail-page .footerContent .address{

	font-size: 11px;

	color:#e1e1e1;

}

.detail-page .footerList2 .footer-list a{

	font-size: 11px;

	color:#e1e1e1;

}

.detail-page .footerContainer h3{

	font-weight: normal;

	color:#e1e1e1;

	margin:0 0 10px;

}

.detail-page .footer-list li {margin:0 0 10px;}

*/

.logo-roll{

	display: block;

	margin:0 0 15px;

}

/*.detail-page .footerList2,

.detail-page .footerList4{

	margin-top: 36px;

}

.detail-page .footerList4 .icon{

	margin:0 0 10px;

	height:auto;

}

.detail-page .footerList4 .icon a{margin:0;}

.detail-page .footerList4 .icon em{

	font-style: normal;

	line-height: 28px;

}*/

.columns .sidebar .sidebox .flash-block{

	position: relative;

	height: 66px;

	background: url(../images/img3.jpg) no-repeat;

	cursor: pointer;

	padding-left:55px;

	margin-top:-5px;

}

.content-column a{

	color:#3AC3EA;

	text-decoration:none;

}

.content-column a:hover{

	color:#3AC3EA;

	text-decoration:underline;

}

.content-column ul.pagination{

	list-style:none;

	margin:0;

}

.content-column ul.pagination li{

	float:left;

	margin:5px;

}



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

.columns .content-column{

	width:619px;

}

.detail-page .container{

	width:925px;

}

.columns,

.columns .holder{

	width:925px;

}

.detail-page div.main{

	width:926px;

}

.accrdMenu ul.menu li li a{

	text-transform:none;

}



img.inline{

	margin:8px;

}

/*#page *{

	font-size:14px; !important;

}*/

#page h2{

	font-size:18px !important;

}





.c-black,

.c-black a,

.c-black a:hover{

	color:#000000;

	text-decoration:none;

}

a.style11,

a.style11:hover,

.style11 a:hover,

.style11 a{

	color:#000000;

}

#page ul{

	margin-left:14px;

}

#page h2{

	color:#000000;

	margin:20px 0 1px 0;

}

#page h2.contentheading{

	font-size:18px !important;

	color:#34B6E4;

	margin:0 0 18px 0;

}

.blog_more ul,

.sub_page_text ul{

	margin-left:14px;

}

#c-black *{

	color:#000000 !important;

}

p.buttonheading{

	margin:0;

}

.bold{

	font-weight:bold !important;

}

#page a{

	font-weight:bold !important;

}

#page img {
	padding: 5px;
}

.float_right{
float:right;
}

.float_left{
float:left;
}

.clear_it{
clear:both;
}