/*	
Dal-Trans CSS

Bosweb Systems.2011.

Table Of Contents
-------------------------
[01] - Global/Default Styles
[02] - Layout
[03] - Additional Layouts
[04] - Navigation and Lists
[05] - Forms
[06] - Buttons
[Misc] - Miscellaneous Styles
[iPhone] - iPhone Override Styles
[iPad] - iPad Override Styles
*/

/*[01] - Global/Default Styles 
----------------------------*/
html, body, div, h1, h2, h3, h4, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{
	display:block;
	margin:0;
	padding:0;
}
a,a:active, a:focus{outline: 0;}
textarea:focus, input:focus{outline:none;}
img, a img{
	max-width:100%;
	border:none;
}
table{border-collapse: collapse;border-spacing: 0;}
::selection{
	color:#fff;
	background:#3e3e3e;
}

html{
	overflow-y: scroll;
	font:9pt Arial, Helvetica, sans-serif;
	color:#151515;
	background:#fdfdfd url(/html/bg_html.png) repeat-x;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{background:url(/html/bg_body.jpg) no-repeat center top;}

h1, h2, h3, h4{text-shadow: 0px 1px 0px rgba(255,255,255, 0.1);color:#1a1a1a;}
h1{font-size:15pt;}
h2{font-size:14pt;}
h3{font-size:13pt;}
h4{font-size:12pt;}

a{
	text-decoration:none;
	color:#eb1c2e;
}
a:hover{text-decoration:underline;}

/*[02] - Layout
----------------------------*/
.wrapper{
	position:relative;
	margin:0px auto;
	width:980px;
}
.wrapper > *{
	position:relative;
	width:880px;
	margin:0px auto;
}
.wrapper > header{
	height:79px;
	padding-top:20px;
}
.wrapper > header > h1{
	position:absolute;
	top:15px;
	right:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	color:#b9bbbb;
}
.wrapper > header > h1 > span{color:#ff1001;}
.wrapper h1 + a > img{
position:absolute;
right:275px;
bottom:16px;
width:204px;
}
.wrapper > nav{
	height:36px;
}
#banner{
	width:938px;
	height:453px;
	padding:10px 0px 0px 42px;
	background:url(/html/bg_banner.jpg) no-repeat;
}
#followon #banner{
	height:400px;
	background:url(/html/bg_followonbanner.jpg) no-repeat;
}
#slider{
	position:relative;
	width:881px;
	height:375px;
}
#slider .slides_container{
	width:881px;
	height:375px;
	overflow:hidden;
}
#slider .slides_container > div{
	width:881px;
	height:375px;
}
#slider .slides_container div.overlay{
	position:absolute;
	top:45%;
	left:7px;
	width:839px;
	height:135px;
	background:url(/html/bg_overlay.png) no-repeat;
}
#slider .slides_container div.overlay > div{
	position:relative;
	height:85px;
	padding:40px 20px 0px 310px;
	font-weight:bold;
	color:#fff;
}
#slider .slides_container div.overlay > div > p{
font-size:20px;
line-height:18px;
}
#slider ul.pagination{
	position:absolute;
	bottom:-45px;
	left:5px;
	margin:0px;
	padding:0px;
	list-style:none;
	z-index:100;
}
#slider ul.pagination > li{
	display:inline-block;
	float:left;
}
#slider ul.pagination > li > a{
	display:block !important;
	float:left;
	width:198px;
	height:113px;
	margin:0px 3px;
	padding:20px 5px 4px 5px;
	background:url(/html/slidertab_off.png) no-repeat;
}
#slider ul.pagination > li.current > a,#slider ul.pagination > li:hover > a{background:url(/html/slidertab_on.png) no-repeat;}
#main{
	padding:10px 0px 20px;
	line-height:18px;
}
#index #main > header{display:none;}
#main > header{
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
}
#main > article{
	float:left;
	width:65%;
	padding:0 5% 0 0;
}
#main > aside{
	float:left;
	width:30%;
}
#partners{
	padding:35px 0px;
	border-top:1px solid #cacaca;
}
#partners > table td{
	vertical-align:middle;
	text-align:center;
}
#seoFooter{
    font-size:11px;
    padding:20px 0px;
	border-top:1px solid #cacaca;
}
#seoFooter ul{margin:0px;padding:0px;list-style:none;}
#seoFooter ul li{display:block;float:left;width:20%;}
#seoFooter a{color:#151515;}
body > footer{
	width:100%;
	padding:30px 0px;
	color:#eee;
	background:url(/html/bg_footer.jpg) repeat;
}
body > footer > table{
	width:880px;
	margin:0px auto;
}
body > footer a{
	text-decoration:underline;
	color:#eee;
}

