.win body{
font-family:Arial, sans-serif, 'trebuchet ms';
font-size:12px;
}
.win.safari body{
font-family:Arial, sans-serif, 'trebuchet ms';
font-size:11px;
}
.mac body{
font-family:Arial, sans-serif;
font-size:12px;
}

body{
background:#ffffff url("arkaplan.jpg") no-repeat fixed center top;
font-family:Arial, sans-serif;
font-size:12px;
}

.noscroll{
overflow:hidden !important;
}

.clear{
clear:both;
}

.wrap{
margin:0px auto;
min-width:1245px;
clear:both;
background:url("header-bg.png") repeat-x left top;
}

a{
text-decoration:none;
color:#00141a;
outline:none;
}

ul li a{
display:block;
}

.left{
float:left;
}

.right{
float:right;
}


/* Header Styles */


.header{
height:75px;
background:url("header.png") no-repeat left top;
min-width:1245px;
}

.header-menu{
/* margin:0px 0 10px; */
max-width:1354px;
min-width:1245px;
padding:0 10px 0 0;
}

.logo{
background:url("sourcebits-logo.png") no-repeat 2px 2px;
height:73px;
width:223px;
float:right;
text-indent:-9999px;
}


/* Content Styles */

.container{
margin:30px 0 0px;
max-width:1354px;
min-height:620px;
min-width:1235px;
padding:0 10px 0 0;
position:relative;
z-index:4;
}

.home-content{
margin:0px 75px 45px auto ;
width:375px;
float:right;
padding:100px 60px 20px 0px;
color:#5378a6;
}

.home-content p{
text-align:left;
line-height: 15px;
}

.home-content p.second-para{
line-height:15px;
}

.content{
position:relative;
clear:both;
}

.content-top{
background:url("content-top.png") no-repeat right top;
height:68px;
clear:both;
}

.content-bottom-gray{
background:url("content-bottom-gray.png") no-repeat right bottom;
height:22px;
}

.content-body-gray{
background:url("content-body-gray.png") repeat-y right top;
color:#324f4d;
padding:13px 0 0;
}

.content-body-end{
background:url("content-body-end.png") no-repeat right bottom;
height:22px;
}

#home .content-top{
background:url("content-top-home.png") no-repeat right top;
}

.content-bottom{
background:url("content-bottom.png") no-repeat right bottom;
height:38px;
}

.content-body{
background:url("content-body.png") repeat-y right top;
color:#5d6d72;
padding:5px 0 0 ;
}

.ff3 #home .content-body, .ie7 #home .content-body, .opera #home .content-body{
min-height:200px;
}

.opera .viewmore, .opera .viewmoretech{
margin:160px 0 0 0;
}

.category-menu ul{
width:943px;
line-height:60px;
position:absolute;
top:0px;
right:0px;
}

.category-menu ul li{
margin:1px 0 0;
display:block;
position:relative;
float:left;
width:186px;
color:#efefef;
text-transform:uppercase;
font-size:14px;
text-indent:-9999px;
}

#service_web{
width:170px !important;
}

#service_ui{
width:202px !important;
}

.category-menu ul li a{
height:60px;
display:block;
cursor:pointer;
}

 
.mac-menu{
background:url("homemenu.png") no-repeat 0px 0px;
height:60px;
display:block
}

.iphone-menu{
background:url("homemenu.png") no-repeat 0px -70px;
height:60px;
display:block
}

.web-menu{
background:url("homemenu.png") no-repeat 0px -145px;
height:60px;
display:block
}

.ui-menu{
background:url("homemenu.png") no-repeat 0px -216px;
height:60px;
display:block
}

.android-menu{
background:url("homemenu.png") no-repeat -1px -283px;
height:60px;
display:block
}

.active .mac-menu, .mac-menu:hover{
background:url("homemenu.png") no-repeat 0px -352px;
}

.active .iphone-menu, .iphone-menu:hover{
background:url("homemenu.png") no-repeat 0px -421px;
}

.active .web-menu, .web-menu:hover{
background:url("homemenu.png") no-repeat 0px -490px;
}

.active .ui-menu, .ui-menu:hover{
background:url("homemenu.png") no-repeat 0px -561px;
}

.active .android-menu, .android-menu:hover{
background:url("homemenu.png") no-repeat -1px -629px;
}

