/*

	Balderton Web Project 
	Stylesheet file 03
	
	Create date 29/08/2008
	Developer : cem@skyron.co.uk

*/




/* HACKs */
.end {border:none!important;}
.nopadmar {padding:0!important;margin:0!important;}
.fix {clear:both;}
.iframe {height:100%;border:solid 1px red;overflow:hidden}





/* CONTENT */
#home-flash { width:960px;height:336px; 
              padding:12px 0 0 20px; overflow:hidden; margin:10px 0; margin-top:0px; 
              background:white; border:solid 0 red; position:relative; outline:red solid 0;}
#home-flash .copy {float:left;width:280px; margin-right:17px;overflow:auto}
#home-flash .copy h1 {float:left; color:#d8a005; margin:15px 0;}
/*#home-flash .copy h1:first-letter{font-size:28px; font-style:italic;}
#home-flash .copy h1:first-line{text-decoration:underline;}*/
#home-flash .copy p {float:left;margin-bottom:15px;}
#home-flash .flash {float:right;padding-right:10px;}

p.read-more {background:transparent url(../images/icons/arrow1.gif) no-repeat 1px; text-indent:15px;}





.panel {border:solid 0 red;float:left; }

	
/* SLIDE BOXES */
.home-slidebox-containerholder { width:980px; border:solid 0 red; background:transparent; }
.home-slidebox-container {float:left; width:320px; margin-bottom:20px;}

.slidebox { float:left; width:100%; background:white; border:solid 0 red; 
            z-index:1; padding-bottom:10px;}
.slidebox h2 { color:white; padding:10px; 
				background:url(../images/slidebox-header-bg.gif); height:26px; 
                line-height:26px; font-weight:bold;
                cursor:move;padding-left:15px;}
p.slidebox-p {padding:15px;}
p.slidebox-more {float:left;width:auto; text-indent:25px;
                background:#dddddd url(../images/icons/arrow-white.gif) no-repeat 15px; 
                padding:5px;padding-right:15px;}
p.slidebox-more a {display:block;}
.gap {float:left; padding:5px;}



#login {border:solid 0 red;}
td {font-size:12px;font-family:Verdana;padding:5px;}


.blockui-content { padding:20px;margin:0 auto;width:340px; }
.loading { padding:20px; font-size:15px; font-weight:bold; width:150px; margin:0 auto;}
.loading img { border:none; float:left; vertical-align:text-top; margin-top:-5px;} 
.loading1 {background:url(../images/loader.gif) no-repeat 0 0; width:18px; height:18px;float:left;border:solid 0;}
.our-portfolio-loading1 {background:url(../images/ajax-loader-bbbaba.gif) no-repeat 10px; width:25px; height:18px;float:left;border:solid 0;}
.login-auth-wrong { padding:10px; display:none; border:solid 1px #b5b5b5; background:#333; color:White; }


/* admin home edit button */
#admin-edit { position:absolute; float:left; border:solid 0 navy; 
              background:transparent; color:White; width:70px; margin:0 auto; top:10px; right:10px;}
#admin-edit div { margin:1px auto; width:62%;}
#admin-edit input { margin:2px auto; }




/*
	OUR PORTFOLIO
*/
#our-portfolio { float:left; }
#op-filter { float:left; background:white; }
#op-filter .filter { float:left; 
                     /*background:#bbbaba url(/images/filter-v-bg.gif) repeat-y 240px; */
                     width:470px; 
                     padding:10px 20px 0; }
 
.filter { float:left; 
          /*background:#bbbaba url(/images/filter-v-bg.gif) repeat-y 240px; */
		  padding:10px 20px; 
		  cursor:pointer;}
		  
#op-filter label {float:left; color:#7d7d7d; margin-top:3px; margin-left:1px; margin-right:10px; font-size:11px;}
#op-filter input {float:left; color:White; margin-left: 10px; font-size:11px; }
#op-filter .text { float:right; width:430px; background:white; padding:20px;}
.chkContainer {border: 0 solid ; width: 251px; float: left; margin-left: -10px !important;
                margin-right:-22px; padding-bottom:0!important;}
               

