/*DO NOT EDIT BELOW-------*/
html, body
{
height:100%;
}

body
{
background-color:#bbd8fa;
background-image:url(../images/norm_ozel/bodyBg.png);
background-repeat:repeat-x;
background-position:left top;
}
 
#wrapper
{
position:relative;
height:auto !important;
height:100%;
margin: 0 auto -150px;
height:600px;
}

#footer, .push
{
height:150px;
}

/*
#wrapper
{
position:relative;
min-height:600px;
min-height:100%;
height:auto !important;
height:100%;
margin: 0 auto -136px;
height:600px;
}

#footer, .push
{
height:136px;
}
 */
#headerSpace
{
position:relative;
width:inherit;
height:53px;
background-color:transparent;
}

#bodyInner
{
position:relative;
margin:auto;
width:950px;
background-color:transparent;
}

/*DO NOT EDIT ABOVE----------------------*/

/*HEADER*/
#header
{
position:relative;
width:950px;
height:135px;
background-color:#fff;
background-image:url(../images/norm_ozel/headerBg.png);
background-repeat:repeat-x;
background-position:left top;
}

#headerLeft
{
position:absolute;
top:0px;
left:0px;
width:20px;
height:135px;
background-image:url(../images/norm_ozel/headerLeft.png);
background-repeat:no-repeat;
}

#headerRight
{
position:absolute;
top:0px;
right:0px;
width:20px;
height:135px;
background-image:url(../images/norm_ozel/headerRight.png);
background-repeat:no-repeat;
}

#logo
{
	position:absolute;
	top:16px;
	left:20px;
	width:290px;
	height:85px;
	background-color:transparent;
}

/*nav main*/
#navMain
{
	position:absolute;
	bottom:30px;
	right:16px;
	width:580px;
	height:24px;
	background-color:transparent;
}

#navMain ul
{
margin:0px;
float:left;
clear:both;
padding:0px;
list-style-type:none;
}

#navMain ul li
{
margin:0px;
display:inline;
padding:0;
}

#navMain ul li a
{
display:inline;
float:left;
height:24px;
}



li#about a
{
background: transparent url(../images/norm_ozel/navAbout.png) 0 0 no-repeat;
 width: 60px;
}

li#software a
{
background: transparent url(../images/norm_ozel/navSoftware.png) 0 0 no-repeat;
 width: 135px;
}

li#services a
{
background: transparent url(../images/norm_ozel/navServices.png) 0 0 no-repeat;
 width: 95px;
}

li#partners a
{
background: transparent url(../images/norm_ozel/navPartners.png) 0 0 no-repeat;
 width: 120px;
}

li#su a
{
background: transparent url(../images/norm_ozel/su.png) 0 0 no-repeat;
 width: 130px;
}

li#newsevents a
{
background: transparent url(../images/navNewsEvents.png) 0 0 no-repeat;
 width: 128px;
}

/*this is for the hover state*/
#navMain ul li a:hover
{
background-position: left bottom;
}

/*nav main ends*/
/*nav upper*/
/*nav upper ends*/
#navUpper
{
	position:absolute;
	top:30px;
	right:0px;
	width:156px;
	height:16px;
	background-color:transparent;
}

#navUpper ul
{
margin:0px;
float:left;
clear:both;
padding:0px;
list-style-type:none;
}

#navUpper ul li
{
margin:0px;
display:inline;
padding:0;
}

#navUpper ul li a
{
display:inline;
float:left;
height:16px;
}

li#home a
{
background: transparent url(../images/navUpperHome.png) 0 0 no-repeat;
 width: 44px;
}

li#contact a
{
background: transparent url(../images/navUpperContact.png) 0 0 no-repeat;
 width: 68px;
}

li#login a
{
background: transparent url(../images/navUpperLogin.png) 0 0 no-repeat;
 width: 44px;
}

/*this is for the hover state*/
#navUpper ul li a:hover
{
background-position: left bottom;
}

/*this is for the active pages*/
#b_main li#home a
{
background-position: bottom left;
}

#b_contact li#contact a
{
background-position: bottom left;
}

