/* @override http://www.sidianagency.com/sidiantest/wp-content/themes/sidian/style.css */

/* @override http://www.sidianagency.com/sidiantest/wp-content/themes/sidian/style.css */

/* @override http://www.sidianagency.com/sidiantest/wp-content/themes/sidian/style.css */

/* @override http://www.sidianagency.com/sidiantest/wp-content/themes/sidian/style.css */

/* @override http://www.sidianagency.com/sidiantest/wp-content/themes/sidian/style.css */

/*
Theme Name: Sidian Agency
Theme URI:
Description:
Version: 1.0
Author: kucrut
Author URI: http://kucrut.org/
Tags:
License:
*/

/*
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 */

html *{padding:0;margin:0}
* html{padding:0;margin:0}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,
p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
button, textarea {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent}

h1,h2,h3,h4,h5,h6{font-weight:normal}

ol,ul{list-style:none}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none}
a{color:inherit;text-decoration:none}
/* remember to define focus styles! */
:active,:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
sub,sup {font-size:80%;line-height:0}
sub{vertical-align:sub}
sup{vertical-align:top}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}


.cf{clear:both}
.hidden{display:none}
.hider{overflow:hidden}
.holder{overflow:auto}


/* Floats
 * --------------------- */
.aligncenter{margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}

/* Text */
.tLeft{text-align:left}
.tCent{text-align:center}
.tRight{text-align:right}
.tBold{font-weight:bold}
.tItalic{font-style:italic}
.tUline{text-decoration:underline}

/* Start Here
 * ------------- */

body {
  background:#181818;
  color:#fff;
  font:.625em/1 Arial, Helvetica, Verdana, sans-serif;
  padding-bottom:50px}

a {
  color:#fff;
  text-decoration:none}
a:focus,
a:hover {
  color:#cc0033;
}

#page {
  margin:0 auto;
  overflow:hidden;
  width:1000px}

/* Colors */
.cl-brown {color:#666}
.cl-white {color:#fff}
.cl-red, .failure {color:#cc0033}

/* Gallery */
.gallery .items,
.gallery .item {
  height:311px}
.gallery .items {
  margin-bottom:9px;
  width:9000px}
.gallery .item {
  float:left;
  width:654px}
.gallery .item .thumb {display:block}
.scrollable {
  position:relative;
  overflow:hidden}
.scrollable .items {position:relative}

.sidebar {
  float:left;
  padding-right:30px;
  width:115px}
.sidebar p {
  line-height:1.2;
  margin-bottom:20px}


/* Content */
.the-title {
  color:#cc0033;
  font-family:"Fertigo Pro", Fertigo, Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  padding:0 0 11px 145px;
  width: auto;
  text-transform:lowercase}

.the-title a {color:#cc0033}

.hentry a {color:#cc0033}
.hentry a:focus,
.hentry a:hover {
  text-decoration:underline}
.hentry p {
  margin-bottom:20px;
	line-height: 15px;
}

/* The Boxes */
.box {
  float:left;
  margin-right:0px;
  overflow:hidden;
  position:relative}
.box img {display:block}
.box .title {
  background:#000;
  bottom:0;
  color:#fff;
  font-size:14px;
  height:38px;
  line-height:38px;
  padding:0 10px;
  position:absolute;
  width:100%;
  opacity:.8}
.box a {color:#fff}



/* Small Thumbs */
.gallery .nav li {
  float:left;
  margin-right:4px}
.gallery .nav li a {
  border:1px solid #3f3832;
  float:left;
  position:relative}
.gallery .nav li a:focus,
.gallery .nav li a:hover {
  border-color:#cc0033}
.gallery .nav li img {float:left}


/* Header */
#header {
  color:#fff;
  float:left;
  padding: 58px 25px 0 0;
  text-align:right;
  width:165px;
	margin-top: -2px;
}

#sitename {
  height:102px;
  margin-bottom:57px;
  width:125px}
#sitename a {
  background:url(images/logo2.gif);
  display:block;
  height:270px;
  width:317px;
	margin-top: -63px;
}
#sitename span {display:none}

#nav { margin-top: 130px; }

#nav li {
  font-family:"Fertigo Pro", Fertigo, Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  line-height:26px}
#header address {
  color:#666;
  font-size:11px;
  font-style:normal;
  line-height:16px;
  padding-top: 98px;
	margin-top: 0;
}
#header address a {color:#666}
#header address a:focus,
#header address a:hover {
  color:#cc0033}


/* Second Header */
#second-header {

  position:relative;
}
#ttbanner {
  height:100px;
  position:absolute;
  top:65px;
  width:560px}
