/*----------------------------------------------------
                  Mygen - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	background-image:url(/images/sbf/bg-dot.gif);
	background-repeat:repeat;
	background-color:#fff;
	color:#353535;
	height:100%;
}
*{
margin:0;
padding:0;
}
*:focus{
outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr{
border:0;
color:#dedede;
background-color: #dedede;
height: 1px;
margin:10px 0px 6px 0px;
padding:0px;
}


/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#515151;}
h1{font-size:32px; line-height:30px; margin-bottom:15px;}
h2{font-size:22px; line-height:28px; margin-bottom:5px;}
h3{font-size:18px; line-height:20px; margin-bottom:5px;}
h4{font-size:16px; line-height:18px; margin-bottom:5px; font-weight:bold;}
h5{font-size:12px; margin:3px 0px; padding:0px; letter-spacing:1px;}

/* links */
a{color:#11538e; text-decoration:none;}
a:visited{color:#11538e; text-decoration:none;}
a:hover{color:#3282c9;}
a img{border:none}
.imgleft{float:left; padding:5px 12px 10px 0px;}
.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
font-size:12px;
line-height:20px;
margin-bottom:14px;
color:#353535;
}
ul, ol{
margin:10px 0 35px 40px;
}
li ol, li ul{
font-size:1.0em;
list-style:square;
margin-bottom:0;
margin-top:0;
}
li ol{list-style:decimal;}
blockquote{
font-style:italic;
margin:0px;
color:#6f6f6f;
padding:2px 4px 2px 38px;
background-image:url(/images/sbf/quote.gif);
background-position:0px 5px;
background-repeat:no-repeat;
}

/* code */
code{
font-family:Tahoma, Arial, Verdana;
letter-spacing:1px;
margin:25px 0 25px 0px;
display:block;
font-size:0.9em;
border-left:4px solid #dddddd;
padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#outer-container{width:960px; margin:0px auto;}
#main-container{width:960px; background-image:url(/images/sbf/bg-container.gif); background-repeat:repeat-y; float:left;}
#container-left{width:70px; float:left;}
#container-right{width:890px; float:left;}
.inner-container{width:809px; margin:0px auto;}



/* Header
------------------------------------------------------*/
.logo{width:70px; padding:23px 0px 0px 10px;}
#top-content{height:39px; font-size:11px; color:#989797; padding-right:15px; float:right; width:700px;}
.top-address{float:right; padding:11px 0px; margin-right:45px;}
.top-login{
	float:right; padding:11px 0px;
}
.top_input_login{
	width:80px;
	font-size:11px;
	height:15px;
	padding-left:2px;
	color:#666;
}
.top_input_submit{
	border:1px solid;
	font-size:11px;
	width:50px;
	border-color:#989797;
	color:#666;
}
.top-icon{padding-right:4px; float:left;}

/* Welcome text */
#welcome-text{/*margin-top:30px;*/ float:left; width:809px;  /*background-image:url(../../images/sbf/reg_deadline.jpg);*/ background-repeat:no-repeat;}
#welcome-text h1{font-size:60px; color:#515151; margin-bottom:0px;}

/* Page title */
#page-title{margin-top:20px; float:left;}
#page-title h1{font-size:60px; color:#515151; margin-bottom:0px; border-bottom:3px solid #11538e;}

/* Top Navigation bar menu styling */
#nav{
border-top:1px solid #a5a5a5;
float:right;
list-style-type: none;
margin:0px 0px 0px 0px;
}
#nav li{
float:left;
border-right:1px solid #a5a5a5;
}
#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
width:100px;
padding:4px 20px;
text-decoration: none;
line-height: 20px;
outline: none;
text-align:left;
font-size: 18px;
color:#7c7c7c;
}
#nav li a:hover, #nav li.selected a{
color:#11538e;
}
span.descmenu{
font-size:11px; 
padding:0px 20px;
color:#989797;
}


/*  Homepage Slider
------------------------------------------------------*/
#slideshow-container{
width:809px;
height:287px; 
margin:15px 0px 0px 0px;
float:left;
}
#slideshow1{
width:263px;
height:287px;
margin-right:10px;
float:left;
}
#slideshow2{
width:263px;
height:287px;
margin-right:10px;
float:left;
}
#slideshow3{
width:263px;
height:287px;
margin-right:0px;
float:left;
}