#b_login li#login a
{
background-position: bottom left;
}


#b_about li#about a
{
background-position: bottom left;
}

#b_software li#software a
{
background-position: bottom left;
}

#b_services li#services a
{
background-position: bottom left;
}

#b_partners li#partners a
{
background-position: bottom left;
}

#b_newsevents li#newsevents a
{
background-position: bottom left;
}

/*nav upper ends*/
/*HEADER ENDS*/

/*BANNER*/
#banner
{
position:relative;
width:950px;
height:215px;
background-color:#fff;
}

#bannerLink
{
	position: absolute;
	height: 215px;
	width: 600px;
	z-index: 1000;
}

#bannerLeft
{
position:absolute;
top:0px;
left:0px;
width:15px;
height:215px;
background-image:url(../images/norm_ozel/bannerLeft.png);
background-repeat:no-repeat;
}

#bannerRight
{
position:absolute;
top:0px;
right:0px;
width:15px;
height:215px;
background-image:url(../images/norm_ozel/bannerRight.png);
background-repeat:no-repeat;
}


/*JAVASCRIPT FUNCTION WILL CHANGE THIS*/
#bannerInner, #bufferLayler
{
position:absolute;
top:0px;
left:15px;
width:920px;
height:215px;
background-image:url(../images/bannerBg1.png);
background-repeat:no-repeat;
}

#bufferLayler{
left: 0}
#bannerContent
{
postion:relative;
top:0px;
left:0px;
height:215px;
width:450px;
padding-left:14px;
background-color:transparent;
}

#bannerContent h1
{
margin-top:46px;
 left:15px;
 color:white;
 position:relative;
 color:#ed4000;
}


#bannerContentLeft
{
position:absolute;
bottom:0px;
left:15px;
height:78px;
width:212px;
background-color:transparent;
}

#bannerContentRight
{
position:absolute;
bottom:0px;
left:228px;
height:78px;
width:212px;
background-color:transparent;
}


#bannerContentLeft ul, #bannerContentRight ul
{
margin:0px;
padding:0px;
float:left;
clear:both;
display:block;
list-style-type:none;
}

#bannerContentLeft ul li, #bannerContentRight ul li
{
margin:0px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
padding-left:16px;
display:block;
background-image:url(../images/bannerBullet.png);
background-repeat:no-repeat;
background-position:left center;
}

#bannerContentLeft ul li a, #bannerContentRight ul li a
{
color:#fff;
font-weight:bold;
border-bottom:thin dotted #afac84;
text-decoration:none;
}

#bannerContentLeft a:hover, #bannerContentRight a:hover
{
color:#555;
}


/*--------*/

#bannerLogo
{
position:absolute;
top:36px;
right:0px;
width:295px;
height:104px;
background-color:transparent;
background-image:url(../images/norm_ozel/frontlineLogo.png);
background-repeat:no-repeat;
}

#bannerLogoInner
{
position:absolute;
top:13px;
right:0px;
width:274px;
height:75px;
background-color:transparent;
}

#bannerSub
{
position:relative;
width:950px;
height:26px;
background-color:transparent;
background-image:url(../images/norm_ozel/bannerSub.png);
background-repeat:no-repeat;
background-position:left top;
}

/*BANNER ENDS*/

/*CONTENT*/
#contentMain
{
position:relative;
width:950px;
height:100%;
background-color:#fff;
background-image:url(../images/norm_ozel/contentBg.png);
background-repeat:repeat-y;
}

#content
{
position:relative;
width:950px;
height:100%;
background-color:#fff;
background-image:url(../images/norm_ozel/contentBg.png);
background-repeat:repeat-y;
}

#contentLeft
{
position:absolute;
top:0px;
left:0px;
width:15px;
height:183px;
background-image:url(../images/norm_ozel/contentLeft.png);
background-repeat:no-repeat;
}

#contentRight
{
position:absolute;
top:0px;
right:0px;
width:15px;
height:183px;
background-image:url(../images/norm_ozel/contentRight.png);
background-repeat:no-repeat;
}