/*[03] - Additional Layouts
----------------------------*/

/*[04] - Navigation and Lists
----------------------------*/
.wrapper > nav > div > ul{
	width:730px;
	height:36px;
	margin:0px auto;
	padding:0px 35px;
	list-style-type:none;
	background:url(/html/bg_nav.png) repeat-x;
}
.wrapper > nav > div > ul > li{
	display:inline-block;
	float:left;
	height:30px;
	padding-top:6px;
	margin:0 12px;
    *margin:0px 12px;
}
.wrapper > nav > div > ul > li.selected,.wrapper > nav > div > ul > li:hover{background:url(/html/bg_navli-on.png) no-repeat center bottom;}
.wrapper > nav > div > ul > li > a{
	display:block;
	padding:3px 15px 5px;
	font-weight:bold;
	text-decoration:none;
	color:#585858;
	border-radius:3px;
	-moz-border-radius: 3px;
    -webkit-border-radius:3px;
}
.wrapper > nav > div > ul > li.selected > a,.wrapper > nav > div > ul > li:hover > a{
	color:#fff;
	background:url(/html/bg_nav-on.png) repeat-x;
}

nav > div > ul,
nav > div > ul > li {
    position : relative;
    z-index  : 9;
}

/* Submenus - hidden until hovered */
nav > div > ul > li > ul {
    display          : none;
    background-color : red;
    position         : absolute;
    list-style       : none;
    z-index          : 12;
    width            : auto;
    padding          : 6px 20px;
    min-width        : 100px;
    top              : 27px;
    left             : 0;
}

nav > div > ul > li:hover > ul {
    display : inline-block;
}

nav > div > ul > li > ul > li {
}

nav > div > ul > li > ul > li > a {
    color   : white;
    padding : 6px 0;
    display : inline-block;
    width   : 100%;
    white-space: nowrap;
}

/*[05] - Forms
----------------------------*/
label{font-weight:bold;}
label,input[type=checkbox],input[type=radio]{cursor:pointer;}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=tel], select, textarea{
	padding:5px;
	border:1px solid #ddd;
}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus, textarea:focus{
	border:1px solid #bbb;
}

/*[06] - Buttons
----------------------------*/
a.slide_button{
	position:absolute;
	right:17px;
	bottom:4px;
	float:right;
	padding:7px 20px;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
    border-bottom:1px solid rgba(0,0,0,0.25);
	color:#fff;
	border-radius:3px;
	-moz-border-radius: 3px;
    -webkit-border-radius:3px;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	background:url(/html/bg_redbutton.png) repeat-x;
}

/*[Misc] - Miscellaneous Styles
----------------------------*/
.clear{clear:both;}
.req{color:#e50000;}
.cf:before,.cf:after{
    content:"";
    display:block;
}
.cf:after{clear:both;}
.cf{zoom:1;}
/*span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}*/

/*[iPhone] - iPhone Override Styles
----------------------------*/
@media handheld, only screen and (max-device-width: 480px) {
}

/*[iPad] - iPad Override Styles
----------------------------*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
}