.content-inner{
margin:0 auto -55px;
width:915px;
float:right;
padding:0px 20px;
position:relative;
top:-65px;
height:100%;
}
#client_content_inner, #press_content_inner, careers_content_inner{
min-height: 320px;	
}
#project_loader{
margin:0 auto;
position:relative;
top:5px;
display:block;
}

#home .content-inner, .content-body-gray .content-inner{
top:0px;
margin:0px auto;
text-shadow:0 1px 0 #fff;
padding:0px 20px 0px;
}
.content-inner .left,.content-inner .right{
width:48%;
padding:14px 0 5px;
}

.content-body-gray .content-inner .left, .content-body-gray .content-inner .right{
width:48%;
padding: 10px 0 0;
line-height:17px;
}

.content-body-gray .content-inner .left p, .content-body-gray .content-inner .right p{
margin:0px 0 10px;
}

.inner-nav{
float:right;
}

.inner-label, .inner-value{
float:left;
padding:15px 3px 0;
cursor:pointer;
}

.inner-value:hover{
text-decoration:none;
}

.inner-value select{
/* background:url("dropdown-bg.png") no-repeat left top; */
border:none;
color:#fff;
position:relative;
top:-2px;
width:166px;
margin: 0 30px 0 0;
}
.drop-down{
background:url("dropdown-arrow.png") no-repeat left top;
height:6px;
width:8px;
position:relative;
top:-10px;
right:10px;
}

.inner-value img{
margin:0 0 0 3px;
cursor:pointer;
position:relative;
top:1px;
}

.leftnav{
margin:0px 0 -8px;
width:225px;
float:right;
padding:0px 20px 0px;
z-index:2;
text-shadow:0 1px 0 #fff;
}

#home .leftnav {
margin:-55px auto -30px;
}

#home .right .description{
height:125px;
overflow:hidden;
margin:10px 0;
text-align:justify;
font-size:11px;
color:#777777;
}

#home .right h2{
height:25px;
overflow:hidden;
}

#home .content-inner .left, #home .content-inner .right {
padding:8px 0 5px;
}

.leftnav .category-menu{
padding:0px;
position:relative;
right:-35px;
top:-10px;
}

.leftnav .category-menu ul{
width:100%;
line-height:60px;
position:relative;
top:0px;
right:-20px;
}

.leftnav .category-menu ul li{
margin:5px 0px;
width:185px;
padding:0 0 0 6px;
}

.leftnav .category-menu ul li.active, .leftnav .category-menu ul li:hover{
background:url("leftnav-category-menu-hover.png") no-repeat left top;
}

.sub-category-menu{
width:230px;
padding:0px 0px 40px;
position:relative;
right:-36px;
top:-10px;
}


.sub-category-menu ul li{
margin:5px 10px 0px;
display:block;
min-width:210px;
color:#24363a;
text-transform:capitalize;
font-size:16px;
line-height:40px;
position:relative;
top:0px;
right:0px;
text-align:right;
}

.sub-category-menu ul li a{
display:block;
cursor:pointer;
color:#24363a;
padding:0px 25px;
}

.sub-category-menu ul li a span{
display:none;
}
	
.leftnav .sub-category-menu ul li.active, .leftnav .sub-category-menu ul li:hover{
background:url("leftnav-sub-category-menu-hover.png") no-repeat left top;
}
.leftnav .category-menu .mac-menu{
background:url("left-menu.png") no-repeat 2px 7px;
height:60px;
width:183px;
}

.leftnav .category-menu .iphone-menu{
background:url("left-menu.png") no-repeat 2px -64px;
height:60px;
width:183px;
}

.leftnav .category-menu .ui-menu{
background:url("left-menu.png") no-repeat 2px -133px;
height:60px;
width:183px;
}

.leftnav .category-menu .web-menu{
background:url("left-menu.png") no-repeat 2px -203px;
height:60px;
width:183px;
}

.leftnav .category-menu .android-menu{
background:url("left-menu.png") no-repeat 2px -274px;
height:60px;
width:183px;
}
	
h1{
color:#00141a;
font-size:28px;
}

.content-inner h1{
padding: 7px 0 18px !important;
font-size:24px;
}

.content-inner li{
list-style-position: outside;
}

h2{
color:#24363a;
font-size:20px;
font-weight:550;
}