#twitter {
  height:76px;
  position:absolute;
  right:0;
  width:93px}
#twitter img {display:block}


/* Content */
#second-header,
#content {
  float:left;
  width:675px;
	padding-left: 0;
	margin-left: -1px;
padding-top: 0;
}
#content {font-size:12px}

#main {
  float:right;
  width:654px;
}

/* Homepage */
.home #content .box-1 {
  height:207px;
  margin-bottom:15px;    margin-left:15px;
  width:163px}    .home #content .box-100 {  height:161px;  margin-bottom:15px;    margin-left:15px;  width:163px}  .home #content .box-main {     height:384px;   width:611px}            .homeSlider {height:386px;overflow:hidden;position:relative;width:613px;float:left;}.homeSlider li.current {z-index:8;}.homeSlider li, .homeSlider li a {height:100%;left:0;position:absolute;top:0;width:100%;z-index:10;}.homeSlider li span {height:100%;left:0;position:absolute;top:0;width:10%;z-index:9;}.overlay {background:url("images/backgr.png") repeat scroll left top transparent;left:660px;padding:25px 30px 26px;position:absolute;top:260px;width:270px;height:258px;}.overlay li.current {z-index:8;}.overlay li, .overlay li a {height:100%;left:0;position:absolute;top:0;width:100%;z-index:10;}.overlay li h2,.overlay li div,.overlay li span {height:100%;left:0;position:absolute;top:0;width:10%;z-index:9;}
.home #content .box-2 {
  float:right;
  height:207px;
  margin:0 0 15px;
  width:480px}
.home #content .box-3 {
  height:162px;
  width:162px}
.home #content .box-4 {
  height:162px;
  width:445px}
.home #content .box-5 {
  float:right;
  height:162px;
  margin-right:0;
  width:162px}


/* Submenu */
#subnav li {padding-bottom:6px}


/* Page: Us & Services Child Pages */
#main .col-left {
  float:left;
  width:447px}
#main .col .thumb {
  display:block;
  margin-bottom:15px}
#main .col .post-title,
#main .col h2 {
  font-size: 15px;
  line-height: 15px;
  margin-bottom:20px;
	background-color: #c03;
	padding-left: 1px;
	color: white;
}
.single #main .col .post-title {margin-bottom:0;
	margin-top: 16px;
}
#main .col h2 {margin-bottom:0}
#main .col-right {
  color:#999;
  float:right;
  width:192px}


/* Page: Work */
.content-work .box-1,
.content-work .box-2 {
  margin-bottom:15px}
.content-work .box-2,
.content-work .box-4 {
  float:right;
  margin-right:0}

.content-work .work-info {position:relative}

/* Child Page: Work */
.content-work-child #main {position:relative}
.content-work-child a.work-info-trigger {
  color:#5d5d46;
  font-family:"Fertigo Pro", Fertigo, Arial, sans-serif;
  font-size:13px;
  font-weight:bold;
  line-height:1;
  position:absolute;
  margin:0;
  right:0;
  text-align:right;
  text-transform:lowercase;
  top:-23px;
  width:200px}
.content-work-child a.work-info-trigger:hover {color:#fff}
.content-work-child #tooltip {
  background:url(images/tagbg.gif) no-repeat;
  color:#fff;
  display:none;
  height:27px;
  line-height:11px;
  padding:4px 8px 0;
  z-index:200}
.content-work-child .video {
  display:block;
  height:311px;
  margin:0 auto;
  width:654px}


/* Page: News */
.content-news #subnav a.active {color:#fff}
.content-news #subnav .month_archive {
  margin-bottom:-2px;
  padding-top:4px}