/* Content
------------------------------------------------------*/
.content{width:809px; padding:20px 0px 0px 0px; float:left;}
.content-two{/*width:820px;*/ padding:10px 0px 10px 0px; float:left;}
.maincontent{padding-bottom:10px;}
#content-left{width:506px; margin-right:30px; float:left;}
#content-left_first{width:252px; float:left; margin-right:30px;}
#sidebox{width:263px; float:left;}
#sidebox_first{width:527px; float:left;}
.imgleft{float:left; padding-right:8px;}
.imgright{float:right; padding-left:8px;}

ul.content-list {margin:0px; padding:0px; list-style-type:none;}
ul.content-list li {background-image:url(/images/sbf/arrow.gif); background-position:0px 5px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}
ul.content-list li a {color:#353535; text-decoration:none;}
ul.content-list li a:hover {text-decoration:underline;}

ul.content-list2 {margin:0px; padding:0px; padding-left:30px; list-style-type:none;}
ul.content-list2 li {background-image:url(/images/sbf/arrow.gif); background-position:0px 5px; background-repeat:no-repeat; padding:0px 0px 5px 17px; line-height:18px;}
ul.content-list2 li a {color:#353535; text-decoration:none;}
ul.content-list2 li a:hover {text-decoration:underline;}

/* Services page */
.img-services{width:81px; height:90px; margin-top:7px; float:left;}
#quote-container{width:400px; height:300px; padding:10px; background-color:#FFFFFF;}

/* Bottom content */
#bottom-content{border-top:1px solid #a5a5a5; width:850px; float:left;}
#bottom-icon{width:37px; padding:0px 10px 0px 0px; margin-top:0px; float:left;}
#newsflash{width:762px; /*height:38px;*/ line-height:20px; float:left;}


/* Portfolio
------------------------------------------------------*/
#portfolio{margin-top:15px;}
.pf-box{width:249px; margin-right:31px; margin-bottom:20px; float:left;}
.pf-box-nomargin{width:249px; margin-bottom:20px; float:left;}
.pf-img{border:3px solid #11538e;}
.page-portfolio{height:600px; float:left;}
#pager-nav{list-style-type:none; margin:0px 0px 10px 0px; float:left; width:650px;}
#pager-nav li{margin-right:10px; float:left;}
#next{width:56px; height:22px; background-image:url(/images/sbf/next.gif); background-repeat:repeat; margin-left:14px; float:left; cursor:pointer;}
#prev{width:56px; height:22px; background-image:url(/images/sbf/prev.gif); background-repeat:repeat; float:left; cursor:pointer;}


/* Contact
------------------------------------------------------*/
form{margin:0; padding:0;}
#contactFormArea{width:480px; color:#6b6b6b; margin-bottom:20px;}
.input{background-color: #ffffff; border:1px solid #c7c7c7; width:406px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}
.input-submit{background-image:url(/images/sbf/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:64px; height:22px; cursor:pointer; float:right; margin-right:62px;}
.textarea{background-color: #ffffff; border:1px solid #c7c7c7; width:406px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}
.map{border:3px solid #11538e; margin-bottom:15px;}


/* Footer
------------------------------------------------------*/
#footer{border-top:1px solid #a5a5a5; width:850px; height:33px; float:left;}
.footer-text{font-size:11px; color:#868686; padding:8px 0px; float:left;}
.footer-text a, #footer a:visited{color:#11538e; text-decoration:none;}
.footer-text a:hover{text-decoration:underline;}

/* Softing
-----------------------------------------------------*/
.sidebox_div{
	float:left;
	width:250px;
}

.sidebox_div p{
	line-height:15px;
	padding-top:3px;
	float:left;
}

.sidebox_div img{
	float:left;
}

.sidebox_text{
	float:left;
	width:140px;
	line-height:14px;
}

#logo_2{
	height:80px;
	padding-left:30px;
	padding-top:20px;
	width:95px;
	float:left;
}

.sponsor_list{
	float:left;
	height:70px;
	width:500px;
}

.sponsor{
	float:left;
	padding-right:10px;
}

#become_sponsor{
	float:right;
	width:106px;
	height:121px;
	display: inline;
	padding-right:25px;
}

.news_short{
	float:left;
	/*height:87px;*/
	line-height:14px;
	padding-bottom:21px;
}

.news_short p{
	margin:0px;
}

.date{
	color:#858585;
}

.news_title a{
	color:#055183;
}

.softing{
	float:right;
	padding-right:10px;
	padding:8px 20px 8px 0px;
}

.brochure{
	float:left;
	padding-right:4px;
	padding-bottom:4px;
	
}

.news_description p{
	line-height:14px;
}
#last_news_description p{
	line-height:15px;
	margin-bottom:7px;
}
.last_news_show_title{
	margin-bottom:0px;
}	
.news_title{
	color:#11538E;
}
#topmenu{
	height:100px;
	width:754px;
	float:right;
}

#selfCC{
	float:left;
	margin-right:5px;
}
#site_page_title{
	margin-top:20px;
	margin-bottom:20px;
}
#site_page_title h1{

	color:#515151;
	font-size:60px;
	margin-bottom:0;
	line-height:30px;
}
#site_page_title span{
	border-bottom:3px solid #11538E;
}