#contentInner
{
position:relative;
top:0px;
left:15px;
width:920px;
background-color:#fff;
background-image:url(../images/norm_ozel/contentInnerBg.png);
background-repeat:no-repeat;
background-position:bottom center;
min-height:340px;
min-height:100%;
height:auto !important;
}


#contentInnerLeft
{
float:left;
width:470px;
height:340px;
padding-left:15px;
padding-bottom:53px;
min-height:340px;
min-height:100%;
height:auto !important;
}

#contentInnerRight
{
float:right;
width:370px;
height:340px;
padding-right:15px;
padding-bottom:53px;
min-height:340px;
min-height:100%;
height:auto !important;
}


#contentInnerLeft h1
{
color:#464646;
padding-bottom:10px;
}

#contentInnerLeft h3
{
color:#464646;
padding-bottom:20px;
font-weight:lighter;
}

#contentInnerLeft h4, #contentInnerRight h4
{
color:#ed4000;
border-bottom:thin solid #f8e5d8;
}

#contentInnerLeft p, #contentInnerRight p
{
color:#636363;
padding-top:10px;
padding-bottom:22px;
display:block;
font-size:77%;
}

#contentInnerLeft p a, #contentInnerRight p a
{
font-size:90%;
}

#contentInnerLeft a, #contentInnerRight a
{
color:#4d7bb0;
border-bottom:thin dotted #4d7bb0;
text-decoration:none;
font-size:83%;
}

#contentInnerLeft a:hover, #contentInnerRight a:hover
{
color:#636363;
}

#contentInnerLeft ul
{
margin:0px;
clear:both;
padding:0;
list-style-image: url(../images/norm_ozel/whiteBullet.png);
list-style-position:inside;
}

#contentInnerLeft ul li
{
margin:0;
padding:0;
}

#contentInnerLeft ul li a
{
color:#4d7bb0;
border-bottom:thin dotted #4d7bb0;
text-decoration:none;
}

#contentInnerLeft ul li a:hover
{
color:#636363;
}

#contentInnerRight ul
{
margin:0px;
clear:both;
padding-top:10px;
list-style-type:none;
}

#contentInnerRight ul li
{
margin:0;
padding:0;
padding-top:2px;
}

#contentInnerRight ul li a
{
color:#4d7bb0;
border-bottom:thin dotted #4d7bb0;
text-decoration:none;
}

#contentInnerRight ul li a:hover
{
color:#636363;
}

/*CONTENT ENDS*/

/*FOOTER*/
#footerUpper
{
position:relative;
margin:auto;
width:950px;
background-color:transparent;
height:15px;
background-image:url(../images/norm_ozel/footerBg.png);
background-repeat:no-repeat;
background-position:left top;
}


#footerLower
{
position:relative;
margin:auto;
width:950px;
}

#footerCopy
{
	position:absolute;
	top:10px;
	left:2px;
	width:650px;
	height:38px;
}

#footerCopy h6
{
color:#0e2e37;
padding-bottom:5px;
font-weight:normal;
}

#footerCopy ul
{
margin:0px;
float:left;
clear:both;
padding:0;
list-style-type:none;
font-size:77%;
text-align:center;
text-decoration:none;
}

