/*================== globals ====================*/

* { margin: 0; padding: 0;}

body { 
	background: #7faed5 url(../images/softmedia-ind-03.jpg) repeat-x; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1.25em; 
	color: #000;
}

div {float: none;}

input, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

p { margin-bottom:16px;}

img {border:0px;}

a {font-size:12px; color: #246085;}
a:hover {
}

h1, h2, h3 {font-family:  Verdana, Arial, Helvetica, sans-serif;}

h1 { font-size: 24px; 
	line-height: 1.1em; 
	color: Orange; 
	font-weight: normal; 
	padding: 20px 0 10px 0;
	}
	
h1 a { text-decoration: none;}
h1 a:hover { text-decoration:none;}

h2 { font-size: 20px; 
	color: #246085; 
	font-weight: normal; 
	line-height: 34px; 
	margin-bottom: 0px;
	}

h3 {font-size:20px; 
	font-weight:normal;
	line-height: 34px; 
	margin-bottom: 3px;
}
h3 a {border-bottom:1px dotted #999; text-decoration:none; color:#000;}
h3 a:hover {border-bottom: 1px solid #000; text-decoration: none;}

h4 { font-size: 16px; 
color: #246085; 
font-weight: normal; 
line-height: 34px; 
margin-bottom: 3px;
}


/*================== global classes ====================*/

.floleft { float: left;}
.floright { float: right;}
.clear { clear: both;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.container { width:100%;}


/*================== forms ====================*/

input, select { font-size: 12px; vertical-align: middle; font-weight: normal;}
img {border: 0; vertical-align: top; text-align: left;}

#contacts-form label { display: block; height: 41px; }
#contacts-form input { width:174px; padding:1px 0 1px 3px; color: #373732; border: 1px solid #a09b96; background: none;}
#contacts-form textarea { width: 316px; height: 99px; padding: 1px 0 1px 3px; margin-bottom: 16px; overflow: auto; color: #373732; border: 1px solid #a09b96; background:none;}


/*================== list ====================*/

ul { list-style:none;}
ul li { list-style:none;}

.p1 { margin-bottom: 8px;}
.p2 { margin-bottom: 25px;}
.p3 { padding-bottom: 16px; margin: 0;}


/*================== master containers ======================*/

#outerShell { width:933px; margin: 0 auto 0 auto; }

/* #innerShell { width:910px; margin: 0 auto 0 auto; background-color:#fff; } */

.contentWrapper {
}

#topImage, #headerBanner, #indexBanner {width:100%;}
#topImage {height:21px;}
#indexBanner {height:264px;}
#headerBanner {height:264px; width:100%;}
#headerBack {z-index: 8; position:absolute;}
#headerBase {z-index:10; position:absolute; width:910px; margin-left:12px; }

#topImageBack {z-index:4; position:absolute;
} 
#topImageFront {z-index:6; margin-left:12px; position:absolute;
}

#headerOverlay {
	z-index: 10;
	position:absolute;
	margin:36px 0 0 -2218px;
}

#headerBulletin {
	width:910px; 
	z-index: 15;
	position:absolute;
	margin:148px 0 0 12px;
}

/*#bulletinTitleBG {
	width:100%; 
	z-index: 17;
	position:absolute;	
	
}
*/
/*#bulletinContentBG {
	margin: 35px 0 0 0;
}
*/

.bulletinArrowLeft, .bulletinArrowRight {width:25px; padding-top:9px; color:#246085; font-size:14px; font-weight:bold; cursor:pointer;}		
.bulletinArrowRight { float:right;}		
.bulletinArrowLeft { float:left; text-align:right;}		
.bulletinTitleHold, .bulletinTextLeft, .bulletinTextRight { float:left; }	
.bulletinTextLeft, .bulletinTextRight {width:400px;}
.bulletinTextLeft {margin-right:30px;}

.bulletinTitleHold { 
	width:700px;
	padding-left:15px;
	}	

.bulletinTitleHold h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#61542f;
	padding:0 0 0 0;
	width:810px;
	}

