/* SliceIt. We Slice It. If you know what it means ;) 
	We also crack bad jokes. :P
	
	css
	~ by a ninja
	!haiyah!
	
*/

/* @group Top */

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a:hover {
	-webkit-transition: background .5s;
	-o-transition: background-color .5s;
}

html {
	text-align: center;
	background: #d2d3d7 url(../images/bg.gif) repeat-x left top;
}

body {
	text-align: left;
	width: 732px;
	margin: 0 auto;
	font-family: Georgia, Times, "Times New Roman", serif;
}

/* @end */

/* @group Header */

#header {
	height: 207px;
	background: url(../images/header.gif) no-repeat left top;
	position: relative;
}

#header h1 {
	height: 86px;
	width: 277px;
	position: relative;
	overflow: hidden;
	padding: 78px 0 0 51px;
}

#header h1 a {
	color: #000;
}

#header h1 a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/logo-christmas.gif) no-repeat left top;
}

#header p {
	position: absolute;
	right: 50px;
	bottom: 20px;
	font-size: 2px;
	width: 121px;
	height: 118px;
}

#header p a {
	width: 121px;
	height: 118px;
	display: block;
	text-indent: -9999999px;
	font-size: 1px;
	background: url(../images/star.png) no-repeat left top;
}

#header p a:hover {
	background: url(../images/star-hover.png) no-repeat left top;
}

/* @group Account info */

.account-info {
	font-size: 12px;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
}

.account-info a {
	padding: 2px;
	color: #fff;
}

.account-info a:hover {
	background-color: #fff;
	color: #363840;
}

/* @end */



/* @end */



#content {
	padding: 0 51px;
	background: #ffffff url(../images/content-bg.gif) repeat-y left top;
}

p.intro {
	font-size: 24px;
	line-height: 30px;
	color: #363842;
	padding-bottom: 10px;
}

p.text {
	font-size: 16px;
	line-height: 22px;
	color: #363842;
	padding-bottom: 30px;
	background: url(../images/divider.gif) no-repeat center bottom;
	margin-bottom: 10px;
}

p.text a {
	color: #363842;
	text-decoration: none;
	border-bottom: 1px solid #363842;
	padding: 1px;
}

p.text a:hover {
	border-bottom: 1px solid #000;
	background-color: #d2d3d7;
}

h3 {
	padding-top: 10px;
	font-size: 24px;
	color: #363842;
	font-weight: normal;
}

.portfolio {
	padding: 15px 0 0;
	list-style-type: none;
	list-style-position: inside;
}

.portfolio li {
	float: left;
	padding: 0 9px 25px 0;
	width: 202px;
}

.portfolio li.last {
	padding-right: 0 !important;
}

.portfolio li a img {
	border: 1px solid #363842;
	padding: 1px;
	background-color: #d2d3d7;
	-o-transition:-o-transform .33s linear;
	-webkit-transition:-webkit-transform .33s linear;
	-moz-transition:-moz-transform .33s linear;
}

.portfolio li a:hover img {
	background: #363842;
	-o-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
}

.portfolio:after {
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
	clear: both;
}

h4 {
	padding-top: 5px;
	font-size: 20px;
	color: #363842;
	font-weight: normal;
}

.testi-controls {
	position: relative;
	height: 0;
}

.testi-controls a {
	position: absolute;
	height: 40px;
	width: 40px;
	top: 20px;
	cursor: pointer;
	z-index: 1000;
}

.testi-controls a#prev {
	left: -55px;
	background: url(../images/arro-prev.png) no-repeat left top;
}

.testi-controls a#next {
	right: -55px;
	background: url(../images/arro-next.png) no-repeat left top;
}

.testimonials {
	position: relative;
	z-index: 100;
}

blockquote {
	margin-top: 16px;
	padding: 4px 10px 0;
	text-indent: 30px;
	background: url(../images/quote.gif) no-repeat 10px top;
}

blockquote div.source {
	text-align: right;
	font-style: italic;
	color: #040819;
}

blockquote a {
	color: #040819;
}

h3#prices, h3#start {
	margin-top: 10px;
	padding-top: 30px;
	background: url(../images/divider.gif) no-repeat center top;
}