.pageh1 {background:white; padding:10px; padding-left:20px;border-bottom:solid 1px #d7d6d3;}
.pageh1 h1 {color:#3f3f3f; font-size:16px; font-weight:bold;}
.filterByYear {float:left; }
.filterByYear select {font-size:11px; }
.groupPortfolio {float:right;vertical-align:bottom;}
.groupPortfolio img {border:solid 3px #bbbaba; }
.groupPortfolio img:hover , .groupPortfolio .selected {background:#e5ebed; cursor:pointer; border-color:#e5ebed;}

/*#member-holder {float:left; margin:20px 20px; width:470px;}*/
#member-holder {float:left; margin:20px 20px;margin-top:10px; margin-bottom:0; padding-bottom:20px;}
#member-holder .member {float: left; margin-right:31px; margin-bottom:20px;background-color:White; cursor:pointer; }
#member-holder .textHeader {background:white;font-weight:bold; padding:5px; width:147px;}
#member-holder .text {background:white;padding:5px;padding-top:0; width:147px;font-size:11px;}
#member-holder .member img{ border:solid 5px white;cursor:pointer;}


#teamsportfolio-holder {float:left;}
#teamsportfolio-holder .portfolio {float: left; margin-bottom:10px; }
#teamsportfolio-holder .textHeader {background:white;font-weight:bold; padding:5px; width:147px;}
#teamsportfolio-holder .text {background:white;padding:5px;padding-top:0; width:147px;}
#teamsportfolio-holder .portfolio img{ border:solid 5px #cbcbcb;cursor:pointer; margin-right:10px;}


#portfolio-details-holder {float:right; display:none; background:white; width:10px;margin-top:10px;min-height:500px;}
#portfolio-details-holder a {color:#0E93CD;}
/*#portfolio-details-holder {float:left; background:white; width:470px;margin-top:20px;min-height:500px;}*/
#portfolio-details-holder .header {
							float:left;width:440px;padding:10px;padding-left:20px; color:White;
                            background:transparent url(../images/slidebox-header-bg.gif) repeat scroll 0 0; }
                            
#portfolio-details-holder .header p {color:White;font-size:16px;}
#portfolio-details-holder .image img {margin-left:-20px!important;}
#portfolio-details-holder .image {padding-right:20px;padding-left:20px;padding-bottom:10px;}
#portfolio-details-holder .block {color:Black; font-size:18px; font-weight:bold;}
#portfolio-details-holder .block p.title {color:Black; font-size:12px; font-weight:bold;
                                              padding-bottom:10px;margin-top:10px;padding-top:20px;
                                              border-bottom:none;}
#portfolio-details-holder .block p {padding-bottom:10px;padding-top:10px;}
.media-holder {padding-left:20px;padding-bottom:10px;padding-top:10px;}
.media-holder .pdf{ background:url(../images/icons/pdf.gif) no-repeat 0 0; text-indent:30px; height:25px; line-height:25px; }
.media-holder a {color:#0e93cd;}



.blockUI-holder {float:left; padding:5px; display:inline; position:relative;}
/*input {border:solid 1px #b5b5b5;font-size:13px;}*/



/* about-us top navigation (tn) */
#tn {float:left;width:950px;border-bottom:solid 1px #d7d6d3;min-height:50px;
     margin-bottom:20px;padding:10px 10px 10px 20px;vertical-align:middle;}
#tn .left{float:left;width:100%;display:block;}
#tn .left p {float:left;vertical-align:middle;}
#tn p {color:#7d7d7d;}



/* home page slideboxes */

#footer_box_container{
width:980px;
float:left;
font-family:Arial, Helvetica, sans-serif;
}

.footer_box{
width:320px;
height:330px;
background-color:#FFFFFF;
float:left;
margin-right:10px;}

.footer_box_last{
margin-right:0px;}

#footer_box_container .title{
	background-image: url(/themes/standart/images/box_header_blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left:20px;
	padding-top:12px;
}

#footer_box_container .title a{
display:block;
color:#FFFFFF;
font-weight:bold;
font-size:17px;
text-decoration:none;
height:34px;}

#footer_box_container .footer_content{
padding:20px;
color:#414141;
height:200px;
}

#footer_box_container .footer_content p{
margin-bottom:10px;
font-size:12px;
line-height:1.4;
}

#footer_box_container p.content_title{
margin-bottom:0px;
font-weight:bold;
color:#525252;
}

#footer_box_container .footer_box_link{
margin-left:0px;
height:40px;
}
.footer_box_link_option a{
	text-decoration:none;
	background-color:#dddddd;
	color:#565555;
	padding-top:9px;
	float:left;
	padding-bottom:9px;
	background-image: url(/themes/standart/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 25px 11px;
	text-indent:40px;
	padding-right:15px;
	font-size:12px;
}

.footer_box_link_option a:hover{
text-decoration:underline;}

#footer_block_images_container{
width:257px;
height:139px;
margin-left:7px;}

#footer_block_images_container .block{
width:128px;
height:69px;
background-color:blue;
float:left;}

.top_right{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dbdbdb;
	border-bottom-color: #dbdbdb;
}

.top_left{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
}

.bot_right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dbdbdb;
}

.vot_left{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dbdbdb;
}

#footer_box_container .footer_content p.release_date_link {
font-size:11px;
margin-top:27px;
margin-bottom:27px;
font-weight:bold;
}

#footer_box_container .footer_content p.release_date_link a{
text-decoration:none;
color:#555555;}

#footer_box_container .footer_content p.release_date_link a:hover{
text-decoration:underline;}

/* icons */
ul.comp {float:left;}
ul.comp li {float:left;height:50px;border-right:solid 1px #cbcbcb;width:100px;text-align:center;}
ul.comp li a {padding-top:30px;display:block;}
li.skype {background:url(../images/icons/skype.gif) no-repeat center 0;}
li.twitter {background:url(../images/icons/twitter.gif) no-repeat center 0;}
li.blog {background:url(../images/icons/blog.gif) no-repeat center 0;}
li.linkedin {background:url(../images/icons/linkedin.gif) no-repeat center 0;}