/*
Theme Name: Carm Interiors 2011
Theme URI: http://eicreations.com/
Description: The 2011 theme for Carm Interiors
Author: eicreations
Version: 1.0
Tags: white, grey, black, fixed-width
*/
/* Main Site Structure 

body
  wrapper
		header
      access
		/header	
		page
		  content
		/page	
		footer
	/wrapper
/body			

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html, body {
position:relative;
background: #8594A3 url('/media/top.jpg') top left repeat-x;
}
#wrapper {
position:relative;
margin:0px auto;
width:1000px;
min-height:1200px;
background: transparent url('/media/backgrounds/wrapper-back.png') top left repeat-y;
}
#header {
width:100%;
height:135px;
background:#C2CAD1;
overflow:hidden;
}
#access {
float:right;

}
#logo {
width:440px;
height:135px;
text-align:center;
margin:0px;
padding:0px;
}
.top-nav  {
top:0px;
position:absolute;
right:0px;
padding:0px;
width:800px;
border:none;
height:135px;
margin:0px;
}
#top-right-header {
top:0px;
position:absolute;
right:0px;
padding:0px;
width:470px;
border-bottom:3px solid #2E353D;
}
#license {
padding-top:10px;
width:150px;
float:left;
}
#phone {
padding-top:10px;
width:200px;
float:right;
text-align:right;
font-weight:bold;
}
.top-nav ul.menu {
list-style:none;
margin:0px auto;
padding:0px;
display:block;
}
.top-nav  ul.menu li{
float:right;
height:135px;
}
.top-nav  ul.menu li a {
display:table-cell;
vertical-align:bottom;
height:118px;
border:none;
padding-bottom:17px;
}
#page {
margin:0px auto;
width:1000px;
}
#content {

}
#content p{
padding-bottom:10px;
}
.portfolio-content {
margin:10px auto;
width:900px;
}
.post {
background:#8594A3;
margin:0px auto;
width:1000px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:80px;
border-bottom:1px solid #2E353D;
}
.post h2 a{
color:#2E353D;
}
.portfolio-item {
position:relative;
float:left;
margin-left:20px;
margin-bottom:20px;
text-align:center;
width:410px;
background:#2E353D;
padding:10px;
display:table-cell; vertical-align:middle
}

.portfolio-item img{
display:table-cell; vertical-align:middle

}
.portfolio-title{
position:absolute;
top:80px;
left:10px;
height:70px;
width:410px;
display:table-cell;
vertical-align:middle;
}
.portfolio-title h2{
display:block;
height:70px;
width:410px;
display:table-cell;
vertical-align:middle;
background: transparent url('/media/backgrounds/trans-back.png') top left no-repeat;
}

.portfolio-item .right{
float:right;
}

.home-item {
position:relative;
margin-bottom:20px;
text-align:center;
width:324px;
height:216px;
background:#2E353D;
margin-right:30px;
}
.home-item img{
margin-top:8px;
}
.home-title{
left:12px;
position:absolute;
top:80px;
height:70px;
width:300px;
display:table-cell;
vertical-align:middle;
}
.home-title h2{
display:block;
margin:0px auto;
height:70px;
width:300px;
display:table-cell;
vertical-align:middle;
background: transparent url('/media/backgrounds/trans-back.png') top left no-repeat;
}

#footer {
bottom:0px;
clear:both;
}
.alignleft {
float:left;
padding:0px;
margin-right:15px;
}
.alignright {
float:right;
padding:0px;
margin-left:15px;
}
#middle {
margin:10px auto;
width:100%;
}
#bottom {
margin:10px auto;
width:100%;
}
.third {
text-align:center;
width:33%;
float:left;
}
.lefthalf {
width:340px;
float:left;
}
.lefthalf p{
margin-bottom:10px;
}
.righthalf {
text-align:center;
float:right;
width:320px;
}
.righthalf input[type="text"], .righthalf textarea {
width:300px;
color:#515152;
background:#2E353D;
border:1px solid #2E353D;
}
.righthalf textarea {
height:100px;
}
/* END Main Site Structure */