#footerCopy ul li
{
margin:0;
display:inline;
float:left;
padding:1px;
color:#0e2e37}
#footerCopy ul li a
{
margin:0p;
display:inline;
float:left;
padding:1px;
color:#4d7bb0;
text-align:center;
text-decoration:none;
}

#footerCopy ul li a:hover
{
color:#0e2e37;
text-decoration:underline;
}

#footerAddress
{
	position:absolute;
	top:2px;
	right:2px;
	width:210px;
	height:38px;
}

#footerAddress h6
{
color:#0e2e37;
padding-bottom:5px;
text-decoration:none;
font-weight:normal;
}

#footerAddress address
{
font-size:65%;
color:#4d7bb0;
}

#footerAddress span
{
color:#0e2e37;
}

/*FOOTER ENDS*/

/*SUB PAGE STRUCTURE*/
/*BANNER*/
#subBanner
{
position:relative;
width:950px;
height:135px;
background-color:#fff;
}

#subBannerLink
{
position:absolute;
width:950px;
height:135px;
z-index: 1000;
}

#subBannerLeft
{
position:absolute;
top:0px;
left:0px;
width:15px;
height:135px;
background-image:url(../images/norm_ozel/subBannerLeft.png);
background-repeat:no-repeat;
}

#subBannerRight
{
position:absolute;
top:0px;
right:0px;
width:15px;
height:215px;
background-image:url(../images/norm_ozel/subBannerRight.png);
background-repeat:no-repeat;
}


/*this is for the different banner images*/
#b_about #subBannerInner
{
	position:absolute;
	top:0px;
	left:15px;
	width:920px;
	height:202px;
	background-image:url(../images/subBannerBg-about.jpg);
	background-repeat:no-repeat;
}

#b_software #subBannerInner
{
position:absolute;
top:0px;
left:15px;
width:920px;
height:135px;
background-image:url(../images/subBannerBg-software.jpg);
background-repeat:no-repeat;
}

#b_services #subBannerInner
{
position:absolute;
top:0px;
left:15px;
width:920px;
height:135px;
background-image:url(../images/subBannerBg-services.jpg);
background-repeat:no-repeat;
}

#b_partners #subBannerInner
{
position:absolute;
top:0px;
left:15px;
width:920px;
height:135px;
background-image:url(../images/subBannerBg-partners.jpg);
background-repeat:no-repeat;
}

#b_newsevents #subBannerInner
{
position:absolute;
top:0px;
left:15px;
width:920px;
height:135px;
background-image:url(../images/subBannerBg-newsevents.jpg);
background-repeat:no-repeat;
}

#b_contact #subBannerInner
{
position:absolute;
top:0px;
left:15px;
width:920px;
height:135px;
background-image:url(../images/subBannerBg-contact.jpg);
background-repeat:no-repeat;
}

#b_login #subBannerInner
{
position:absolute;
top:0px;
left:15px;
width:920px;
height:135px;
background-image:url(../images/subBannerBg-login.png);
background-repeat:no-repeat;
}

/*BANNER ENDS*/
/*CONTENT*/
#subContent
{
	position:relative;
	width:950px;
	height:100%;
	background-color:#fff;
	background-image:url(../images/norm_ozel/contentBg.png);
	background-repeat:repeat-y;
	padding-top: 60px;
}

#subContentLeft
{
float: left;
top:0px;
left:0px;
width:15px;
height:346px;
background-image:url(../images/subContentLeft.png);
background-repeat:no-repeat;
}

#subContentRight
{
/*float: left;*/

position: absolute;

top:0px;
right:0px;
width:15px;
height:346px;

background-image:url(../images/subContentRight.png);
background-repeat:no-repeat;
}

#subNav 
{
	top:0px;
	left:15px;
	width:202px;
	padding-top: 50px;
	padding-left: 20px;
	background-color:#fff;
	background-image:url(../images/norm_ozel/subNavBg.png);
	background-repeat: no-repeat;
	background-position:left top;
	float: left;
}

#subNavInner
{
top:65px;
left:15px;
height:200px;
background-color:transparent;
}

#subNavInner ul
{
margin:0;
float:left;
clear:both;
height:200px;
padding-left:0px;
padding-top:0px;
list-style-type:none;
}

#subNavInner ul li
{
margin:0;
padding-top:2px;
padding-bottom:2px;
display:block;
}

#subNavInner ul li a
{
display:block;
padding-bottom:0px;
padding-top:3px;
padding-left:3px;
color:#4D8FE1;
font-size:80%;
font-weight:bold;
text-decoration:none;
width:187px;
height:25px;
background-image:url(../images/norm_ozel/subNavButton.png);
background-repeat:no-repeat;
text-align:left;
}

#subNavInner ul li a:hover
{
color:#464646}
#subBorderLeft
{
float: left;
top:0px;
left:237px;
width:1px;
height:345px;
background-color:#fff;
background-image:url(../images/norm_ozel/subContentBorder.png);
background-repeat:no-repeat;
background-position:left top;
}



/*#subContentInner
{
position:relative;
top:0px;
left:238px;
width:425px;
padding-bottom:10px;
min-height:400px;
min-height:100%;
height:auto !important;
background-color:#fff;
background-image:url(../images/subContentInnerBg.png);
background-repeat:repeat-x;
background-position:top;
color:#464646;
}
*/
#subContentInner
{
min-height:300px;
height:auto !important;
height:300px;
}
#subContentInner
{
float: left;
top:0px;
width:425px;
padding-bottom:10px;
background-color:#fff;
background-image:url(../images/norm_ozel/subContentInnerBg.png);
background-repeat:repeat-x;
background-position:top;
color:#464646;
}


#subContentInner2
{
position:relative;
top:0px;
left:0px;

padding-bottom:10px;
padding-left:10px;
padding-right:10px;

min-height:100%;
height:auto !important;
}

#subContentInner2 h1
{
padding-top:25px;
}

#subContentInner2 h2
{
padding:5px 0;
color:#ed4000;
font-weight:bold;
}

#subContentInner2 h3
{
padding-top:10px;
font-weight:lighter;
}

#subContentInner2 h4
{
padding-top:15px;
color:#ed4000;
border-bottom:thin solid #f8e5d8;
font-weight:bold;
}

#subContentInner2 h5
{
padding-top:15px;
color:#ed4000;
border-bottom:thin solid #f8e5d8;
}

	#subContentInner2 h5 a
{
padding-top:15px;
color:#4d7bb0;
 border: none;
}

#subContentInner2 p
{
padding-right:15px;
padding-top:15px;
font-weight:normal;
}

#subContentInner2 a
{
font-size: inherit;
color:#4d7bb0;
border-bottom:thin dotted #4d7bb0;
text-decoration:none;
}

	#subContentInner2 a:hover
{
color:#636363;
}

#subContentInner2 ul
{
font-size: 77%;
 list-style-type: circle;
 margin: 20px;
}

#subBorderRight
{
float: left;
top:0px;
right:286px;
width:1px;
height:345px;
background-color:#fff;
background-image:url(../images/norm_ozel/subContentBorder.png);
background-repeat:no-repeat;
background-position:left top;
}

#rightCol
{
float: left;
top:0px;
right:15px;
width:251px;
height:366px;
background-color:#fff;
background-image:url(../images/norm_ozel/rightColBg.png);
background-repeat:repeat-x;
background-position:right top;
padding: 50px 10px 10px 10px;
}

#orta
{
	float: left;
	top:0px;
	right:15px;
	width:651px;
	height:auto;
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:right top;
	padding: 30px 10px 10px 20px;
	font-size:13px;
}

#subfrontLineLogo
{
right:18px;
width:238px;
height:92px;
background-color:#fff;
}

#subRequestLogo
{
padding-top: 15px;
width:238px;
height:92px;
background-color:#fff;
}

#rightColInner
{
top:267px;
right:15px;
width:237px;
height:180px;
}

#rightColInner h5
{
padding-left:0px;
padding-top:40px;
color:#ed4000;
border-bottom:thin solid #f8e5d8;
}

#rightColInner ul
{
margin:0;
float:left;
clear:both;
padding-left:0px;
padding-top:15px;
list-style-type:none;
}

#rightColInner ul li
{
	margin:0;
	padding-top:0px;
	display:block;
	width: 230px;
}

#rightColInner ul li a
{
margin:0!important;
padding:0!important;
color:#4d7bb0;
font-size:77%;
border-bottom:thin dotted #4d7bb0;
text-decoration:none;
display: block;
}

#rightColInner ul li a:hover
{
	color:#464646;
}

#subContentBottom
{
bottom:0px;
margin-left:15px;
height:53px;
width:920px;
background-color:#fff;
background-image:url(../images/norm_ozel/contentInnerBg.png);
background-repeat:no-repeat;
background-position:bottom center;
}

/*CONTENT END*/
/*SUB PAGE STRUCTURE ENDS*/
