/*
Version: 1.0
Author: Jonah Van Tuyl

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Jonah Van Tuyl
	of http://swiftsquad.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Main Divs and Elements*/
body {
	padding: 0;
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-color: #000000;
	background-color: #ebebeb;
	}
	
#headercont {
	width: 100%;
	height: 297px;
	background-image: url(images/headercont.jpg);
}
	
	
#container {
	width: 885px;
	height: 100%;
	margin: 0pt auto;
	margin-top: 20px;
	margin-bottom: 140px;
	}
	
#slidecontainer {
	width: 760px;
	height: 585px;
	margin: 0pt auto;
	background-image: url(images/containerbigbg.jpg);
	}

#header {
	width: 885px;
	height: 200px;
	margin: 0pt auto;
	padding-top: 20px;
	}

#lowerheader {
	width: 850px;
	height: 52px;
	margin: 0pt auto;
	}

#shadow {
	width: 500px;
	height: 20px;
	padding-top: 68px;
	padding-left: 0px;
	float: left;
	}
	
#slider {
	width: 620px;
	margin: 0pt auto;
	position: relative;
	}

#hireus {
	width: 170px;
	height: 52px;
	margin-top: 24px;
	margin-left: 10px;
	float: left;
	background-image: url(images/hireus_g.jpg);
	background-repeat: no-repeat;
	}
	
#prices {
	width: 170px;
	height: 52px;
	margin-top: 24px;
	float: left;
	background-image: url(images/price2.jpg);
	background-repeat: no-repeat;
	}
	
ul#navigation {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 700px;
	height: 65px;
	margin:0;
	padding:0 0 9px;
	overflow: hidden;
}

ul#navigation le {
	list-style: none;
	list-style-position: outside;
	list-style-type: none;
	}
	
img, a img {
	border:none;
	} 
	
#pricetitle {
	width: 700px;
	height: 65px;
	margin: 0pt auto;
	background-color: transparent;
	}
	

/*Slider Styling*/

#slider {
	margin:0 auto;
	position:relative;
	width:700px;
}

#slider h2 {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 19px;
	color: #404040;
	margin-bottom: 5px;
	margin-top: 4px;
	}
	
#slider p {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 15px;
	line-height: 130%;
	padding: 0;
	margin: 0;
	}
	
.scroll {
	background:#FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	clear:left;
	height:500px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	width:694px;
}

.still {
	background:#FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	clear:left;
	height:500px;
	position:relative;
	width:694px;
}

.scrollContainer div.panel2 {
	height:480px;
	padding:8px 20px 10px 20px;
	width:650px;
}

.scrollContainer div.panel {
	height:480px;
	padding:2px 20px 10px 20px;
	width:650px;
}

ul#navigation {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 0px;
}

ul#navigation li {
	display: inline;
	}

ul#navigation a {
	color:#000000;
	text-decoration:none;
}




ul#navigation a.selected {
	background-position: 0 -65px;
	}

ul#navigation a:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

.scrollButtons {
	cursor:pointer;
	position:absolute;
	top:150px;
}

.scrollButtons.left {
	left:-40px;
}

.scrollButtons.right {
	right:-40px;
}

.hide {
	display:none;
}

/* Scroll Buttons */
#business {
	display: block;
	width: 116px;
	height: 65px;
	background-image: url(images/business.jpg);
	float: left;
}

#business:hover {
	background-position: 0 -65px;
}


#swift {
	display: block;
	width: 116px;
	height: 65px;
	background-image: url(images/swift.jpg);
	float: left;
}

#swift:hover {
	background-position: 0 -65px;
}

#pc {
	display: block;
	width: 116px;
	height: 65px;
	background-image: url(images/pc.jpg);
	float: left;
}

#pc:hover {
	background-position: 0 -65px;
}

#internet {
	display: block;
	width: 116px;
	height: 65px;
	background-image: url(images/internet.jpg);
	float: left;
}

#internet:hover {
	background-position: 0 -65px;
}

#web {
	display: block;
	width: 116px;
	height: 65px;
	background-image: url(images/web.jpg);
	float: left;
}

#web:hover {
	background-position: 0 -65px;
}

#media {
	display: block;
	width: 116px;
	height: 65px;
	background-image: url(images/media.jpg);
	float: left;
}

#media:hover {
	background-position: 0 -65px;
}

.infoleftright {
	width: 100%;
	height: 85px;
	float: left;
	margin-bottom: 20px;
	}
	
.infoleft {
	width: 80px;
	height: 85px;
	float: left;
}

.inforight {
	width: 550px;
	height: 85px;
	float: right;
	padding-top: 10px;
}

.inforightalt {
	width: 100px;
	height: 85px;
	float: right;
}

.infoleftalt {
	width: 540px;
	height: 85px;
	float: left;
	padding-top: 10px;
}


.inforight strong, .infoleftalt strong {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	}
	
/* General Styling */

em {
	font-style: normal;
	font-weight: bold;
	}

/*Price Sheet Styling*/

#priceholder {
	width: 100%;
	height: 430px;
	margin: 0pt auto;
	border: 1px solid #D1CADB;
	margin-top: 8px;
	}
	
