/*

Author: TemplateAccess.com (DT/TS)

*/

@charset "utf-8";

body { margin:0; padding:0; width:100%;}

html { padding:0; margin:0;}



.main { margin:0 auto;   background: url(images/main_bg.jpg) top center repeat-x; padding:0;}

.main2 { margin:0 auto;   background:#f0f0f0 url(images/main_bg2.gif) top center repeat-x; padding:15px 0 0 0;}

/********** header **********/

.header {  padding:35px 30px 0px 30px; margin:0 auto; width:960px;}

.header h2 { font: normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ebe8e8; padding:20px 0; margin:0;}

/* logo */

.logo {padding:0; margin:0; float:left;}

.logo img {width:200px; height:65px; padding:5px 0px;}

/* rss */



.rss_img { color:#ABABAB; font:11px/20px Arial,Helvetica,sans-serif; margin:0; padding:10px 0 4px; text-align:left; float:right;}

.rss_img p { float:left; padding:0 5px 0 0; margin:0;}

.rss_img img { margin:0 3px; padding:0;border:0}

/*menu*/

.menu { padding:0; margin:0; float:right; width:540px;}

.menu ul { text-align: left;  padding:25px 0 0 0; margin:0; list-style:none; border:0; float:right;}

.menu ul li { float:left; margin:0; padding:0px 5px; border:0; }

.menu ul li a { color:#D4D4D4; float:left; font:bold 16px "Trebuchet MS",Arial,Helvetica,sans-serif; margin:0; padding:5px 15px; text-decoration:none; }

.menu ul li a:hover { color:#ccc; background:#222; border:1px solid #333; padding:4px 14px;}

.menu ul li.current_page_item a{ color:#ccc !important; background:#222 !important; border:1px solid #333 !important; padding:4px 14px !important;}

/* search */

.search { padding:5px 0 7px 0; margin:0; width:230px; float:right; display:;}

.search form { display:block; float:right; padding:0;}

.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:146px; padding:0; height:24px;}

.search form .keywords { width:179px; line-height:14px;  float:left; background:none; border:0; padding:5px 2px 0 10px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#d7d7d7;}

.search form .button { float:left; margin:0; padding:0;}

/* click_blog */

.click_blog_bg { background:#444; padding:10px 0; margin:0;}

.click_blog { width:960px; margin:0 auto; padding:5px 30px;}

.click_blog p { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding:0; margin:0;}

.click_blog p span { font: normal 11px Arial, Helvetica, sans-serif; color:#979797;}

/* FBG */

.FBG {  padding:10px 0; margin:0; background:#373737; border-top:1px solid #3c3e3b; border-bottom:1px solid #3c3d3a;}

.FBG_resize { width:960px; margin:0 auto; padding:0;}

.FBG_resize img { float:left; margin:0; padding:0;}

.FBG_resize a { color:#6bb870; text-decoration:none; }

.FBG_resize h2 { font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#bebdbd; padding:10px 0; margin:0;}

.FBG_resize p {font: normal 11px Arial, Helvetica, sans-serif; color:#747373; padding:5px 0; margin:0; line-height:1.8em;}

.FBG_resize .blog { width:225px; float:left; margin:0; padding:20px 20px 20px 0;}

.FBG_resize .last { padding:20px 0;}



/* body */

.body_resize { width:960px; margin:0 auto; padding:20px 30px;}

.body { padding:0; margin:0 auto; background:#FFF; font: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.body-home { padding:0; margin:0 auto; background:#2E2E2E; font: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.body h2, .body-home h2 { font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #3c3c3c;}

.body h2 span, .body-home h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#b7b7b7; padding:0; margin:0;}

.body h3, .body-home h3 { color:#4f4f4f; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0 15px 20px; margin:0; }

.body h4, .body-home h4 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px 0; margin:0; border-bottom:none;}

.body .menu2, .body-home .menu2  { width:170px; float:right; padding:0; margin:0;}

.body .menu2 a, .body-home .menu2 a{ font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none; padding:0 3px;}

.body .menu2 a:hover, .body-home .menu2 a:hover { color:#fff; background:#363636;}

.body p.about, .body-home p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}

.body p, .body-home p { font:normal 12px Arial, Helvetica, sans-serif; color:#868686; line-height:1.8em; padding:5px 0; margin:0;}

.body p span, .body-home p span { font-size:18px; font-weight:bold; color:#888;}



.body a, .body-home a { color:#ccc !important; text-decoration:none; font-weight:bold;}

.body img, .body-home img { margin:5px auto; padding:0;}

.body img.link, .body-home img.link { margin:5px auto; padding:0; text-align:center;}









.right {  width:295px; margin:0; padding:10px 0; float:right;}

.right ul { margin:0; padding:0; list-style:none;}

.right li { border-bottom:1px solid #dfdfdf; padding:5px 0 5px 15px; margin:0; background:url(images/r_ul_li.gif) left no-repeat;}

.right li a { font: normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none;}

.right li a:hover { color:#912731; text-decoration:underline;}

.left {  width:585px; margin:0; padding:10px 0; float:left;}

.port {width:290px; margin:10px 0; padding:0 45px 0 0; float:left;}

.port h2

{

	font-size:22px;

}

.last { padding:0;}



#container-portfolio {

	margin:0 auto; 

	width:100%;

	background-color:#FFFFFF;

}





#container{background-color:#FFF;}

#content {

	padding:20px 30px;

	margin:0 auto; width:960px;

	color: #666666!important;

}





#content-portfolio {

	padding:20px 30px;

	width:780px;

    float:left;

	color: #666666!important;



}



#sidebar{float:left; width:200px; background-color:#CCCCCC; padding: 0px; margin-left:20px; height:100%!important;}



#portfolio-menu li{list-style:none;margin-left:10px;}

#portfolio-menu  ul li a {  color:#666; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; }

#portfolio-menu  ul li a:hover{color:#0099CC;text-decoration:underline;} 





.port-home a, .port-home a:hover; .port-home a:visited, .port-home a:active {color:#000; font-weight:bold;}



#content img {border: 2px solid #666666;}

/********** contact form **********/

#contactform { margin:0; padding:5px 0; }

#contactform * { color:#F00; }

#contactform ol { margin:0; padding:0; list-style:none; }

#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }

#contactform li.buttons { margin:5px 0 5px 0; clear:both; }

#contactform label { margin:0; width:100px; display:block; padding:5px 0; color:#868686; font: normal 12px Arial, Helvetica, sans-serif;  float:left; }

#contactform label span { color:#d66423; font-weight:bold; }

#contactform input.text { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }

#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }

#contactform li.buttons input { padding:3px 0 3px 100px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }









#contactbox{float: right; padding:10px; background-color: #666; width:180px; font-size: 14px; font-weight:bold; line-height: 150%;margin-left:30px;}

#contactbox p {color:#ffffff!important;}

#contactbox a:link, #contactbox a:visited{color:#ccc!important;}

#contactbox a:hover{text-decoration:underline;}

#contactbox h1{font-size:110%;margin-bottom:5px;color:#ffffff!important;}



/*************footer**********/

.footer {padding:0;  margin:0 auto; background:#2e2e2e; border-top:1px solid #292929;}

.footer_resize { width:960px; margin:0 auto; padding:10px 30px;}

.footer p { font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#979797;}

.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#979797; text-decoration:none; }

.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0; float:right;} 

.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0; float:left;}



p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #3c3c3c;}

/* Slider */

#slider { width:960px; padding:36px 0 0 0; margin:0 auto; }

#slider .flash_slider { width:960px; height:301px; margin:0; overflow:hidden;}



/* Tech PSS */

body, ul, li, h1, h2, h3{

	margin:0;

	padding:0;

}

body{

	background:#121212;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#fff;

	overflow-x:hidden;

}

.ps_overlay{

    z-index:90;

    background:#111;

    width:100%;

    height:100%;

    position:fixed;

    top:0px;

    left:0px;

    opacity:0.5;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

}

/* Image container style */

.ps_container{

	width:780px;

	height:250px;

	position:absolute;

	top:0%;

	margin-top:-175px;

	left:0%;

	margin-left:-240px;

	z-index:100;

}

.ps_container img{

	border:10px solid #fff;

	position:absolute;

	top:0%;

	left:0%;

	-moz-box-shadow:1px 1px 10px #000;

	-webkit-box-shadow:1px 1px 10px #000;

	box-shadow:1px 1px 10px #000;

}

/* Close button for preview mode */

a.ps_close{

	background:#000 url(../images/close.png) no-repeat center center;

	cursor:pointer;

	width:56px;

	height:56px;

	position:fixed;

	right:10px;

	top:10px;

	z-index:1000;

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	border-radius:10px;	

	opacity:0.6;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);	

}

/* Next photo button for preview mode */

a.ps_next_photo{

	position:absolute;

	top:0%;

	left:0%;

	width:56px;

	height:56px;

	margin:-28px 0 0 -28px;

	z-index:200;

	cursor:pointer;

	background:#000 url(../images/next_photo.png) no-repeat 50% 50%;

	opacity:0.6;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);	

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius:10px;

}

a.ps_next_photo:hover,

a.ps_close:hover{

	opacity:0.8;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	

}

/* Thumbnail slider style */

.ps_slider{

	width:782px;

	height:300px;

	position:relative;

	margin:10px auto 0px auto;

}

.ps_slider a.next,

.ps_slider a.prev{

	position:absolute;

	background-color:#000;

    background-position:center center;

    background-repeat:no-repeat;

    border:1px solid #232323;

    width:20px;

    height:20px;

    top:50%;

    margin-top:-10px;

    opacity:0.6;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius:5px;

    cursor:pointer;

    outline:none;

}

.ps_slider a.prev:hover,

.ps_slider a.next:hover{

    border:1px solid #333;

    opacity:0.9;

}

.ps_slider a.disabled,

.ps_slider a.disabled:hover{

    opacity:0.4;

    border:1px solid #111;

    cursor:default;

}

.ps_slider a.prev{

    left:-30px;

    background-image:url(images/prev.png);

}

.ps_slider a.next{

    right:-30px;

    background-image:url(images/next.png);

}

.ps_slider .ps_album{

	width:220px;

	height:290px;

	padding:10px;

	background-color:#333;

	border:1px solid #444;

	position:absolute;

	top:0px;

	text-align:center;

	cursor:pointer;

	-moz-box-shadow:1px 1px 4px #000;

	-webkit-box-shadow:1px 1px 4px #000;

	box-shadow:1px 1px 4px #000;

	-webkit-box-reflect:

		below 5px 

		-webkit-gradient(

			linear, 

			left top, 

			left bottom, 

			from(transparent), 

			color-stop(0.6, transparent), 

			to(rgb(18, 18, 18))

		);

}

.ps_slider .ps_album:hover{

		background-color:#383838;

}

.ps_slider .ps_album img{

	height:142px;

	border:1px solid #444;

	-moz-box-shadow:1px 1px 4px #000;

	-webkit-box-shadow:1px 1px 4px #000;

	box-shadow:1px 1px 4px #000;

}

.ps_slider .ps_album .ps_desc{

	display:block;

	color:#666;

	background:#111 url(images/overlay.png) no-repeat bottom right;

	height:120px;

	margin-top:10px;

	text-align:left;

	line-height:20px;

	overflow:hidden;

	text-overflow:ellipsis;

	border:1px solid #393939;

	-moz-box-shadow:0px 0px 2px #000 inset;

	-webkit-box-shadow:0px 0px 2px #000 inset;

	box-shadow:0px 0px 2px #000 inset;

}

.ps_slider .ps_album:hover .ps_desc{

	background-image:none;

}

.ps_slider .ps_album .ps_desc span{

	display:block;

	margin:0px 10px 10px 10px;

	border-top:1px solid #333;

	padding-top:5px;

}

.ps_slider .ps_album .ps_desc h2{

	margin:10px 10px 0px 10px;

	text-align:left;

	padding-bottom:5px;

	font-weight:normal;

	color:#ddd;

	text-shadow:0px 0px 1px #fff;

	border-bottom:1px solid #000;

}

.ps_slider .loading{

	background:#121212 url(../images/loading.gif) no-repeat 50% 50%;

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	opacity:0.7;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

.ngg-gallery-thumbnail img { width:150px !important; height:115px !important;}




.wp-caption-dd {
margin-left:2px;
text-indent:10px;
}



.entry-content .wp-caption {
    float: left;
    margin-top: 0;
    width: 223px;
}