.login{
	height:300px;
}

#sf_guard_auth_form{
	height:400px;
	padding-top:50px;
}

#login_wrapper{
	padding-left:20px;
	padding-top:80px;
	float:left;
}

#login_img{
	float:left;
	width:152px;
	height:137px;
	background-image:url(../../images/sbf/lock.jpg);
	margin-left:150px;
	margin-top:70px;
	display:inline;
}

#error_for_username{
	color:#F00;
	font-size:10px;
}

#error_for_password{
	color:#F00;
	font-size:10px;
}

#error{
	float:left;
	width:275px;
	height:133px;
	background-image:url(../../images/sbf/error.jpg);
	margin-top:10px;
	display:inline;
}

.error_title{
	color:#999;
	font-size:19px;
	
}
#register_form fieldset { border:0;margin:0;padding:0; }
#register_form label {  padding-right:15px; float:left; }
#register_form input.text{ width:290px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0; }
.error{
	color:#FF0000;
	display:inline;
}

#organisators_wrapper{
	float:left;
	width:820px;
	height:70px;
	padding-bottom:10px;
	padding-top:10px;

}
#page-portfolio p{
	line-height:14px;
}

#bottom_wrapper{
	float:left;
	width:809px;
}

#media_1_wraepper{
	width:840px;
	float:left;
}

#bottom_sponsors_wrapper{
	float:left;
	width:815px;
}

#sponsor_three{
	float:left;
	width:815px;
}

#sponsor_four{
	float:left;
	width:815px;
}

#sponsor_five{
	float:left;
	width:815px;
}

#copyright{
	float:right;
	color:#999;
	font-size:9px;
}

#box_1{
	float:left;
	width:260px;
	padding-right:7px;
}

#box_2{
	float:left;
	width:260px;
}

#linx_box{
	width:527px;
	float:left;
}

.link_holder{
	width:255px;
	display:inline;
	background-color:#dedede;
	height:65px;
	float:left;
	margin-bottom:8px;
}

.link_spacer{
	width:10px;
	height:65px;
	float:left;
}
#download_project_profile{
	background-image:url(../../images/sbf/download_pdf.gif);
	background-repeat:no-repeat;
	padding-left:35px;
	height:35px;
	padding-top:7px;
	float:left;
	width:85px;
}
#download_project_presentation{
	background-image:url(../../images/sbf/download_pdf.gif);
	background-repeat:no-repeat;
	padding-left:35px;
	height:35px;
	padding-top:7px;
	float:left;
	width:80px;
}
#project{
	width:263px;
	float:left;
	padding-bottom:5px;
}
#project a{
	color:#666;	
	
}
#download_project_profile{
	line-height:11px;
}
#download_project_presentation{
	line-height:11px;
}
#project_item{
	float:left;
	border-bottom:1px solid #A5A5A5;
	margin-bottom:15px;
}
#project_item_title{
	float:left;
	width:500px;
}
.captcha_input{
	font-size:30px;
	width:125px;
	color:#11538E;
}

.footer_text{
	width:809px; 
	float:left; 
	text-align:center;
}

#sponsor_four_line1{
	float:left;
	width:815px;
}

#sponsor_four_line2{
	float:left;
	width:815px;
}

#projects_title{
	float:left;
	width:519px;
	height:30px;
	margin-bottom:10px;
	background-image:url(../../images/sbf/projects.jpg);
}
#broject_browse{
	color:red;
	padding-bottom:10px;
	width:800px;
	float:left;
	height:10px;
}

#new_button{
	height:50px;
	margin-left:10px;
	position:relative;
	width:230px;
	float:left;
}

#live_button{
	height:50px;
	margin-left:335px;
	position:relative;
	width:230px;
	float:left;
}