h2 a{
color:#174073;
font-size:20px;
font-weight:550;
}

h3{
color:#24363a;
font-size:16px;
font-weight:550;
padding:14px 0 4px;
}

h3 a{
color:#174073;
text-decoration:none;
}

.blue-bold{
color:#174073;
font-size:14px;
}

p{
margin:0px 0px 10px;
text-align:justify;
line-height:17px;
}

.contact{
background:url("contact.png") no-repeat left top;
height:24px;
width:92px;
cursor:pointer;
display:block;
}
.contact:hover{
background:url("contact.png") no-repeat left bottom;
}
.contact-shadow{
background:url("contact-shadow.png") no-repeat left top;
height:24px;
width:92px;
cursor:pointer;
display:block;
float:left;
left:-3px;
position:relative;
}
.contact-shadow:hover{
background:url("contact-shadow.png") no-repeat left bottom;
}
.more{
background:url("more.png") no-repeat right 0px;
text-align:right;
padding: 0 18px 0 0;
height:20px;
font-size:12px;
color:#24363a;
}

p.more{
background:url("more.png") no-repeat right 2px;
}

.viewmore{
background:url("viewmore.png") no-repeat right 1px;
bottom:0px;
cursor:pointer;
height:38px;
margin:10px 0 0;
position:absolute !important;
right:0 !important;
width:180px !important;
}

.viewmore:hover{
background:url("viewmore.png") no-repeat right bottom;
}

.viewmoretech{
background:url("viewmoretech.png") no-repeat right top;
width:214px !important;
height:38px;
margin:10px 0 0;
position:absolute !important;
right:-10px !important;
cursor:pointer;
bottom:-10px;
}
.chrome .viewmore, .chrome .viewmoretech{
position:absolute;
bottom:-8px;
}

.opera .viewmore, .opera .viewmoretech{
position:relative;
right:-30px !important;
top:0px;
}

.title{
color:#24363a;
font-size:16px;
margin:10px 0 0 !important
}

.leftnav .description{
overflow:hidden;
font-size:11px;
color:#777777;
}

.leftnav p{
}

.leftnav p.description{
overflow:hidden;
}
	
.leftnav .description a{
font-weight:bold;
color:#5D6D72;
}

.leftnav .description strong, .leftnav .description b, .leftnav .description i, .leftnav .description em,
.leftnav .description h1, .leftnav .description h2, .leftnav .description h3, .leftnav .description h4,
.leftnav .description h5, .leftnav .description h6, .leftnav .description pre, .leftnav .description code,
.leftnav .description blockquote{
font-weight:normal;
text-decoration:none;
}

.leftnav .more{
float:right;
position:relative;
font-size:12px;
color:#24363a;
}

.icon{
margin:5px 10px 0;
display:block;
float:left;
}


/* Thumbs Styles */


.thumbs{
position:relative;
left:3px;
clear:both;
margin:16px 0 0 0px;
padding:0px;
}

.thumbs-top{
background:url("thumbs-top.png") no-repeat left 2px;
height:10px;
clear:both;
width:910px;
}

.thumbs-bottom{
background:url("thumbs-bottom.png") no-repeat left bottom;
height:10px;
width:910px;
}

.thumbs-body{
background:url("thumbs-body.png") repeat-y left bottom;
overflow:hidden;
width:910px;
height:68px;
position:relative;
}

.thumbs-left{
background:url("thumbs-left-l.png") no-repeat left 10px;
height:92px;
left:-20px;
position:absolute;
top:0px;
width:35px;
z-index:10;
}

.thumbs-left-t{
background:url("thumbs-left-t.png") no-repeat left top;
height:10px;
left:0;
position:absolute;
top:0px;
width:83px;
z-index:10;
}

.thumbs-left-b{
background:url("thumbs-left-b.png") no-repeat left bottom;
height:12px;
left:0;
position:absolute;
bottom:0px;
width:83px;
z-index:10;
}

.thumbs-right{
background:url("thumbs-right-r.png") no-repeat right 10px;
float:right;
height:92px;
position:absolute;
right:-14px;
top:0px;
width:35px;
z-index:10;
}

.thumbs-right-t{
background:url("thumbs-right-t.png") no-repeat right top;
float:right;
height:10px;
position:absolute;
right:0;
top:0px;
width:83px;
z-index:10;
}

