/*
Theme Name: SKGrimes (WP/KPress 3.01)
Theme URI: http://204.12.25.18:7883/
Version: 1.0
Author: Kira Nebilak
*/


/* MAIN ----------------------------------------------- */

html {
	height: 101%;
}

body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}

#front, #inner, #intro {
	float: left;
	width: 960px;
	background-color: #E3D6A4;
}

#front a, #inner a {
	color: #CC0000;
}

#header {
	float: left;
	background-image: url(images/header.jpg);
	background-position: top left;
	background-color: #000000;
	width: 960px;
	background-repeat: no-repeat;
	border-top: 7px solid #000;
}

#header .ele {
	float: right;
	width: 554px;
	height: 100%;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(images/header_bg1.jpg);
}

#content {
	float: left;
	width: 960px;
}

#wrapper .link {
	position: absolute;
	left: 0px;
	top: 20px;
	height: 100px;
	width: 370px;
	cursor: pointer;
}

#wrapper .search {
	position: absolute;
	right: 0px;
	top: 1px;
	width: 250px;
	color: #FFFFFF;
	font-size: 11px;
	height: 20px;
	text-align: right;
}

#wrapper .search label {
	margin: 0px;
	padding: 0px;
}

#wrapper .search input[type=text] {
	height: 16px;
	font-size: 11px;
	border: none;
	margin-top: 0px;
}

#wrapper .search input[type=submit] {
	height: 21px;
	font-size: 11px;
	border: none;
	color: #FFFFFF;
	background-color: #A7383E;
}

/* INTRO ---------------------------------------------- */

#intro #header {
	height: 171px;
	border-bottom: 4px solid #000;
	border-top: 25px solid #000000;
}

#intro #top {
	float: left;
	width: 660px;
	height: 121px;
	position: relative;
	background-image: url(images/intro_top.jpg);
	
	padding-left: 300px;
	padding-top: 30px;
	
	font-size: 27px;
}

#intro #top .link {
	position: absolute;
	left: 300px;
	top: 60px;
	height: 80px;
	width: 340px;
	cursor: pointer;
}

#intro #main {
	float: left;
	width: 560px;
	height: 526px;
	background-image: url(images/intro_content.jpg);
	background-repeat: no-repeat;
	
	padding-left: 400px;
}

#intro #main img {
	margin-right: 7px;
	margin-top: 7px;
}

/* MAIN ---------------------------------------------- */

#front #header {
	height: 151px;
	border-top: 25px solid #A7383E;
}


#front #content {
	background-image: url(images/main_sidebg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 73px;
	
	
}

#front #content #top {
	float: left;
	width: 950px;
	height: 53px;
	position: relative;
	background-image: url(images/main_topbg.jpg);
	padding-top: 20px;
	font-size: 27px;
	text-align: right;
	padding-right: 10px;
	color: #FFFFFF;
}

#front #content #main {
	float: left;
	width: 706px;
	height: 594px;
	margin-left: 253px;
	background-image: url(images/main_contentbg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFF;
	overflow: hidden;
	color: #000;
	line-height: 135%;
	border-left: 1px solid #000;
}

#front #content #main .specialsheader {
	float: left;
	background-color: #616A9A;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	height: 33px;
	width: 706px;
}

#front #content #main .specialsheader .ele {
	float: left;
	width: 332px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	padding-bottom: 0px;
}

#front #content #main .specialscontent {
	float: left;
	width: 706px;
	height: 173px;
}


#front #content #main .specialscontent .ele {
	float: left;
	width: 352px;
	height: 173px;
	color: #FFFFFF;
	overflow: hidden;
	border: 1px solid #CCC;
	border-top: none;
}

#front #content #main .specialscontent .ele img {
	width: 352px;
	height: 173px;
	border: none;
}

#front #content #main .textarea {
	float: left;
	width: 656px;
	height: 182px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 25px;
	padding-top: 15px;
	line-height: 155%;
}

#front #content #main .lowerhighlight {
	float: left;
	width: 706px;
	height: 163px;
}