.content-news #subnav .item span {display:block}
.content-news #subnav .item .date {color:#999}
.content-news #subnav .item .title {line-height:1.1}
.content-news #subnav .item .title a {color:#cc0033}


/* Page: Additional */
.content-additional {padding-top:26px}
.addbox {
  border:1px solid;
  color:#fff;
  float:left;
  height:272px;
  position:relative;
  width:216px
}
.addbox img {
  display:block;
  left:0;
  position:absolute;
  top:0; }

div.casewrapper {
	background-color: white;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	bottom:5px;
left: 5px;
position:absolute;
z-index:100;
width: 206px;
}

.addbox .sub-title {
  font-size: 1.33em;
  font-family: Times, Georgia, serif;
  font-style:italic;
  width: auto; 
  height: auto;
  margin:0;
  color: #333;
  padding:3px 2px;
  display: block;
/* position:absolute;
top:0; left:0;
z-index:101; */
}
.addbox h2.title {
	font-family: Times, Georgia, serif;
	margin:0;
	width:100%;
	padding: 3px 2px;
/* position:absolute;
top:0;
left:0;
z-index:101; */
}
.addbox h2.title a {
	text-shadow:none;
	margin:0;
	font-size: 22px;
        font-weight:normal;
	color: black;
	padding:0;
}

/*.addbox:hover .title a {color:#cc0033}*/


/* Page: Additional Children */
.additional-child {
  padding-top:27px;
  position:relative}
.additional-child .title-box {
  left:180px;
  position:absolute;
  top:260px;
  z-index:100}

.additional-child .sub-title {font-size:14px}

.additional-child .scrollable {
  height:342px;
  margin-bottom:20px;
  width:654px}
.additional-child .scrollable .items {width:8000px}
.additional-child .scrollable .item {float:left}
.additional-child .scrollable img {display:block}
.additional-child .scrollable .nav {
  background:#fff;
  padding:10px;
  position:absolute;
  right:0;
  z-index:99}
.additional-child .scrollable .nav li {
  float:left;
  font-size:12px;
  text-align:center}
.additional-child .scrollable .nav li a {
  background:url(images/circle-light.jpg) no-repeat center 0;
  color:#000;
  display:block;
  padding:20px 4px 0}
.additional-child .scrollable .nav li.active {font-weight:bold}
.additional-child .scrollable .nav li.active a {background-image:url(images/circle-dark.jpg)}
.additional-child .video {
  display:block;
  height:400px;
  margin:0 auto;
  width:654px}

/* Single Blog Page */



/* cForms */
.cform {
  background:#342f2b;
  overflow:hidden;
  padding:18px 10px}
.cform .cf-ol li {
  float:left;
  margin:0 2% 25px;
  width:46%}
.cform label {
  display:block;
  padding-bottom:8px}
.cform input,
.cform textarea {
  background:#fff;
  color:#000;
  display:block;
  padding:3px;
  width:290px}
.cform input.sendbutton {
  background:#cc0033;
  color:#fff;
  margin-left:2%;
  padding:4px;
  width:90px}
.cform .reqtxt,
.cform .emailreqtxt,
.cform legend,
p.linklove {
  display:none}
.cform p.cf-sb {
  clear:both;
  margin:0}


/* Video */
.video {
  display:block;
  height:311px;
  margin:0 auto;
  width:654px}

/* .attachment-additional { width: 222px; height: 272px!important; } */

.attachment-us-left, .attachment-us-right { margin-bottom: 16px; }
div.title-box { width: auto; line-height:2.0em;}
div.title-box .the-title, div.title-box .sub-title { background-color: black; filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
font-family:Times, Times New Roman, "Times New Roman", Georgia, serif;
float:none;
display:inline;
} 
div.title-box .the-title { color:white; font-size: 24px; padding: 3px 2px; }
div.title-box .sub-title { color: #8C8C8C; font-style:italic; font-size:20px; padding: 3px 2px; }

#second-header { padding-left: 435px;padding-top:155px;   height:49px;width:370px !important;}

#content { width: 800px; }

#main ul { padding-left:20px; margin-top: 20px; margin-bottom: 20px;}
#main ul li { list-style-type: disc; list-style-position: outside;}

h3.post-title { font-size: 12px!important; }