.thumbs-right-b{
background:url("thumbs-right-b.png") no-repeat right bottom;
float:right;
height:12px;
position:absolute;
right:0;
bottom:0px;
width:83px;
z-index:10;
}

.thumbs-scroll{
margin:0 -30px;
position:relative;
}

.thumbs-scroll img{
margin:4px;
}

.thumbs-nav{
width:50px;
margin:10px auto !important;
height:30px;
}

.thumbs-previous{
background:url("thumbs-previous.png") no-repeat left top;
height:18px;
width:18px;
float:left;
margin:0px 5px 0 0;
cursor:pointer;
}

.thumbs-next{
background:url("thumbs-next.png") no-repeat left top;
height:18px;
width:18px;
float:left;
margin:0 0 0 5px;
cursor:pointer;
}		

.thumbs .selected{
background:url("thumbs-selected.png") no-repeat left top;
width:158px;
height:68px;
}

/* Grid View Styles */


.grid-view{
clear:both;
margin:0;
padding:8px 10px;
position:relative;
width:890px;
color:#24363A;
}

.grid-view a{
color:#24363A;
}

.grid-view-client{
position:relative;
left:0px;
clear:both;
margin:0px;
padding:5px 0px 0px;
}

.grid-view .grid-element{
float:left;
width:150px;
padding:11px 14px 30px;
}
.grid-view-client .grid-element{
float:left;
width:14%;
}

.grid-view .thumbs-nav, .grid-view-client .thumbs-nav{
margin:10px auto 0px;
}

.grid-view-client .grid-element img{
margin:20px 13px;
}

.grid-element img{
margin:0px 0px 3px;
}

.grid-element .description{
font-weight:500;
height:15px;
overflow:hidden;
text-align:center;
width:150px;
}

.grid-element .more{
width:82px;
margin:3px auto;
display:block;
background: url(more.png) no-repeat scroll right 3px;
}
/* Footer Styles */
.footer{
margin:5px 20px auto 0;
max-width:1350px;
min-width:1240px;
}


.footer .copy{
float:right;
color:#636b6d;
}

.footer ul{
float:right;
margin:2px 30px 0px 0px;
}

.footer ul li{
display:block;
float:left;
padding:0 5px 0 0;
width:135px;
}

.footer ul li span{
text-transform:uppercase;
font-weight:bold;
color:#25363e;
padding:2px 0px;
display:block;
}

.footer ul li span a{
color:#25363e;
}

.footer ul li ul{
float:left;
margin:2px 0px;
width:100%;
}

.footer ul li ul li{
padding:2px 0px;
display:block;
width:100%;
color:#616B74;
clear:both;
}

.footer ul li ul li a, .copy a{
color:#616B74;
display:inline;
}

#sb_footer{
float:right;
height:24px;
overflow:hidden;
position:relative;
right:5px;
width:88px;
}

/* Mac Fixes */
.mac .inner-value fieldset{
margin:-3px 0 0 0px;
}
.mac .combo_default_item{
padding:3px 0 0 0;
}
.reset{
background:url(clear.png) no-repeat left top;
height:18px;
width:70px;
position:relative;
top:-3px;
border:0px;
text-indent:-9999px;
cursor:pointer;
}
.reset:hover{
background:url(clear.png) no-repeat left bottom;
}
.send{
background:url(send.png) no-repeat left top;
height:18px;
width:70px;
position:relative;
top:-3px;
border:0px;
text-indent:-9999px;
cursor:pointer;
}
.send:hover{
background:url(send.png) no-repeat left bottom;
}

.close{
background:url(close.png) no-repeat left top;
height:18px;
width:70px;
position:relative;
top:-3px;
border:0px;
text-indent:-9999px;
cursor:pointer;
}

.chrome .close-icon{
position:relative;
top:2px;
}

.safari .close-icon{
position:relative;
top:4px;
}

#err{
	padding:0 0 0 35px;
	position:absolute;
	bottom:15px;
	}
.hide{
	display:none;
}
.show{
	display:block;
}
#sb_overlay {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:10000;
}
.sb_overlaybg {
	background-color:#000000;
	opacity:0.8;
}
.right_description{
	min-height:150px;
	margin-bottom:7px;	
}