/* -----------------------------------------------------------------------

Logical Complete Site Styles - (BLUE) 

----------------------------------------------------------------------- */



/* General Styling */
body{background:#fff; FONT: 12px/18px Tahoma, Arial, sans-serif; COLOR: #383838}
h3{color:#383838}
a{color:#56BFF8; text-decoration:underline;}
ul,li {list-style-type: none;}
a {outline: none; text-decoration: none;}
.color{color:#56BFF8;}
.bg{background:#eee;}
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#navigation span, h2 span, h3 span {display: none;}
.header{padding-top:40px; padding-bottom:20px;}
.intro{padding:10px 0 10px 0px; width:950px;}
.intro a{color:#56BFF8; font-weight:bold}
.intro a:hover{color:#000;}
.intro p{padding-left:7px;}
.intro p img{margin-left:5px;}
.aboutservices img {padding-top:10px;}
.page{padding:10px 0 10px;}
.page h3{padding:0 0 10px 0; margin:0;}
.page h2{color:#383838;}
.page p{padding-bottom:0; margin-bottom:0; line-height:20px;}
.logo{padding-bottom:10px;}
.more{color:#ddd; padding-bottom:10px;}
.slogan h3{font-size:20px;}

.nodisplay{display:none;}
.page_item a{color:#0066CC; text-decoration:none; font-family: Trebuchet MS, Arial, sans-serif; font-size: 15px; font-weight: bold; }
.page_item a:hover{color:#0099FF; text-decoration:underline; font-family: Arial; font-size: 15px; font-weight: bold; }



/* Navigation */
/* ============================================================================= */

ul#navigation {height: 50px; margin:0; padding:0;}
ul#navigation li {width: 190px; float: left;}
ul#navigation li a {display: block;height: 50px;cursor: pointer;}
ul#navigation li a#home {background: url(img/home.png) 0 0 no-repeat;}
ul#navigation li a#port {background: url(img/portfolio.png) 0 0 no-repeat;}
ul#navigation li a#services {background: url(img/services.png) 0 0 no-repeat;}
ul#navigation li a#blog {background: url(img/blog.png) 0 0 no-repeat;}
ul#navigation li a#contact {background: url(img/contact.png) 0 0 no-repeat;}

ul#navigation li a#home_front {background: url(img/home.png) 0 -50px no-repeat;}
ul#navigation li a#port_front {background: url(img/portfolio.png) 0 -50px no-repeat;}
ul#navigation li a#services_front {background: url(img/services.png) 0 -50px no-repeat;}
ul#navigation li a#blog_front {background: url(img/blog.png) 0 -50px no-repeat;}
ul#navigation li a#contact_front {background: url(img/contact.png) 0 -50px no-repeat;}

ul#navigation li a#home:hover,
ul#navigation li a#port:hover,
ul#navigation li a#services:hover,
ul#navigation li a#blog:hover,
ul#navigation li a#contact:hover {background-position: 0 -50px;}
	
ul#navigation li .selected{background-position: 0 -50px;}

.submenu{background:url(img/bg_submenu.jpg) no-repeat; height:55px;}
#sub-nav{padding-top:22px; margin-left:0; padding-left:28px; font-size:11px;}
#sub-nav li{list-style:none; float:left;}
#sub-nav li a{margin-right:5px; color:#999; float:left; padding-left:15px; background:url(img/bullet.jpg) no-repeat; padding-right:10px;}
#sub-nav li a:hover{color:#151515; background:url(img/bullet_selected.jpg) no-repeat;}
#sub-nav li a.selected {background:url(img/bullet_selected.jpg) no-repeat; padding-left:15px; float:left; color:#151515;}

/* HR Styling */
/* ============================================================================= */

.hrbg{background:url(img/hrbg.gif) repeat-x; height:5px; width:950px;margin-top:2px; margin-bottom:5px;}
.hrbg_small{background:url(img/hrbg_small.gif) repeat-x; height:1px; width:950px;margin-top:0px; margin-bottom:20px;}
.hrbg_small_case{background:url(img/hrbg_small.gif) repeat-x; height:1px; width:950px;margin-top:0px; margin-bottom:10px;}
.hrbg_small_case_b1{background:url(img/hrbg_small.gif) repeat-x; height:1px; width:534px;margin-top:0px; margin-bottom:10px;}
.hrbg_underintro{background:url(img/hrbg_small.gif) repeat-x; height:1px; width:950px;margin-top:20px; margin-bottom:0px;}
.hrbg_blog{background:url(img/hrbg_small.gif) repeat-x; height:1px; width:750px;margin-top:0px; margin-bottom:20px;}
.hrbg_blog3{background:url(img/hrbg_small.gif) repeat-x; height:1px; width:530px;margin-top:0px; margin-bottom:20px; margin-left:20px;}



/* Box Styling */
/* ============================================================================= */

.box1{padding:16px 0 10px;}
.box1 h3{padding:0px; margin:0; padding-bottom:14px; font-size:20px;}
.box1 h4{padding-bottom:0; margin-bottom:5px;}
.box1 h4 a:hover{color:#56BFF8;}
.box1 h6{padding:0 0 10px; margin:0;}
.box1 img{padding:0; margin:0; float:left; padding-right:10px;}
.box1 p{line-height:20px;}
.box1 p a{color:#56BFF8; font-weight:bold;}
.box1 p a:hover{color:#151515;}

.box2{padding:16px 0 10px;}
.box2 h3{padding:0px; margin:0; padding-bottom:14px; font-size:20px;}
.box2 h4{padding-bottom:0; margin-bottom:15px;}
.box2 h4 a:hover{color:#56BFF8;}
.box2 h6{padding:0 0 10px; margin:0;}
.box2 img{padding:0; margin:0; float:left; padding-right:10px;}
.box2 p{line-height:20px;}

p.quote{padding-top:10px; font-size:12px; font-style:italic; line-height:22px;}
p.other{}
p.other a{color:#56BFF8;}
.meta{padding-bottom:5px; margin-bottom:5px;}


/* Footer Styling */
/* ============================================================================= */
.footer{padding-top:20px; color:#999;}
.footer a{color:#999; font-weight:bold;}
.footer a:hover{color:#151515;}
#footer-nav{float:right; padding-right:0; margin-right:0; font-size:11px;}
#footer-nav li{list-style:none; float:left; padding-left:5px; color:#ccc;}
.footer_text {padding:0; margin:0; font-size:11px;}
#socialize1 {float:right; padding-right:0; margin-right:0; font-size:11px;}
#socialize1 li{list-style:none; float:left; padding-left:5px; color:#ccc;}
#socialize {margin-top: -150px;
		position: fixed;
		top: 40%;
		right: 0;
		z-index: 2;}



/* Portfolio Page Styling */
/* ============================================================================= */
ul.thumb_view {float: left;width: 950px;margin: 0 0 0 24px;padding: 0;list-style: none;border:0;background: #fff;}
ul.thumb_view li {float: left;width: 237px;padding: 0px 0px 0 0;margin: 0 0px 30px 0;border:0;}
ul.thumb_view li img {float: left; width:160px; margin-right:10px; padding-left:0px;}
ul.thumb_view li a {color: #383838;text-decoration: none;}
ul.thumb_view li .content_block {padding: 0 0px 0px 0;}
ul.thumb_view li .content_block h2 {margin: 0 20px 0 0;padding: 5px;font-weight: normal;font-size: 18px;}
ul.thumb_view li .content_block a img{padding: 10px;border: 1px solid #ddd;background: #f7f7f7;margin:0;float: left; margin-bottom:10px;}
ul.thumb_view li h2 {padding-left:10px;}
ul.thumb_view li p{display: none;}
ul.thumb_view li .content_block a img {margin: 0 20px 10px 0;}

ul.display li{width: 950px;margin-bottom:30px;}
ul.display li .content_block p img{padding:0;border:0; height:20px; width:74px;}
ul.display li .content_block p {margin: 0;padding: 5px 0px 5px 0px;}
ul.display li p{display: block;}

a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0px 0 15px;
	display: block;
	background: url(img/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
	float:right;
	margin-right:30px;}

a:hover.switch_thumb {filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
a.swap {background-position: left bottom;}
.switch h1 {font: 5em normal Georgia, 'Times New Roman', Times, serif; text-align:center;margin-bottom: 20px;}
.switch h1 span {color: #e7ff61;}

/* Single Page */
.single{padding-right:20px;}
.single p{padding-bottom:10px; line-height:20px;}
.single img{padding:10px; border:1px solid #ddd; background:#f7f7f7; margin-bottom:10px;}
.quote_{padding-top:10px;}


/* Case Studies Page */

.case{}

.case_title{padding-top:20px;}
.case_title h4{font-size:16px;}

.case img{padding:10px; border:1px solid #ddd; background:#f7f7f7;}
.case_text{}
.case_text h3{font-size:24px;}
.case_text p{padding-bottom:10px; line-height:20px;}

.case_text_b1{padding-top:18px;}
.case_text_b1 p{padding-bottom:10px; margin-right:16px;}
.case_text_b1 .last{padding-bototm:20px;}
.case_text_b2{padding-top:20px;}
.case_text_b2 img{padding:10px; border:1px solid #ddd; background:#f7f7f7; margin-bottom:14px;}

#case_preview{float:left;padding-left:0; margin-left:0; font-size:11px; margin-bottom:20px;}
#case_preview li{list-style:none; float:left; padding-right:20px; color:#ccc;}
#case_preview li img{padding:5px; border:1px solid #ddd;}



/* Web Design Page*/
.port_web{}
.port_web h3{font-size:24px;}
.port_web p{padding-bottom:10px; padding-right:10px;}
.port_web_img img{padding:10px; border:1px solid #ddd; background:#f7f7f7; float:right; margin-bottom:30px;}


/* Service */
.page_services{padding:10px 0 10px; margin-bottom:30px;}
.boxed_page{background:#fff; padding:10px 20px 10px 0px;}
.boxed_page h2{padding:0; margin:0; color:#444;}
.boxed_page h4{padding:5px 0 5px 0; margin:0; color:#383838; font-size:22px;}
.boxed_page h5{padding:5px 0 5px 0; margin:0; color:#383838; font-size:16px;}
.boxed_page p{padding:0 0 10px 0; margin:0;}


.boxed_top{background:url(img/box_topper.png) no-repeat; height:12px;}
.boxed_bottom{background:url(img/box_bottom.png) no-repeat; height:12px;}
.boxed{background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:20px;}
.boxed ul{padding:0; margin:0;}
.boxed p{padding-bottom:10px;}
.boxed h3, .boxed h2{padding:0; margin:0; margin-bottom:5px;}
.grey{color:#444;}
.boxed h5{padding:0; margin:0; color:#444; font-size:14px;}
.meta{font-size:11px; padding:0 0 5px 0;}

#case_preview2{float:left;padding-left:0; margin-left:0; font-size:11px; margin-bottom:20px;}
#case_preview2 li{list-style:none; float:left; padding-right:20px; color:#ccc;}
#case_preview2 li img{padding:5px; border:1px solid #ddd;}

/* Blog Page*/

.blog_img img{padding:10px; border:1px solid #ddd; background:#f7f7f7; margin-bottom:20px; margin-left:0px;}
.entrynotes{}
.entrynotes ul{padding:0; margin:0 0 0 35px;}
.entrynotes li{list-style:none;}
.entrynotes .last{padding-bottom:0; margin-bottom:0;}
.blog_web{background:#fff;}
.blog_web h3{font-size:24px; color:#383838;}
.blog_web h3 a{color:#383838;}
.blog_web p{padding-bottom:10px; padding-right:10px;}


/* img replacement*/
.logo_intro{padding-bottom:20px;}
#irg img{padding:10px; border:1px solid #ddd; background:#f7f7f7;}
.thumb_block{padding-left:10px;}
.thumb_block img{padding-left:10px; padding-bottom:10px;}
.thumb_block h3{padding-left:10px;}
ul.thumbs{padding:0; margin:0;}
ul.thumbs li{margin-left:10px; margin-bottom:15px; float:left;}
ul.thumbs li img{padding:5px; border:1px solid #ddd; background:#f7f7f7;}
#hiddenbox{padding-top:70px; background:#fff url(img/loading.gif) center no-repeat; display:none; height:200px; padding-left:200px; border:1px solid #ddd;}


/* Blog Layout #2 Styling */
.blog2_meta{font-size:10px; color:#999; padding:0; margin:0;}
.entrynotes h6{margin-top:5px;padding-bottom:4px; color:#151515; border-bottom:1px solid #ddd;}
.entrynotes a{color:#888;}
.readmore{padding-top:20px; float:left; padding-bottom:20px; }
.page_blog2{padding:10px 0 10px;}
.page_blog2 p{line-height:22px;}


/* Identity Pack Page */
.identity{padding-right:20px;}
.identity p{padding-bottom:10px; line-height:20px;}
.identity img{padding:10px; border:1px solid #ddd; background:#f7f7f7; margin-bottom:10px;}
.quote_{padding-top:10px;}

/* Single Page */
.single{padding-right:20px;}
.single p{padding-bottom:10px; line-height:20px;}
.single img{padding:10px; border:1px solid #ddd; background:#f7f7f7; margin-bottom:10px;}
.quote_{padding-top:10px;}


/* Identity Menus */
#ident_menu {list-style: none;margin: 0 0 20px;padding: 10px 0 0 0;width: 100%;font-size:14px;}
#ident_menu li {margin: 0;padding: 0;}
#ident_menu a {border-bottom: 1px solid #ddd;color: #999;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal; height:15px;}
#ident_menu a:hover {background: #eee;color: #666;}
#ident2_menu {list-style: none;margin: 0 0 20px;padding: 10px 0 0 0;width: 100%;font-size:14px;}
#ident2_menu li {margin: 0;padding: 0;}
#ident2_menu a {border-bottom: 1px solid #ddd;color: #999;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal; height:15px;}
#ident2_menu a:hover {background: #eee;color: #666;}



/* Index2 Styling */
.index2{}
.index2 img{padding:10px; border:1px solid #ddd; background:#f7f7f7; margin-top:5px;}
.index2 p{padding-left:40px; line-height:20px; padding-bottom:0px; margin-bottom:5px;}
.index2 h1{padding-left:40px; font-size:28px; padding-top:10px;}
.index2 .slide_buttons {padding-left:40px;}


/* Blog Layout #3 */

.bg_work_page{color:#383838; margin-top:0px; margin-bottom:30px;}
.bg_work_page h4{padding: 10px 20px 0px 20px; margin:0; color:#fff; font-size:22px;}
.bg_work_page h4 a{color:#383838;}
.bg_work_page p{padding:10px 20px 0px 20px; margin:0; color:#555;}
.bg_work_page img{padding-right:10px;}

.blog_entrynotes{padding-top:24px; color:#999;}
.blog_entrynotes h4{color:#999; font-size:20px; padding:5px; margin:0; display:inline}
.blog_entrynotes ul{padding:0; margin:0; padding-top:5px; border-top:1px solid #eee;margin-top:2px;}
blog_.entrynotes li{list-style:none; padding:2px 0 5px 2px}
.blog_entrynotes .last{padding-bottom:0; margin-bottom:0;}

.work_sideimg{margin-top:25px;}
.work_sideimg img{padding:10px; background:#f7f7f7; border:1px solid #ddd;}
.boxed ul{padding:0; margin:0;}
.blog_web h3 a{color:#56BFF8;}



/*  comments */
#comments-wrapper,
#comments-wrapper-form {}
#comments-wrapper p { margin: 15px 0; }
#comments-wrapper .navigation { margin: 0 0 25px 0px; }
h3#comments { clear: both; margin: 20px 0 20px 0px; }
.commentlist ul {padding:0; margin:0;}
.commentlist { font-size:13px; line-height: 1.4em; }
	.commentlist li.comment,
	.commentlist li.pingback { border-top: 1px solid #ddd; margin: 0; padding: 7px 0 15px 0px; }
	.commentlist li.comment-author-admin { background: #f7f7f7; }
	.commentlist li.comment ul,
	.commentlist li.comment ol,
	.commentlist li.comment blockquote { margin: 0 15px; }
	.commentlist li.comment blockquote { border-left: 1px solid #ddd; color: #777; font-style: italic; padding-left: 10px; }
	.commentlist ul.children { margin: 0 !important; padding: 0; }
	.commentlist .children li.comment { list-style: none; margin: 15px 0 0 0; padding: 7px 0 0 0px; }
.comment-author img.avatar { float: right; margin: 0 7px 0 0; }
.comment-author cite { font-style: normal; }
.comment-meta { font-size: 11px; }
#respond { clear: both; margin-left: 0px; padding: 10px 0 0 0; }
li.comment #respond { margin-left: 0; }
#respond h3 { margin: 0 0 15px 0; }
#respond .text-input { font-size: 12px; margin-right: 4px; width: 160px; }
#respond textarea.text-input,
#respondform textarea.text-input { margin-right: 0; overflow: auto; width: 97%; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
#listbookmarks{
background-color: #f2f2f2;
width: 955px;
height: 50px;
font-size: 1.2em;
color: #fff;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:7px;
-khtml-border-radius:10px;
}

DIV.sexybookmarks{padding-top: 8px;padding-left: 30px;clear:both;height:29px;margin:20px 0;overflow:hidden;/*position:relative;*/}
/*DIV.sexybookmarks-inner{position:absolute;}*/
DIV.sexybookmarks A{background-position:0 bottom;border:0;display:block;float:left;height:29px;text-decoration:none;width:55px;}
DIV.sexybookmarks A:hover{background-position:0 top;}
DIV.sexybookmarks A SPAN{display:none;}
DIV.sexybookmarks A.sexy-blogger{background-image:url('img/blogger0.png') }
DIV.sexybookmarks A.sexy-bobrdobr{background-image:url('img/bobrdobr.png') }
DIV.sexybookmarks A.sexy-delicious{background-image:url('img/deliciou.png') }
DIV.sexybookmarks A.sexy-evernote{background-image:url('img/evernote.png') }
DIV.sexybookmarks A.sexy-facebook{background-image:url('img/facebook.png') }
DIV.sexybookmarks A.sexy-google{background-image:url('img/google00.png') }
DIV.sexybookmarks A.sexy-googlereader{background-image:url('img/googlere.png') }
DIV.sexybookmarks A.sexy-livejournal{background-image:url('img/livejour.png') }
DIV.sexybookmarks A.sexy-mail{background-image:url('img/mail0000.png') }
DIV.sexybookmarks A.sexy-mailru{background-image:url('img/mailru00.png') }
DIV.sexybookmarks A.sexy-memoryru{background-image:url('img/memoryru.png') }
DIV.sexybookmarks A.sexy-moemesto{background-image:url('img/moemesto.png') }
DIV.sexybookmarks A.sexy-twitter{background-image:url('img/twitter0.png') }
DIV.sexybookmarks A.sexy-vkontakte{background-image:url('img/vkontakt.png') }
DIV.sexybookmarks A.sexy-yandex{background-image:url('img/yandex00.png') }
DIV.sexybookmarks A.sexy-odnoklassniki{background-image:url('img/odnoklas.png') }