#front #content #main .lowerhighlight .ele {
	float: left;
	width: 235px;
	height: 163px;
	color: #FFFFFF;
	overflow: hidden;
	border: 1px solid #CCC;
	border-top: none;
	border-bottom: none;
	overflow: hidden;
}

#front #content #main .lowerhighlight .ele img {
	width: 235px;
	height: 163px;
	border: none;
}



/* NAV ------------------------------------------------ */

#nav {
	float: left;
	width: 954px;
	background-color: #353535;
	height: 37px;
	border-bottom: 1px solid #000;
	text-align: right;
	padding-right: 6px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	margin-left: 7px;
	font-size: 15px;
	font-family: Arial;
	margin-top: 10px;
}

#nav ul li {
	display: inline;
	margin: 0px;
	padding: 4px;
	padding-left: 14px;
	padding-top: 0px;
	font-size: 15px;
	list-style-type: none;
}


#nav ul li li {
	background: none;
	padding-left: 0px;
	font-size: 15px;
	letter-spacing: 0.0em;
}


#nav a {
	color: #FFF;
	text-decoration: none;
}

#nav ul li li a {
	color: #FFF;
	text-decoration: none;
}

#nav a:hover {
	text-shadow: #000 1px 1px 2px;
	text-decoration: underline;
}


/* INNER ---------------------------------------------- */

#inner #header {
	height: 151px;
	border-top: 25px solid #A7383E;
}

#inner #header .ele {	background-image: url(images/header_bg2.jpg); }

#inner #content {
	position: relative;
	background-repeat: repeat-y;
	background-image: url(images/inner_sidebgtile.jpg);
}

#inner #sidebg {
	background-image: url(images/inner_sidebg_518.jpg);
	width: 253px;
	height: 518px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#inner #content #top {
	float: left;
	width: 950px;
	height: 53px;
	position: relative;
	background-image: url(images/inner_topbg.jpg);
	padding-top: 20px;
	font-size: 27px;
	text-align: right;
	padding-right: 10px;
	color: #FFFFFF;
}

#inner #content #main {
	float: left;
	width: 676px;
	margin-left: 253px;
	background-image: url(images/inner_contentbg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFF;
	padding: 15px;
	padding-top: 10px;
	color: #000;
	min-height: 450px;
	line-height: 135%;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	position: relative;
}


#inner #content #lowerbg {
	float: right;
	background-image: url(images/inner_lowerbg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-left: 1px solid #000;
	width: 706px;
	height: 77px;
}

/* LOWER ---------------------------------------------- */

#lowernav {
	float: left;
	width: 960px;
	background-color: #A7383E;
	color: #FFFFFF;
	font-size: 11px;
	background-image: url(images/footer_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	border-top: 1px solid #000;
}

#lowernav .ele {
	float: left;
	width: 460px;
	padding: 10px;
	paddin-top: 8px;
	padding-bottom: 8px;
}

#lowernav a {
	color: #FFFFFF;
	text-decoration: underline;
}

#lowernav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#lowernav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#lowernav ul li {
	display: inline;
	float: left;
	padding-right: 10px;
}



/* =Menu (WordPress 3.0.4 TwentyTen)
-------------------------------------------------------------- */

.subpages-container {
	position: absolute;
	left: -238px;
	top: -0px;
	background-image: url(images/75opacity.png);
	padding-right: 14px;
	-moz-box-shadow: 0 0 5px #FFF;
	-webkit-box-shadow: 0 0 5px#FFF;
	box-shadow: 0 0 5px #FFF;
}

.subpages {
	float: right;
	width: 190px;
	padding-left: 4px;
	margin: 6px;
	font-size: 14px;
	position: relative;
	max-height: 550px;
}

.subpages em {
	float: left;
	width: 160px;
	padding-top: 6px;
	font-size: 11px;
}

.subpages .backbutton {
	position: absolute;
	right: -7px;
	font-weight: bold;
	font-size: 11px;
	top: 2px;
}