#pricetop {
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #D1CADB;
	margin: 0pt auto;
	}
	
#pricebottom {
	width: 100%;
	height: 395px;
	margin: 0pt auto;
	}
	
.pricetop1 {
	width: 40%;
	border-right: 1px solid #D1CADB;
	height: 100%;
	float: left;
	}
	
.pricetop2 {
	width: 30%;
	height: 100%;
	border-right: 1px solid #D1CADB;
	float: left;
	}
	
.pricetop3 {
	width: 29%;
	height: 100%;
	float: right;
	}

.pricetop1 p, .pricetop2 p, .pricetop3 p { font-family : Helvetica, Tahoma, Arial, sans-serif; font-size: 13px  !important; font-weight: bold; text-decoration: underline; margin-left: 8px !important; }

.pricetop2 p, .pricetop3 p {color: #fff;}

.pricetop1 ul, .pricetop2 ul, .pricetop3 ul { margin: 0px 5px 0px 5px; padding: 0; font-weight: bold; font-size: 13px;}

.pricetop2 ul, .pricetop3 ul {color: #ffffff;}

.pricetop1 ul li, .pricetop2 ul li, .pricetop3 ul li {
	width: 100%;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 15px;
	color: #404040;
	border-bottom: 1px dashed #D1CADB;
	list-style: none;
	text-indent: 10px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: bottom;
	margin-bottom: 3px;
	}
	
.pricetop1 ul li a:hover, .pricetop2 ul li a:hover, .pricetop3 ul li a:hover {
	background-color: #666666;
	color: #ebebeb !important;
	}
	
.pricetop1 ul li a:link, .pricetop2 ul li a:link, .pricetop3 ul li a:link, .pricetop1 ul li a:visited, .pricetop2 ul li a:visited,.pricetop3 ul li a:visited{
	color: #404040;
	text-decoration: none;
	vertical-align: bottom;
	}
.pricetop1 ul li a:link, .pricetop2 ul li a:link, .pricetop3 ul li a:link, .pricetop1 ul li a:visited, .pricetop2 ul li a:visited,.pricetop3 ul li a:visited, .pricetop1 ul li a:hover, .pricetop2 ul li a:hover, .pricetop3 ul li a:hover, .pricetop1 ul li, .pricetop2 ul li, .pricetop3 ul li {
	display: block;
	line-height: 16px !important;
	}

#priceholder h3 {
  text-align: center;
  margin-top: 5px;
}


/*Contact Form Styling*/
#contactcontainer {width: 100%;}
form#two {background:#dee; width:635px; padding:5px; margin:0pt auto;}
form#two fieldset {width:300px; height: 160px; margin: 0pt 2px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#two fieldset#personal {height: 160px; float: left;}
form#two fieldset#services {height: 160px; float: right;}
form#two fieldset#urgency   {height: 60px; float: left;}
form#two fieldset#location   {height: 60px; float: right;}
form#two fieldset#other {background:transparent url(cssplay/cold.gif) no-repeat; float: left;}
html form#two fieldset#other {width: 595px; height: 120px; float: left;}
form#two fieldset#opt {background:#dee; float: left;}
form#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(cssplay/form.gif) repeat-x center left;}
form#two label {clear:left; display:block; float:left; width:120px; font-size: 12px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}
form#two input {border:1px solid #fff; background:#fff url(cssplay/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form#two select {margin-left:0.5em;}
form#two textarea {width:570px; height:50px; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left; margin-left: 20px;}
form#two option {background:#788; color:#fff;}
form#two optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#two optgroup option {background:#9aa; color:#fff;}
form#two #button1, form#two #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form#two #button1 {margin-left: 100px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}


form#three {font-size: 88%;}
form#three {background:#dee; width:320px; padding:5px; margin:0pt auto;}
form#three fieldset {width:300px; height: 120px; margin: 0pt 2px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#three fieldset#personal {height: 160px; float: left;}
form#three fieldset#ministry {height: 160px; float: left;}
form#three fieldset#length   {height: 60px; float: left;}
form#three fieldset#serve   {height: 60px; float: left;}
form#three fieldset#other {background:transparent url(cssplay/cold.gif) no-repeat; float: left;}
html form#three fieldset#other {width: 160px; height: 120px; float: left;}
form#three fieldset#opt {background:#dee; float: left;}
form#three legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(cssplay/form.gif) repeat-x center left;}
form#three label {clear:left; display:block; float:left; font-size: 12px; width:120px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}
form#three input {border:1px solid #fff; background:#fff url(cssplay/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form#three select {margin-left:0.5em;}
form#three textarea {width:285px; height:75px; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left; margin-left: 0px;}
form#three option {background:#788; color:#fff;}
form#three optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#three optgroup option {background:#9aa; color:#fff;}
form#three #button3, form#three #button4 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:50px;}
form#three #button3 {margin-left: 50px;}
form#three #button1:hover, form#three #button2:hover {background-position:center left; color:#000;}
/* End of Contact Form Styling*/