h3#thanks {
	padding-bottom: 10px;
}

.pricelist {
	padding: 10px 0;
	list-style-type: circle;
	list-style-position: inside;
	color: #363842;
	padding-bottom: 30px;
	background: url(../images/divider.gif) no-repeat center bottom;
	margin-bottom: 10px;
}

h4#payment {
	margin-bottom: 10px;
}

.twoco {
	padding: 15px 0;
}

.twoco-disc {
	font-size:  10px;
	padding: 15px 0;
}

dl {
	margin: 20px 0;
	background: url(../images/divider.gif) no-repeat center top;
	padding-top: 30px;
}

dl dt {
	font-size: 22px;
	color: #363842;
}

dl dd {
	font-size: 16px;
	color: #686a74;
	padding: 10px 0 20px;
}

dl dd a {
	color: #363842;
	text-decoration: none;
	border-bottom: 1px solid #363842;
	padding: 1px;
}

dl dd a:hover {
	border-bottom: 1px solid #000;
	background-color: #d2d3d7;
}

.start {
	padding: 20px 0;
	color: #363842;
}

.start a {
	color: #363842;
	text-decoration: none;
	border-bottom: 1px solid #363842;
	padding: 1px;
}

.start a:hover {
	border-bottom: 1px solid #000;
	background-color: #d2d3d7;
}

.footer {
	margin: 20px auto 0;
	border-top: 1px solid #686a74;
	padding: 30px 0 60px;
	text-align: center;
	color: #686a74;
}

.footer a {
	color: #686a74;
}

.footer a.tr {
	padding-left: 20px;
	background: url(../images/troidus.jpg) no-repeat left center;
}

.footer img {
	vertical-align: text-bottom;
}





body.bodwrap {
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
	font-family: Georgia, Times, "Times New Roman", serif;
	width: 485px;
}

#head-small {
	background: #FFF url('../images/slice-basecamp.gif') no-repeat left top;
	height: 138px;
	position: relative;
}

#head-small h1 {
	display: none;
}

#head-small a {
	text-indent: -99999px;
	height: 67px;
	width: 75px;
	position: absolute;
	top: 33px;
	right: 19px;
}

#login {
	background-color: #363840;
	padding: 10px 15px 20px;
}

#login fieldset {
	border: none;
	padding: 0 10px;
}

#login legend {
	color: #fff;
	font-size: 22px;
	padding-bottom: 10px;
}

#login fieldset p {
	padding-bottom: 10px;
	color: #fff;
}

#login p span {
	color: #ddd;
	font-size: 12px;
	display: block;
	padding-top: 5px;
	padding-left: 100px;
}

#login fieldset p a {
	color: #ddd;
	padding: 2px;
}

#login fieldset p a:hover {
	color: #363840;
	background: #ddd;
}

#login p label {
	display: block;
	float: left;
	width: 100px;
	color: #FFF;
}

#login p input#username, #login p input#password {
	width: 300px;
}

/* @group Administration */

/* @group Admin Home */

.admin-changes {
	padding: 0 0 10px;
}

.admin-changes h3 {
	padding: 0 0 10px;
}

.admin-changes p {
	padding: 10px 0;
}

.admin-changes p a {
	padding: 10px;
	display: block;
	text-decoration: none;
	color: #363840;
	border-bottom: 1px dotted #d2d3d7;
}

.admin-changes p a:hover {
	color: #363840;
	border-bottom: 1px solid #363840;
	background-color: #d2d3d7;
}

/* @end */




/* @group Admin Form */

.admin-form {
	padding: 30px 10px;
}

.admin-form .error-msg {
	padding: 10px 10px 0;
	background-color: #d2d3d7;
	margin-bottom: 20px;
	color: #363840;
	border: 1px solid #ff0000;
}

.admin-form .error-msg p {
	padding-bottom: 10px;
}

.admin-form fieldset {
	border-top: 1px solid #363840;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 30px 30px 0;
}

.admin-form legend {
	padding: 5px;
	background-color: #d2d3d7;
	border-bottom: 1px solid #363840;
}

.admin-form p {
	padding-bottom: 30px;
	clear: both;
}