.subpages .menu-header, div.menu {
	font-size: 12px;
}
.subpages .menu-header ul, .menu ul {
	list-style: none !important;
	padding-left: 0px !important;
	margin: 0 !important;
	
}
.subpages .menu-header li,
div.menu li {
	float: left;
	position: relative;
	list-style: none !important;
	padding-left: 0px !important;
	margin: 0 !important;
	width: 184px !important;
}
.subpages a {
	color: #EBEBEB;
	display: block;
	line-height: 25px;
	padding-left: 10px;
	text-decoration: none;
	text-shadow: 0 0 2px #fff;
}
.subpages ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 0px;
	left: 180px;
	float: left;
	z-index: 99999;
	border-left: 4px solid #333333;
}
.subpages ul ul li {
	min-width: 200px;
	float: left;
	height: 32px;
}
.subpages ul ul ul {
	left: 100%;
	top: 0px;
	left: 200px;
}
.subpages ul ul a {
	background-color: #FAF0E2;
	line-height: 1em;
	padding: 4px;
	padding-left: 10px;
	width: 184px;
	height: 24px !important;
	font-size: 11px;
	height: auto;
}
.subpages li:hover > a {
	background-color: #333;
	color: #fff !important;
	text-shadow: none;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;
	width: 180px;
}
.subpages ul ul :hover > a {
	background-color: #F8E7C2;
	color: #CC0000 !important;
	-moz-border-radius: 0em;
	border-radius: 0em !important;
	width: 184px !important;
}
.subpages ul li:hover > ul {
	display: block;
}
.subpages ul li.current_page_item > a,
.subpages ul li.current-menu-ancestor > a,
.subpages ul li.current-menu-item > a,
.subpages ul li.current-menu-parent > a {
	color: #fff;
}
* html .subpages ul li.current_page_item a,
* html .subpages ul li.current-menu-ancestor a,
* html .subpages ul li.current-menu-item a,
* html .subpages ul li.current-menu-parent a,
* html .subpages ul li a:hover {
	color: #fff;
}
ul.children {
	width: 600px !important;
	border: 1px solid  #000000;
	background-color: #FAF0E2;
}

ul.children li {
	display: inline !important;
	float: left !important;
	height: 32px;
}

/* STD ------------------------------------------------ */


.fullblock {
	float: left;
	width: 100%;
}

.halfblock {
	float: left;
	width: 300px;
	padding-right: 14px;
}

.block500 {
	float: left;
	width: 494px;
	padding-right: 5px;
}

.block200 {
	float: left;
	width: 189px;
	padding-left: 10px;
}

.bordertop {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #000;
}

.fullblock .size-thumbnail {
	width: 136px !important;
	height: 136px !important;
}

#inner h3 {
	border-bottom: 1px solid #333333;
	margin-top: 0px;
}
.contactleft, .contactright {
	float: left;
	width: 300px;
}

.contactright {
	width: 270px;
	margin-left: 30px;
}

.wpcf7-response-output {
	float: left;
	width: 270px;
}


.contactleft p {
	width: 145px;
	float: left;
	display: inline;
	margin: 0px;
	margin-bottom: 4px;
}

.contactleft p.long {
	padding-left: 145px;
}

.contactleft p.center {
	width: 300px;
	text-align: center;
}


.contactleft input[type=text] {
	padding: 2px;
	width: 156px;
}

.contactleft textarea {
	width: 297px;
	float: left;
	display: inline;
	padding: 4px;
}



/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.wpcf7-form-control-wrap textarea {
	width: 262px !important;
}

/* Package Slip Form */

.PSF_Pane {
	display: inline-block;
	width: 335px;
	padding-bottom: 25px;
	}

#PSF_RightPane {
	float: right;
	}

.PSF_Heading {
	font-weight: bold;
	}

.PSF_Data span {
	display: inline-block;
	min-width: 32%;
	}

.PSF_Data input,
.PSF_Data select {
	width: 62%;
	}

#PSF_BottomPane {
	display: inline-block;
	width: 660px;
	}

.PSF_BottomPaneMeta {
	padding-bottom: 10px;
	}

.PSF_Item {
	padding-bottom: 10px;
	}

.PSF_CloseItem {
	cursor: pointer;
	color: gray;
	font-weight: bold;
	}

.PSF_ItemLabel {
	width: 100%;
	}

.PSF_ItemField {
	width: 650px;
	height: 100px;
	}