/* Site Default Fonts */

html, body {
color:#fff;
font-family:"Times New Roman",Georgia,Serif;
text-align:left;
}
h1 {
font-size: 28pt;
}
h2 {
color:#fff;
font-size: 24pt;
text-align:center;
}
.portfolio-title h2 {
font-size: 24pt;
text-align:center;
}
.home-title h2 {
font-size: 24pt;
text-align:center;
}
h3 {
color:#fff;
font-size: 24pt;
}
a, a:visited {
color:#000;
text-decoration:none;
}
a:hover {
color:#515152;
text-decoration:none;
}
.portfolio-item a, .home-item a {
color:#fff;
}
.portfolio-item a:hover, .home-item a:hover {
color:#ccc;
}
#header {
color:#000;
}
.top-nav ul.menu li a div.top-link{
color:#060434;
font-size: 16pt;
text-decoration:none;
text-shadow: #333 0.1em 0.1em 0.2em;
padding-left:10px;
padding-right:10px;

}
.top-nav ul.menu li a:hover{
background:#2E353D;
}
.top-nav ul.menu li  div.top-link:hover{
color:#fff;
}
.top-nav ul.menu li.current-menu-item {
background:#3E4852;
color:#fff;
}
.top-nav ul.menu li.current-menu-item a div.top-link{
color:#fff;
}
#top-right-header #license{
color:#fff;
font-size: 14pt;
text-shadow: #333 0.1em 0.1em 0.2em;
}
#top-right-header #phone{
color:#fff;
font-size: 20pt;
text-shadow: #333 0.1em 0.1em 0.2em;
}
.dropshadow {
font-size:14pt;
text-shadow: #333 0.1em 0.1em 0.2em;
}
.maroon {
font-size:18pt;
color:#9A001F;
}

/* END Site Default Fonts */

.page {
text-align:justify;
}
.clear {
position:relative;
clear: both;
width:100%;
height:1px;
}

#nav-above {
width:100%;
}
#nav-above div{
float:left;
width:50%;
}
#nav-above div.nav-next {
text-align:right;
}

.align-left {
float:left;
padding-right:15px;
}


#slider {
margin:0px auto;
width:900px;
min-height:400px;
}
#home-div {
margin:40px auto;
width:900px;
}


/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 144px; height:74px;}
.pika-stage, .pika-textnav {width: 900px; margin:0px auto;}


.pikachoose {width: 520px; margin: 0px auto;}
.pika-stage {margin:10px auto; position: relative;background:#2E353D; border: 1px solid #333; padding: 10px 10px 40px 10px;text-align:center;height:400px;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}

.pika-stage .caption {position: absolute; background: url('/js/styles/75-black.png');  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url('/js/styles/prev.png') no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 0px;cursor:pointer;}
	.pika-imgnav a.next {background: url('/js/styles/next.png') no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 0px;cursor:pointer;}
	.pika-imgnav a.play {background: url('/js/styles/play.png') no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url('/js/styles/pause.png') no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}


#commentForm label, #contactForm label { width: 10em; float: left; }
#commentForm label.error, #contactForm label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#commentForm .submit, #contactForm .submit { margin-left: 12em; }
#commentForm em,#contactForm em { font-weight: bold; padding-right: 1em; vertical-align: top; }

#commentForm input[type=text],
#commentForm textarea,
#contactForm input[type=text],
#contactForm select,
#contactForm textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
	background:#2E353D;
	border: 1px solid #666699;
	color:#fff;
}

#left-contact {
float:left;
width:440px;
}
#right-contact {
float:left;
padding-left:15px;
padding-top:15px;
}

#form-status {
display:none;
background-color:#0A64A4;
}
#form-status #close{
background-color:#8FB5C1;
width:100px;
height:20px;
text-align:center;
}
#form-status a, #form-status a:hover{
color:#fff;
display:block;
width:100%;
height:100%;
}
#content .portfolio-item p {
padding-bottom:0px;
}