.bulletinText {
 	margin:0px 0 0 40px;
}

.bulletinTextLeft p, .bulletinTextRight p{
	line-height:20px;
	font-size:11px;
	padding: 5px 0 0 0;
	}

.bulletinTextLeft a, .bulletinTextRight a{
	font-size:11px;
	}

.bulletinArrowLeft a:link, .bulletinArrowLeft a:visited, .bulletinArrowRight a:link, .bulletinArrowRight a:visited  {
	text-decoration:none;}

#bulletinContentBG {}

.bulletinContentWrapper {	
	z-index: 23;
	position:absolute;
	overflow:hidden;

}

.bulletinContent {
	/* margin: 42px 0 0 40px; */ 
	height:105px;
	float:left;
	width:910px;  
	
}

#bulletinContent-01 {
}

#bulletinContent-01, #bulletinContent-02, #bulletinContent-03, #bulletinContent-04, #bulletinContent-05 {
}	

.bulletinLeft, .bulletinRight {float:left; width:400px;}

.bulletinLeft {margin-right:30px;}

#navMenuBack {
width:100%;
height: 32px;
z-index:30;
position:absolute;
}

#navMenuFront {
width:910px;
background-color: Orange;
margin: 0px auto 0px auto;
padding: 0;
height: 32px;
text-align:center;
margin-left:12px;
font-size:14px;
z-index:32;
position:absolute;
}

#navMenu {
width:100%;
height:32px;
}

#navMenuFront ul {
padding-top:7px;
}

#navMenuFront ul li {
/*list-type:none;*/
display: inline;
padding: 0px 24px 0 24px;
}

#navMenuFront a:link, #navMenuFront a:visited, #navMenuFront a:hover {color:#000;} 

#navMenuFront a:link {
	text-decoration:None;
} 

#navMenuFront a:visited, #navMenuFront a:hover {
	text-decoration:underline;
} 

/*.leftSide {width:12px; 
background-color:Yellow;
}
.rightSide {width:11px;
background-color:Yellow;
}
*/

#tpl_page1 {
width:100%;
}

#tpl_page1 #tplBack{width:100%; }
#tpl_page1 #tplBack img{width:933px; /*height:400px;*/}
#tpl_page1 #tplFront {z-index:60; position:absolute; width:100%;}
#tpl_page1 #tplFront #col1 {width:400px; margin:0 30px 0 25px; float:left;}
#tpl_page1 #tplFront #col2 {width:400px; margin:0; padding: 0 0 10px 0; float:left;}
#tpl_page2 {}
#tpl_page3 {}
#tpl_page4 {}
#tpl_page5 {}

.superBG{}

#footer {
width:100%;
height:30px;
padding-top:0px;
}

#footerBack {
width:100%;
}

#footerFront {
width:830px;
border-top:1px solid #aaa;
margin-left: 50px;
z-index:40;
position:absolute;
}

#footerFront p{
font-size:11px;
color:#444;
margin-top:10px;
}

#endCap {
width:100%;
height:40px;
}

#content{
	/* -------------------------------overflow:hidden; -------------------------*/
	width:910px;
	/*background-color:white;*/
	/*position:relative;
	height:400px;
	float:left;
	border:1px solid Red;*?
*/}
	/*#content h2{
		color:#993333;
		margin:20px 0pt;
	}
	#content a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}*/

.section{
	width:4000px;
	position:relative;
}

/*.section ul { background-color:#990000;display:inline;}
.section ul li {
display:inline;}*/

	.section .sub{
		position:relative;
		float:left;
		/*padding:9px 21px 42px 45px;
		width:567px;
		height:352px;*/
	}
		.section .sub p{
			/*width:550px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em; */
		}
		.section .next, .section .prev{
			position:absolute;
			/* font-size:18px;
			bottom:15px;
			letter-spacing:-2px; */
		}
		.section .next{
			/* right:30px; */
		}
		.section .prev{
			/* left:30px; */
		}

.message{
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}