.admin-form p label {
	width: 120px;
	display: block;
	float: left;
}

.admin-form p input {
	width: 300px;
	padding: 2px;
	height: 16px;
	font-size: 13px;
}

.admin-form p textarea {
	width: 400px;
	padding: 2px;
	height: 240px;
	font-size: 13px;
	line-height: 1.4;
}

.admin-form p button {
	margin-left: 120px;
	height: 20px;
	padding: 0 20px;
}

.admin-form p a.del-row {
	margin-left: 20px;
	font-size: 13px;
	text-decoration: none;
	background-color: #ff0000;
	color: #fff;
	padding: 2px 10px;
	border: 1px solid #ff0000;
}

.admin-form p a.del-row:hover {
	background-color: #fff;
	color: #ff0000;
	border: 1px solid #ff0000;
}

.return-admin {
	font-size: 14px;
	padding: 30px 30px 0;
}

.return-admin a {
	color: #363840;
	padding: 2px;
	text-decoration: none;
}

.return-admin a:hover {
	color: #ffffff;
	background-color: #363840;
}

/* @end */



/* @group Admin Testimonials */

.current-testimonials {
	
}

.current-testimonials ol {
	padding: 10px 20px 0 30px;
}

.current-testimonials ol li {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.3;
}

.current-testimonials ol p.testi-author {
	padding-bottom: 10px;
	font-size: 16px;
}

.current-testimonials ol p.testi-author a {
	color: #363840;
}

.current-testimonials ol p.edit-testi {
	padding-top: 8px;
}

.current-testimonials ol p.edit-testi a {
	padding: 4px;
	color: #363840;
	background-color: #eee;
	border: 1px solid #fff;
}

.current-testimonials ol p.edit-testi a:hover {
	color: #000;
	border: 1px solid #363840;
	background-color: #d2d3d7;
}

/* @end */



/* @group Admin FAQs */

.current-faqs {
	
}

.current-faqs ol {
	padding: 10px 20px 0 30px;
}

.current-faqs ol li {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.3;
}

.current-faqs ol p.faq-question {
	padding-bottom: 10px;
	font-size: 16px;
}

.current-faqs ol p.faq-author a {
	color: #363840;
}

.current-faqs ol p.edit-faq {
	padding-top: 8px;
}

.current-faqs ol p.edit-faq a {
	padding: 4px;
	color: #363840;
	background-color: #eee;
	border: 1px solid #fff;
}

.current-faqs ol p.edit-faq a:hover {
	color: #000;
	border: 1px solid #363840;
	background-color: #d2d3d7;
}

/* @end */







/* @group Admin Prices */

.current-prices {
	
}

.current-prices ol {
	padding: 10px 20px 0 30px;
}

.current-prices ol li {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.3;
}

.current-prices ol p.price-platform {
	padding-bottom: 10px;
	font-size: 16px;
}

.current-prices ol p.price-platform a {
	color: #363840;
}

.current-prices ol p.edit-price {
	padding-top: 8px;
}

.current-prices ol p.edit-price a {
	padding: 4px;
	color: #363840;
	background-color: #eee;
	border: 1px solid #fff;
}

.current-prices ol p .price-amt {
	font-size: 18px;
	padding: 4px;
}

.current-prices ol p.edit-price a:hover {
	color: #000;
	border: 1px solid #363840;
	background-color: #d2d3d7;
}

/* @end */











/* @group Admin Portfolio */

.current-portfolio {
	
}

.current-portfolio ol {
	padding: 10px 20px 0 30px;
}

.current-portfolio ol li {
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 1.3;
}

.current-portfolio ol p.portfolio-company {
	padding-bottom: 10px;
	font-size: 16px;
}

.current-portfolio ol p.portfolio-company a {
	color: #363840;
}

.current-portfolio ol p.edit-portfolio {
	padding-top: 8px;
}

.current-portfolio ol p.edit-portfolio a {
	padding: 4px;
	color: #363840;
	background-color: #eee;
	border: 1px solid #fff;
}

.current-portfolio ol p.edit-portfolio a:hover {
	color: #000;
	border: 1px solid #363840;
	background-color: #d2d3d7;
}

/* @end */



/* @end */