@charset "utf-8";
/* CSS Document */

/* Main color:  088383 */
/* Second color:  4c9c95 */
/* Text color:  878475 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .search_box p
{
	padding:0;
	margin:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* Main settings */
body {
	font-family: Tahoma, Helvetica, sans-serif;
    font-size:  100%;
    font-size: 13px;
    line-height: 1.5em;
	width: 100%;
	height: 100%;
	color: #878475;
	background-color: #eeeeee;
	background-image: url(../images/background/bkg.png);

}

/* Background */
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

img.shadow_bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 100%;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: 100%;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

#body_bg {
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../images/background/tile.png);
	position: relative;
}

#wrapper {	
    width: 920px;
	margin: auto;
	position: relative;
}

#tophead {
	height: 20px;
}

#wrapperContent {	
    width: 920px;
	height: 100%;
	margin: auto;
	padding-bottom: 20px;
	position: relative;
	background-color: #ffffff;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
	margin-bottom: 10px;
    color: #878475;
	font-family: Arial, arial, serif;
	font-weight: bold;
}

h1 { font-size: 36px; line-height: 40px;}
h2 { font-size: 32px; line-height: 36px;}
h3 { font-size: 28px; line-height: 32px;}
h4 { font-size: 24px; line-height: 28px;}
h5 { font-size: 18px; line-height: 24px;}
h6 { font-size: 14px; line-height: 16px;}

ol, ul {
	list-style:none
}

pre, code, tt {
	font: 12px 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
	padding: 20px;
	display: block;
	word-wrap: break-word; 
	color: #3e3e3e; 
	background-color: #eeeeee;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
	border: solid 1px #c7c7c7;
}

.highlight_red
{
	background: #c02323;
	color: #fff;
}

.highlight_black
{
	background: #000;
	color: #fff;
}

/* DEFAULT CONTENT CSS */
.dropcap {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding-top: 6px;
	font-size: 40px;
	line-height: 30px;
}

p a {
	text-decoration: none;
	color: #088383;
}

p a:hover {
	color: #088383;
	text-decoration: underline;
}

blockquote {
	font-style: italic;
	font-size: 14px;
	color: #878475;
	line-height: 22px;
	margin: 0;
	padding: 0;
	padding-left: 55px;
	margin-bottom: 20px;
	margin-top: 20px;
	background: transparent url(../images/images/quote_bg.png) no-repeat top left;
}

.highlight {
	color: #878475;
}

a {
	color: #088383;
	text-decoration: none;
}

a:hover {
	color: #4c9c95;
	text-decoration: none;
}

.title h6 {
	padding-bottom: 0;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}
.image-left {
    float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 9px;
	border: solid 1px #cdcdcd;
}

.image-right {
    float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 9px;
	border: solid 1px #cdcdcd;
}

.column {  
	width: 50%;  
	position: absolute; 
	top: 160px;	
}  

.left {left: 0;}  
.right {right: 0;}  

#leftcol { 
	margin-right: 470px;
	margin-top: 13px;
	height: 50px;
	width: 40px;
	background-image: url(../images/background/left_side.png);
	background-repeat: no-repeat;	
	float: right;
}  

#rightcol { 
	margin-left: 469px;
	margin-top: 13px;
	height: 50px;
	width: 40px;
	background-image: url(../images/background/right_side.png);
	background-repeat: no-repeat;	
	float: left; 
}  

/* Menu */
#navigation {	
    height: 50px;
	width: 1020px;
	margin: auto;
}

#menu{	
    height: 50px;
	width: 920px;
	background-color: #262626;
	float: left;
	position: relative;
	z-index: 90;
}

#menu_left {
	height: 60px;
	width: 50px;
	float: left;
	background-image: url(../images/background/left.png);
	background-repeat: no-repeat;
}

#menu_right {
	height: 60px;
	width: 50px;
	float: left;
	background-image: url(../images/background/right.png);
	background-repeat: no-repeat;
}

#nav { 
	margin: 0;
	padding: 0px;
	display: block;
}

#nav, #nav ul{
	padding: 0px;
	padding-top: 0px;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	z-index: 100;
}


#nav a{
	display: block;
	padding: 15px 20px;
	color: #fff;
	height: 20px;
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #2e2e2e;*/
	font-family: Arial, arial, serif;
	font-size: 12px;
	text-decoration: none;	
	
}

#nav li{
	float: left;
	position: relative;
	height: 50px;
	z-index: 100;
}

#nav li:hover{
	
}

#nav li a:hover{
	color: #088383;
	background-color: #eeeeee;
}

#nav ul {
	position: absolute;
	display: none;
}

#nav li ul a {
	color: #fff;
	height: 20px;
	font-size: 13px;
	/*text-shadow: 1px 1px 1px #2e2e2e;*/
	width: 100px;
	float: left;
	display: block;
	z-index: 100;
}

#nav ul ul{
	top: auto;
}	

#nav li ul ul {
	left: 100%;
	margin: 0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display: block;
}

.sub-menu {
	display: block;
	padding-top: 10px;
	background-image: url(../images/images/transparent_menu.png);
	background: rgba(0,0,0,.5);
}	

/* Footer navigation */
#footer_nav { 
	margin: 0;
	padding: 0px;
	display: block;
}

#footer_nav, #footer_nav ul{
	padding: 0px;
	padding-top: 0px;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	z-index: 100;
}


#footer_nav a {
	color: #666666;
}

#footer_nav li {
	font-size: 12px; 
	line-height: 20px;
	font-weight: bold;
	font-family: Arial, arial, serif;
	color: #666666;
	text-shadow: 1px 1px 1px #282828;
	font-weight: normal;
	padding-right: 30px;
	float: left;
}

#footer_nav li a:hover {
	color: #fff;
}

#footer_nav ul {
	position: absolute;
	display: none;
}

.footer-title {
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	color: #d2d3c0;
	text-shadow: 1px 1px 1px #282828;
	font-family: Arial, arial, serif;
	margin-bottom: 25px;
	float: left;
}
/* end */

#piecemakerWrapper {	
    width: 1000px;
	margin: auto;
	padding-bottom: 20px;
	position: relative;
}

#piecemaker {	
    width: 1000px;
	height: 430px;
	position: relative;
}

#header {	
    height: 80px;
	width: 860px;
	padding: 30px;
	background: #ffffff;
	border-top: solid 3px #878475;

	-webkit-box-shadow: 0px 0px 6px #b7b7b7;
	-moz-box-shadow: 0px 0px 6px #b7b7b7;
	box-shadow: 0px 0px 6px #b7b7b7;
	
	z-index: -1;
}

#logo {	
	width: auto;
	float: left;
}

#top_social_media {	
    height: 64px;
	width: auto;
	margin-top: 26px;
	float: right;
}

#intro{	
	width: 920px;
	float: left;
}

#intro_header{	
	width: 920px;
	height: 10px;
	background-image: url(../images/images/intro_header.png);
	background-repeat: no-repeat;
	float: left;
}

#intro_content{	
	width: 920px;
	height: 320px;
	background-image: url(../images/images/intro_content.png);
	background-repeat: repeat-y;
	float: left;
}

#intro_slide_header{	
	width: 920px;
	height: 20px;
	background-image: url(../images/images/intro_slide_header.png);
	background-repeat: no-repeat;
	float: left;
}

#intro_slide_header_blog{	
	width: 920px;
	height: 20px;
	background-image: url(../images/images/intro_slide_header_blog.png);
	background-repeat: no-repeat;
	float: left;
}

#intro_slide_content{	
	width: 920px;
	height: 150px;
	background-image: url(../images/images/intro_slide_content.png);
	background-repeat: repeat-y;
	float: left;
}

#slide_header {
	width: 920px;
	height: 30px;
}

#slide_header h6 {
	color: #fff;
	font-size: 16px;
	text-shadow: 1px 1px 1px #4ba199;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 0;
	float: left;
}


#slide_buttons {
	width: 60px;
	height: 30px;
	margin-right: 12px;
	float: right;
}

#prev_bttn {
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	background-image: url(../images/images/prev_bttn.png);
	background-repeat: no-repeat;
}

#prev_bttn:hover {
	background-position: 0 -30px;
}

#next_bttn {
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
	background-image: url(../images/images/next_bttn.png);
	background-repeat: no-repeat;
}

#next_bttn:hover {
	background-position: 0 -30px;
}

#intro_footer{	
	width: 920px;
	height: 40px;
	background-image: url(../images/images/intro_footer.png);
	background-repeat: no-repeat;
	float: left;
}

#content{	
	width: 920px;
	float: left;
	margin-top: -10px;
	background-color: #ffffff;
	
	-webkit-box-shadow: 0px 0px 6px #b7b7b7;
	-moz-box-shadow: 0px 0px 6px #b7b7b7;
	box-shadow: 0px 0px 6px #b7b7b7;
	
	-moz-border-radius-bottomleft: 7px; 
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	
	-moz-border-radius-bottomright: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
	
	z-index: -1;
}

.heading {
	padding: 30px;
	width: 860px;
	border-bottom: solid 3px #eeeeee;
	background-color: #ffffff;
	float: left;
}

.heading-title {
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	line-height: 32px;
	color: #878475;
	float: left;
}

.rounded-block {
	padding: 30px;
	width: 860px;	
	float: left;
}

.content {
	width: 890px;
	overflow: hidden;
	margin-left: -30px;
	padding: 0;
	float: left;
}

#contentWrap_header{	
	width: 920px;
	height: 10px;
	background-image: url(../images/images/footer_widget_header.png);
	background-repeat: no-repeat;
	float: left;
}

#contentWrap_content {	
	width: 920px;
	padding: 20px;
	padding-top: 12px;
	background-image: url(../images/images/footer_widget_content.png);
	background-repeat: repeat-y;
	float: left;
}

#contentTwoThird {	
	width: 562px;
	float: left;
	padding-right: 30px;
}

#contentTwoThirdRight {	
	width: 562px;
	float: right;
	padding-left: 30px;
}

#contentTwoThirdRightBlog {	
	width: 592px;
	float: right;
	margin-left: -30px;
}

#contentTwoThirdLeftBlog {	
	width: 592px;
	float: left;
	margin-left: -30px;
	margin-right: 30px;
}

/*
.more {
	font-size: 14px;
	margin-right: 10px;
	color: #878475;
	float: right;
}

.more:hover {
	color: #088383;
}
*/


#footer-stripe-top {
	width: 920px;
	background:url(../images/images/stripe_footer_top.png);
	height: 12px;
    display: block;
	float: left;
}

#footer {	
	width: 860px;
	padding: 30px;
	background-color: #323232;
	
	-moz-border-radius-bottomleft: 7px; 
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	
	-moz-border-radius-bottomright: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
	
	float: left;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color: #eeeeee;
}

#footer p {
	color: #999999;
	text-shadow: 1px 1px 1px #282828;
}

.shadow {
	
	width: 920px;
	height: 20px;
	margin-bottom: 20px;
	
	background-image: url(../images/images/shadow.png);
	background-repeat: no-repeat;
	float: left; 
}

.shadow_footer {
	
	width: 920px;
	height: 20px;
	
	background-image: url(../images/images/shadow.png);
	background-repeat: no-repeat;
	float: left; 
}

.shadow-one-third {
	
	width: 263px;
	height: 6px;
	margin-bottom: 10px;
	
	background-image: url(../images/images/shadow-one-third.png);
	background-repeat: no-repeat;
	float: left; 
}

.shadow-two-third {
	
	width: 562px;
	height: 12px;
	margin-bottom: 10px;
	
	background-image: url(../images/images/shadow-two-third-blog.png);
	background-repeat: no-repeat;
	float: left; 
}

.shadow-one-fourth {
	
	width: 189px;
	height: 4px;
	margin-bottom: 10px;
	
	background-image: url(../images/images/shadow-one-fourth.png);
	background-repeat: no-repeat;
	float: left; 
}

.shadow-project {
	
	width: 500px;
	height: 11px;
	margin-bottom: 10px;
	
	background-image: url(../images/images/shadow-project.png);
	background-repeat: no-repeat;
	float: left; 
}

.shadow-two-columns {
	
	width: 415px;
	height: 9px;
	margin-bottom: 10px;
	
	background-image: url(../images/images/shadow-two-columns.png);
	background-repeat: no-repeat;
	float: left; 
}

.shadow-one-column {
	
	width: 860px;
	height: 19px;
	margin-bottom: 10px;
	
	background-image: url(../images/images/shadow-one-column.png);
	background-repeat: no-repeat;
	float: left; 
}

#copyright {
	width: 620px;
	height: 16px;
	margin-top: 20px;
	margin-left: 5px;
	padding-bottom: 20px;
	float: left;
}

#copyright p {
	margin: 0;
	padding: 0;
}

#copyright a {
	color: #282828;
}

#social {
	margin-top: 20px;
	width: 280px;
	padding-bottom: 20px;
	float: right;
}

.backtop {
	width: 100px;
	height: 16px;
	margin-top: 20px;
	margin-right: 5px;
	padding-bottom: 20px;
	float: right;
}

.backtop p {
	margin: 0;
	padding: 0;
	float: right;
}

.backtop a {
	color: #282828;
}

.backtop a:hover {
	color: #282828;
}

.social_icons {
	width: 16px;
	height: 16px;
	padding-right: 5px;
	float: right;
}

#social_footer {
	width: 100%;
	float: left;
}

.social_icons_footer {
	width: 16px;
	height: 16px;
	padding-right: 5px;
	float: left;
}

/* Social tooltips */
.tipsy { padding: 5px; font-size: 12px; font-family: Tahoma, Helvetica, sans-serif; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 290px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom center; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

#gravity { width: 100%; margin: 0px 0; border-spacing: 5px; }
#gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0; }
#gravity a { }
#gravity a:hover { color: #505050; background: none; }

.small_logo {
	display: block;
	width: 25px;
	height: 16px;
	margin-right: 10px;
	background-image: url(../images/images/small_logo.png);
	background-repeat: no-repeat;
	float: left;
}

/* sizez */
.one-half{ width:48%; }
.one-third{ width:30.66%;}
.two-third{ width:65.33%; }
.one-fourth{ width:22%; }
.three-fourth{ width:74%; }
.one-fifth{ width:16.8%; }
.two-fifth{ width:37.6%; }
.three-fifth{ width:58.4%; }
.four-fifth{ width:79.2%; }
.one-sixth{ width:13.33%; }
.five-sixth{ width:82.67%; }

.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth,.five-sixth{ position:relative; margin-right:4%; float:left; }

.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

.full {
	width: 100%;
	float: left;
}

.img-one-third {
	width: 249px;
	height: 150px;
	padding: 6px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
}

.img-two-third {
	width: 542px;
	height: 200px;
	padding: 9px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
}

.one-third h4{ 
	margin-top: 10px; 
}

.img-one-fourth {
	width: 175px;
	height: 106px;
	padding: 6px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
}

.project-one-column {
	width: 500px;
	height: 250px;
	float: left;
}

.img-project {
	width: 486px;
	height: 236px;
	padding: 6px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}

.img-project-two-columns {
	width: 401px;
	height: 236px;
	padding: 6px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}


/* Portfolio */
/* Three Columns */
ul.grid {
	width: 890px;
	overflow: hidden;
	margin-left: -30px;
	margin-bottom: 0;
	padding: 0;
	float: left;
}

ul.grid:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.grid li {
	width: 263px;
	margin: 0;
	margin-left: 33px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: solid 3px #eeeeee;
	float: left;
}
/* end */

/* One Column */
ul.grid-one-column {
	width: 890px;
	overflow: hidden;
	margin-left: -30px;
	padding: 0;
	float: left;
}

ul.grid-one-column:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.grid-one-column li {
	width: 890px;
	margin: 0;
	margin-left: 33px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: solid 3px #eeeeee;
	float: left;
}
/* end */

/* Two Columns */
ul.grid-two-columns {
	width: 890px;
	overflow: hidden;
	margin-left: -30px;
	padding: 0;
	float: left;
}

ul.grid-two-columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.grid-two-columns li {
	width: 415px;
	margin: 0;
	margin-left: 30px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: solid 3px #eeeeee;
	float: left;
}
/* end */

/* Four Columns */
.grid-four-columns-gallery {
	width: 894px;
	overflow: hidden;
	margin-left: -4px;
	padding: 0;
	float: left;
}

.grid-four-columns-gallery-img {
	width: 189px;
	margin: 0;
	margin-left: 34px;
	margin-bottom: 24px;
	float: left;
}

ul.grid-four-columns {
	width: 894px;
	overflow: hidden;
	margin-left: -34px;
	padding: 0;
	float: left;
}

ul.grid-four-columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.grid-four-columns li {
	width: 189px;
	margin: 0;
	margin-left: 34px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: solid 3px #eeeeee;
	float: left;
}

.gallery-arrow {
	width: 12px;
	height: 13px;
	background:url(../images/images/gallery-arrow.png) no-repeat;
	margin-left: 10px;
	top: -1px;
	position: relative;
	float: left;
}

.image-gallery-title {
	margin-top: 5px;
	border-bottom: solid 1px #cdcdcd;
	float: left;
	background:url(../images/images/image.png) no-repeat top left;
}

.image-gallery-title h6{
	margin-left: 24px;
}

.youtube_video-gallery-title {
	margin-top: 5px;
	border-bottom: solid 1px #cdcdcd;
	float: left;
	background:url(../images/images/video.png) no-repeat top left;
}

.youtube_video-gallery-title h6{
	margin-left: 20px;
}

.vimeo_video-gallery-title {
	margin-top: 5px;
	border-bottom: solid 1px #cdcdcd;
	float: left;
	background:url(../images/images/video.png) no-repeat top left;
}

.vimeo_video-gallery-title h6{
	margin-left: 20px;
}
/* end */

ul.filter-nav {
	width: 100%;
	overflow: hidden;
	padding: 0;
	clear: both;
	padding-bottom: 20px;
}

ul.filter-nav li {
	float:left;
	margin: 0 20px 0 0;
	color: #088383;
	font-size: 22px;
}

ul.filter-nav li a:hover {
	text-decoration: none;
}

ul.filter-nav li .title-filter {
	color: #878475;
	font-size: 18px; 
	line-height: 24px;
	margin: 0px;
}

ul.filter-nav li a .title-set {
	color: #878475;
	font-size: 18px; 
	line-height: 24px;
	margin: 0px;
	margin-bottom: 10px;
}

.title-project {
	width: 100%;
	font-size: 16px; 
	font-weight: bold;
	line-height: 28px;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
	float: left;
}

ul.filter-nav li a:hover .title-set, ul.filter-nav li.selected-1 a .title-set {
	text-decoration: none;
	color: #088383;
}

.project {
	width: 263px;
	margin-left: 33px;
	float: left;
}

.project h4 {
	margin-top: 30px;
	margin-bottom: 20px;
}

.project p {
	margin-bottom: 20px;
}

.project-info {
	width: 330px;
	float: right;
	margin-right: 30px;
}

/* Gallery */
#contentSidebr {
	width: 66%;
	float: left;
}

.gallery a {
	float: left;
}

.gallery_third {
	width: 164px;
	height: 114px;
	margin-right: 25px;
	margin-bottom: 25px;
	float: left;
}

.gallery_third a {
	width: 170px;
	height: 114px;
	float: left;
}

.gallery_third img {
	float: left;
	padding: 6px;
	border: solid 1px #cdcdcd;
	margin-bottom: 10px;
}

.img-gallery-two-columns {
	width: 401px;
	height: 236px;
	padding: 6px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}

.img-post-two-columns {
	width: 401px;
	height: 236px;
	padding: 6px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}

.img-post-one-column {
	width: 840px;
	height: 250px;
	padding: 9px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}

/* two columns */
.two-column-gallery {
	width: 415px;
	margin: 0;
	margin-left: 30px;
	margin-bottom: 30px;
	float: left;
}
/* end */

/* three columns */
.three-column-gallery {
	width: 263px;
	margin: 0;
	margin-left: 33px;
	margin-bottom: 20px;
	float: left;
}
/* end */

.youtube_video {
	background: url(../images/gallery/video.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
}

.vimeo_video {
	background: url(../images/gallery/video.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
}

.image {
	background: url(../images/gallery/photo.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
}

/* Homepage posts */
.homepage_post {
	width: 263px;
	margin-left: 33px;
	padding-bottom: 15px;
	margin-bottom: 0;
	float: left;
	border-bottom: solid 3px #eeeeee;
}

.homepage_post h4 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.homepage_post p {
	margin-bottom: 20px;
	float: left;
}

.homepage_post_meta {
	width: 263px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

.homepage_post_comm {
	padding-left: 30px;
	background: transparent url(../images/images/comments.png) no-repeat top left;
	float: right;
	font-size: 12px;
	color: #afaeaa;
	line-height: 20px;
	margin: 0;
}

.comments {
	width: 100%;
	float: left;
}

#comment {
	width: 550px;
}

/* Backgrounds */
.bg_clock {
	background-image: url(../images/images/clock.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.bg_design {
	background-image: url(../images/images/dsgn.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.bg_service {
	background-image: url(../images/images/service.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

/* Sitemap */
.sitemap {
	margin-top: 10px;
	float: left;
}

.sitemap ul {
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: 14px; 
	line-height: 20px;
}

.sitemap li {
    background:url(../images/images/li_1.png) no-repeat left 5px;
    list-style:none;
    padding: 0 0 12px 20px; 
}

.sitemap ul li a {
	font-size: 16px; 
    font-weight:bold;
}

.sitemap ul li a:hover { 
	text-decoration: underline;
}

.sitemap li ul {
    background:url(../images/images/li_ul.png) no-repeat left 5px;
    margin:7px 0 0 -20px;
}

.sitemap li ul li {
    margin-left:20px;
    padding-bottom:11px;
}

.sitemap li:last-child { 
	padding:0 0 0 20px;
}

.sitemap ul li li a { 
	font-weight:normal;
}

img.frame {
	padding: 8px;
	background: #fff;
	border: 1px solid #ebebeb;
	-moz-box-shadow: 0 1px 5px #ebebeb;
 	-webkit-box-shadow: 0 1px 5px #ebebeb;
 	box-shadow: 0px 1px 5px #ebebeb;
}

.frame_left {
	padding: 8px;
	background: #fff;
 	float: left;
 	margin: 0 20px 10px 0;
 	text-align: center;
 	border: 1px solid #ebebeb;
	-moz-box-shadow: 0 1px 5px #ebebeb;
 	-webkit-box-shadow: 0 1px 5px #ebebeb;
 	box-shadow: 0px 1px 5px #ebebeb;
}

.frame_left .caption, .frame_right .caption, .frame_center .caption {
	margin: 7px 0 2px 0;
	display: block;
	color: #999;
}

.frame_right {
	padding: 8px;
	background: #fff;
 	float: right;
 	margin: 0 0 10px 20px;
 	text-align: center;
 	border: 1px solid #ebebeb;
	-moz-box-shadow: 0 1px 5px #ebebeb;
 	-webkit-box-shadow: 0 1px 5px #ebebeb;
 	box-shadow: 0px 1px 5px #ebebeb;
}

.frame_center {
	padding: 8px;
	background: #fff;
 	margin: auto;
 	margin-top: 20px;
	margin-bottom: 20px;
 	text-align: center;
 	clear: both;
 	display: table;
 	border: 1px solid #ebebeb;
	-moz-box-shadow: 0 1px 5px #ebebeb;
 	-webkit-box-shadow: 0 1px 5px #ebebeb;
 	box-shadow: 0px 1px 5px #ebebeb;
}

.icon_left {
	padding: 8px;
	background: #fff;
 	float: left;
 	margin: 0 10px 5px 0;
 	text-align: center;
}
/* end */

/* Blog */
#blog {
	width: 592px;
	float: left;
}

.post {
	padding-right: 30px;
	float: left;
	margin-bottom: 20px;
}

.post h2 {
	margin-bottom: 15px;
	float: left;
}

.post_info {
	font-size: 12px;
	color: #afaeaa;
	font-weight: normal;
	margin-bottom: 15px;
	float: left;
}

.post p {
	margin-bottom: 20px;
}

.post_info p {
	margin: 0;
	padding: 0;
}

.post_right {
	padding-left: 30px;
	float: left;
	margin-bottom: 20px;
}

.post_right h2 {
	margin-bottom: 15px;
	float: left;
}

.post_right p {
	margin-bottom: 16px;
}

.post-thumb {
	width: 537px;
	height: 220px;
	margin-bottom: 15px;
	float: left;
}

.post-preview-text {
	width: 100%;
	float: left;
}

.post-preview-text p {
	margin-top: 0;
	margin-bottom: 10px;
}

/* Three Columns */
.three_column_post {
	width: 263px;
	margin-left: 33px;
	margin-bottom: 33px;
	float: left;
	padding-bottom: 15px;
	border-bottom: solid 3px #eeeeee;
}

.three_column_post h4 {
	margin: 0;
	padding: 0;
}

.three_column_post p {
	margin-bottom: 20px;
	float: left;
}

.meta {
	font-size: 12px;
	color: #afaeaa;
	float: left;
}

.three_column_post_meta {
	width: 263px;
	margin-bottom: 10px;
	float: left;
}

.three_column_post_comm {
	float: right;
	padding-left: 30px;
	font-size: 12px;
	line-height: 20px;
	color: #afaeaa;
	background: transparent url(../images/images/comments.png) no-repeat top left;
}
/* end */

/* two columns */
.two-column-post {
	width: 415px;
	margin-left: 30px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	float: left;
	border-bottom: solid 3px #eeeeee;
}

.two-column-post h4 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.two-column-post p {
	margin: 0;
	margin-bottom: 10px;
	float: left;
}

.two-column-post_meta {
	width: 415px;
	float: left;
	margin-top: 10px;
}

.two-column-post_comm {
	float: right;
	padding-left: 30px;
	font-size: 12px;
	color: #afaeaa;
	line-height: 20px;
	background: transparent url(../images/images/comments.png) no-repeat top left;
}

.two-column-post_comm p{
	margin: 0;
}
/* end */

/* one column */
.one-column-post {
	width: 860px;
	margin: 0;
	margin-bottom: 30px;
	margin-left: 30px;
	float: left;
}
.one-column-post h2 {
	margin-bottom: 20px;
	padding: 0;
}

.one-column-post p {
	margin-bottom: 20px;
}

.one-column-post_meta {
	width: 860px;
	float: left;
	margin-bottom: 10px;
}

.one-column-post_meta p {
	margin: 0;
	font-size: 12px;
	color: #afaeaa;
}
/* end */

/* Two Columns Post Right */
.two_column_post_right {
	width: 263px;
	margin-left: 33px;
	padding-bottom: 15px;
	margin-bottom: 33px;
	float: left;
	border-bottom: solid 3px #eeeeee;
}

.two_column_post_right h4 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.two_column_post_right p {
	margin-bottom: 20px;
	float: left;
}

.two_column_post_meta_right {
	width: 263px;
	float: left;
	margin-bottom: 10px;
}

.two_column_post_comm_right {
	float: right;
	padding-left: 30px;
	background: transparent url(../images/images/comments.png) no-repeat top left;
}
/* end */

/* Right Sidebar */
#sidebar { 
	width: 237px; 
	float: left;
}

#sidebar-top {
	height: 32px;
	width: 100%;
	background-image: url(../images/images/sidebar_top_bg.png);
	background-repeat: no-repeat;
	float: left;
}

#sidebar-content {
	width: 237px;
	padding-left: 30px;
	background-image: url(../images/images/sidebar_bg.png);
	background-repeat: repeat-y;
	float: left;
}

#sidebar-bottom {
	height: 100px;
	width: 100%;
	background-image: url(../images/images/sidebar_bottom_bg.png);
	background-repeat: no-repeat;
	float: left;
}
/* end */

/* Left Sidebar */
#leftsidebar { 
	width: 267px;
	float: left;
}

#leftsidebar-top {
	height: 32px;
	width: 100%;
	background-image: url(../images/images/left_sidebar_top_bg.png);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

#leftsidebar-content {
	width: 237px; 
	padding-right: 30px;
	background-image: url(../images/images/left_sidebar_bg.png);
	background-repeat: repeat-y;
	background-position: right;
	float: left;
}

#leftsidebar-bottom {
	height: 100px;
	width: 100%;
	background-image: url(../images/images/left_sidebar_bottom_bg.png);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}
/* end */

.widget {
	width: 237px;
	margin-right: 30px;
	margin-bottom: 40px;
	float: left;
}

.widgettitle {
	padding-bottom: 10px;
}

.widget-title {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, arial, serif;
	color: #878475;
	padding-bottom: 15px;
	float: left;
}

.widget ul {
	list-style:none;
	padding: 0;
	margin: 0;
	float: left;
}

.widget ul li {
	width: 100%;
	list-style:none;
	font-weight: bold;
	padding: 0;
	color: #878475;
	padding-bottom: 10px;
	margin: 0;
	float: left;
}

.widget img {
	width: 50px;
	height: 50px;
	padding: 4px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}

.widget .header {
	font-weight: bold;
	font-size: 16px;
	width: 167px;
	font-family: Arial, arial, serif;
	padding-left: 10px;
	padding-bottom: 1px;
	float: left;
}

.widget strong {
	margin-bottom: 0;
	margin-top: 0;
}

.widget p {
	padding-left: 70px;
	font-weight: normal;
}

.widget h4 {
	line-height: 36px;
}

.widget .textwidget {
	width: 267px;
	float: left;
}

.widget .textwidget p {
	width: 267px;
	padding-left: 0;
}

.widget .menu li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 217px;
	border-bottom: dashed 1px #cdcdcd;
	background-image: url(../images/images/arrow_menu_sidebar.png);
	background-repeat: no-repeat;
	float: left;
}

.tagcloud a {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 217px;
	float: left;
}

#footer .widget {
	width: 265px;
	margin-right: 30px;
	margin-bottom: 0;
	float: left;
}

#footer .widget .header {
	width: 187px;
	padding-left: 10px;
	font-family: Arial, arial, serif;
	padding-bottom: 0;
	float: left;
	text-shadow: 1px 1px 1px #282828;
}

#footer .widget img {
	width: 50px;
	height: 50px;
	padding: 4px;
	background-color: #fff;
	border: solid 1px #fff;
	float: left;
}

#footer .widget p {
	padding-left: 10px;
	text-shadow: 1px 1px 1px #282828;
	float: left;
	font-weight: normal;
}

#footer a {
	color: #999999;
	font-weight: bold;
}

#footer a:hover {
	color: #fff;
}

/* Social Media Widget */
#media_widget {
	width: 236px;
	float: left;
} 

#media_widget_icons {
	width: 236px;
	float: left;
} 

.social_media {
	float: left;
} 


.sm_facebook {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_facebook.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_facebook:hover {
	background-position: 0px -32px;
}

.sm_twitter {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_twitter.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_twitter:hover {
	background-position: 0px -32px;
}

.sm_rss {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_rss.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_rss:hover {
	background-position: 0px -32px;
}

.sm_behance {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_behance.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_behance:hover {
	background-position: 0px -32px;
}

.sm_deviantart {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_deviantart.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_deviantart:hover {
	background-position: 0px -32px;
}

.sm_dribble {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_dribble.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_dribble:hover {
	background-position: 0px -32px;
}

.sm_flickr {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_flickr.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_flickr:hover {
	background-position: 0px -32px;
}

.sm_forrst {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_forrst.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_forrst:hover {
	background-position: 0px -32px;
}

.sm_linkedin {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_linkedin.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_linkedin:hover {
	background-position: 0px -32px;
}

.sm_vimeo {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_vimeo.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_vimeo:hover {
	background-position: 0px -32px;
}

.sm_youtube {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_youtube.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_youtube:hover {
	background-position: 0px -32px;
}

.sm_myspace {
	display:block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/sm_myspace.png);
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.sm_myspace:hover {
	background-position: 0px -32px;
}

/* calendar */
#wp-calendar {
	width: 237px;
	color: #9a9a9a;
	text-align: center;
	float: left;
}

#wp-calendar pad {
	height: 0;
}

caption {
	color: #c02323;
	padding-bottom: 10px;
}

.quotebox-left {
    border-left:6px solid #DDDDDD;
    float:left;
    font-size:15px;
    line-height:22px;
    margin:22px 22px 22px 0;
    padding:0 0 0 15px;
    width:22%;
}

#recentcomments li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 217px;
	border-bottom: dashed 1px #cdcdcd;
	background-image: url(../images/images/arrow_menu_sidebar.png);
	background-repeat: no-repeat;
	float: left;
}

/* footer widgets */
#footer-sidebar {
	width: 891px;
	float: left;
}
#footer-sidebar .widget {
	width: 265px;
	margin-right: 30px;
	margin-bottom: 0;
	float: left;
}

#footer-sidebar .widget p {
	width: 167px;
	padding-left: 10px;
	padding-bottom: 1px;
	float: left;
}

#footer-sidebar .textwidget p {
	width: 265px;
	margin-top: 0;
	float: left;
}

#footer-sidebar .widget .textwidget p {
	width: 265px;
	padding-left: 0;
}

#footer-sidebar  .widget img {
	width: 50px;
	height: 50px;
	padding: 5px;
	background-color: #fff;
	border: 0;
	float: left;
}

#footer-sidebar  .widget-title {
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	color: #d2d3c0;
	text-shadow: 1px 1px 1px #282828;
	font-family: Arial, arial, serif;
	padding: 0;
	margin-bottom: 25px;
	float: left;
}

#footer-sidebar .twitter li {
	background-image: url(../images/images/twitter_bg_a.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	width: 263px;
	float: left;
}

#footer-sidebar .twitter li:hover {
	background-image: url(../images/images/twitter_bg_b.png);
	background-repeat: no-repeat;
}

#footer-sidebar .twitter li p {
	width: 223px;
	padding-left: 40px;
	margin: 0;
}

/* Flickr widget */
.widgetflickr {
	width: 265px;
	margin-right: 30px;
	margin-bottom: 10px;
	float: left;
}

.widgetflickr ul {
	list-style:none;
	padding: 0;
	margin: 0;
	float: left;
}

.widgetflickr ul li {
	list-style:none;
	padding: 0;
	margin: 0;
	float: left;
}

.widgetflickr img {
	width: 50px;
	height: 50px;
	padding: 4px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}

ul.flickr {
	width: 261px;
	float: left;
}
.flickr li {
	width: 84px;
	height: 84px;
}

.flickr img {
	width: 60px;
	height: 60px;
	padding: 4px;
	background-color: #fff;
	border: solid 1px #cdcdcd;
	float: left;
}

#footer-sidebar  .hr-stripe {
	background:url(../images/images/stripe_footer.png);
	height: 12px;
	margin-top: 0;
	margin-bottom: 30px;
    display: block;
	float: left;
}

#footer-sidebar  .widgetflickr {
	width: 270px;
	margin-bottom: 0;
	padding-bottom: 0;
	float: left;
}

#footer-sidebar  .flickr {
	width: 280px;
	float: left;
}

#footer-sidebar .flickr li { 
	height: 75px; 
	width: 75px; 
	padding: 4px; 
	margin-right: 10px;
	margin-bottom: 10px;
	background: url(../images/gallery/photo.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #282828;
	float: left;
} 

#footer-sidebar .flickr li:hover {
	background-color: #fff;
}

#footer-sidebar .flickr li .image img { 
	width: 75px;
	height: 75px;
	padding: 0;
	background-color: #fff;
	border: 0;
	float: left;
}
/* End */

/* comment block */
#comments {
	width: 562px;
	float: left;
}

.comment_block {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.comment_block h4 {
	margin: 0px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 20px;
	float: left;
}

.comment_block a h4{
	text-decoration: none;
}

.comment_block a h4:hover{
	text-decoration: underline;
}

.comment_block p {
	font-size: 12px;
	margin: 0px;
	margin-left: 80px;
	padding: 0px;
}

.comment_date {
	font-size: 14px;
	margin-left: 20px;
	padding: 0px;
}

.comment_block img {
	padding: 4px;
	border: solid 1px #cdcdcd;
	float: left;
}

.comment_block p img {
	padding: 0;
	border: 0;
	clear: left; 
}

.comment-header {
	height: 100%;
	padding-bottom: 20px;
	float: left;
	background:url(../images/images/comm-arrow.png) no-repeat left bottom;
}

.comment-body {
	float: left;
	width: 100%;
	background-color: #eeeeee;
}

.comment-body p {
	margin-left: 0;
	padding: 20px;
	padding-bottom: 0;
	float: left;
}

.comment_here {
	font-size: 20px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #666;
	float: left;
    width: 562px;
	margin-top: 40px;
}

.comment_input {
	width: 562px;
	height: 280px;
	margin-top: 20px;
}

.post ul.children {
	list-style: none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	float: right;
	width: 85%;
}

.post ul.children .child-img {
	width: 14px;
	height: 12px;
	left: -30px;
	top: 19px;
	position: relative;
	background:url(../images/images/comm-child.png) no-repeat;
	float: left;
}

.post ul.children .comment-header {
	position: relative;
	left: -14px;
}

.post ul.children .comment {
	width: 100%;
	margin: 0;
	padding: 20px 0 10px 15px;
	float: left;
}

.comment-reply-link {
	color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
    display: inline-block;
    text-align: center;
    line-height: 24px;
	height: 19px;
    padding: 1px 15px 6px 15px;
	margin: 20px;
	
	background-image: url(../images/images/bttn_small.png);
	background-repeat: repeat-x;
	
	display: inline-block;
	background-color: #088383;
	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0px 1px 1px #2e2e2e;
	-moz-box-shadow: 0px 1px 1px #2e2e2e;
	box-shadow: 0px 1px 1px #2e2e2e;
	
	float: right;
}

.comment-reply-link:hover {
	color: #fff;
	text-decoration: none;
	background-position: 0 -27px;
}


/* Share this style */
#share_widget {
	margin-right: 0;
	padding: 20px;
	padding-left: 0;
	padding-right: 0;
	width: 562px;
	float: left;
	
}

#share_widget h4 {
	padding-top: 0px;
	padding-left: 0px;
}

#share_this {
	width: 180px;
	height: 25px;
	float: left;
} 

#share_this_icons {
	width: 322px;
	height: 30px;
	float: right;
}

#share_this_icons_rss {
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/share/rss.png);
	background-repeat: no-repeat;
	float: right;
}

#share_this_icons_rss:hover {
	background-position: -30px 0px;
}

#share_this_icons_facebook {
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/share/facebook.png);
	background-repeat: no-repeat;
	float: right;
}

#share_this_icons_facebook:hover {
	background-position: -30px 0px;
}   

#share_this_icons_diig {
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/share/digg.png);
	background-repeat: no-repeat;
	float: right;
}

#share_this_icons_diig:hover {
	background-position: -30px 0px;
}  

#share_this_icons_delicious {
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/share/delicious.png);
	background-repeat: no-repeat;
	float: right;
}

#share_this_icons_delicious:hover {
	background-position: -30px 0px;
}

#share_this_icons_reddit {
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/share/reddit.png);
	background-repeat: no-repeat;
	float: right;
}

#share_this_icons_reddit:hover {
	background-position: -30px 0px;
}

#share_this_icons_stumbleupon {
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/share/stumbleupon.png);
	background-repeat: no-repeat;
	float: right;
}

#share_this_icons_stumbleupon:hover {
	background-position: -30px 0px;
}

#share_this_icons_twitter {
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/share/twitter.png);
	background-repeat: no-repeat;
	float: right;
}

#share_this_icons_twitter:hover {
	background-position: -30px 0px;
}

/* Error 404 */
.error404 {
	width: 860px;
	text-align: center;
	padding-bottom: 140px;
	padding-top: 140px;
	font-size: 160px;
    font-family: Tahoma, Helvetica, sans-serif;
    color: #088383;
	float: left;
}

/* Thank you */
.thank-you {
	width: 860px;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 140px;
	font-size: 80px;
	line-height: 120px;
    font-family: Tahoma, Helvetica, sans-serif;
    color: #088383;
	float: left;
}

/* Search form */
.searchForm {
	margin-bottom: 40px;
}

#searchform {
	margin: 0px;
	font-size: 16px;
	color: #333333;
	width: auto;
}

#searchsubmit {
	width: 44px;
	height: 40px;
	background-color: #666;
	color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
    border: none;
	cursor: pointer;
}

#searchsubmit:hover {
	background-color: #088383;
}

#s {
	padding: 10px;
	border: 1px solid #d2d1cf;
	width: 189px;
	height: 18px;
	font-size: 14px;
	color: #333333;
	background-color: #eee;
	color: #666;
}

#search_block {
	display: block;
	height: 40px;
	width: 237px;
	float: right;
	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#search_field_block {
	display: block;
	width: 236px;
	height: 38px;
	border: none;
	padding-left: 10px;
	background: url(../images/images/search.png) no-repeat left 0px;
	float: left;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #878475;
	outline: none;
}
#search_field_block:focus {
	color: #444;
	background-position: 0 -40px;	
}
#search_submit_block {
	text-indent: -999em;
	border: none;
	height: 0;
	width: 0;
	float: right;
	visibility: hidden;
}

/* pagination left */
.pagination {
	clear:both;
	padding:20px;
	padding-left: 0;
	position:relative;
	font-size:11px;
	line-height:13px;
	padding: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	float: left;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 5px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#878475;
	background: #ececec;
	border: 1px solid #d1d1d1;
}

.pagination a:hover{
	background-color: #cdcdcd;
    color: #fff;
    text-decoration: none;
    border: 1px solid #cdcdcd;
}

.pagination .current{
	padding:6px 9px 5px 9px;
	background-color: #cdcdcd;
    color: #fff;
    text-decoration: none;
    border: 1px solid #cdcdcd;
}

.pagination  span.pagination_pages {
    padding:6px 9px 5px 9px;
	background-color: #fff;
    color:#878475;
    text-decoration: none;
    border: 1px solid #fff;
}

/* pagination right*/
.pagination_right {
	margin-left: 30px;
}

/* Buttons */
a.bttn {
    font-size: 18px;
	font-family: Arial, arial, serif;
    display: inline-block;
	background-color: #d2d2d2;
	height: 37px;
	padding: 3px;
	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

a.bttn span {
    color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
    display: inline-block;
    text-align: center;
    line-height: 34px;
	height: 29px;
    padding: 1px 15px 6px 15px;
	background-color: #088383;
	display: inline-block;
	
	background-image: url(../images/images/bttn_alt.png);
	background-repeat: repeat-x;
	
	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0px 1px 1px #2e2e2e;
	-moz-box-shadow: 0px 1px 1px #2e2e2e;
	box-shadow: 0px 1px 1px #2e2e2e;
}

a.bttn span:hover {
    text-decoration: none;
	background-position: 0 -38px;
}

/* Small Button */
a.small_button {
	font-size: 12px;
	font-family: Arial, arial, serif;
    display: inline-block;
	background-color: #d2d2d2;
	height: 26px;
	padding: 3px;
	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

a.small_button span {
	color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
    display: inline-block;
    text-align: center;
    line-height: 24px;
	height: 19px;
    padding: 1px 15px 5px 15px;
	
	background-image: url(../images/images/bttn_small.png);
	background-repeat: repeat-x;
	
	display: inline-block;
	background-color: #088383;
	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0px 1px 1px #2e2e2e;
	-moz-box-shadow: 0px 1px 1px #2e2e2e;
	box-shadow: 0px 1px 1px #2e2e2e;
}

a.small_button span:hover {
    text-decoration: none;
	background-position: 0 -27px;
}
/* End */

/* Medium Button */
a.medium_button {
	font-size: 14px;
	font-family: Arial, arial, serif;
    display: inline-block;
	background-color: #d2d2d2;
	height: 37px;
	padding: 3px;
	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

a.medium_button span {
    color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
    display: inline-block;
    text-align: center;
    line-height: 34px;
	height: 29px;
    padding: 1px 15px 6px 15px;
	
	display: inline-block;
	background-color: #088383;
	
	background-image: url(../images/images/bttn_alt.png);
	background-repeat: repeat-x;
	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0px 1px 1px #2e2e2e;
	-moz-box-shadow: 0px 1px 1px #2e2e2e;
	box-shadow: 0px 1px 1px #2e2e2e;
}

a.medium_button span:hover {
    text-decoration: none;
	background-position: 0 -38px;
}
/* End */

/* Big Button */
a.big_button {
	font-size: 18px;
	font-family: Arial, arial, serif;
    display: inline-block;
	background-color: #d2d2d2;
	height: 47px;
	padding: 3px;
	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

a.big_button span {	
	color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
    display: inline-block;
    text-align: center;
    line-height: 44px;
	height: 39px;
    padding: 1px 15px 6px 15px;
	
	display: inline-block;
	background-color: #088383;
	
	background-image: url(../images/images/big_bttn.png);
	background-repeat: repeat-x;
	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0px 1px 1px #2e2e2e;
	-moz-box-shadow: 0px 1px 1px #2e2e2e;
	box-shadow: 0px 1px 1px #2e2e2e;
}

a.big_button span:hover {
    text-decoration: none;
	background-position: 0 -49px;
}

a.bttn_slogan {
    font-size: 18px;
	font-weight: bold;
	font-family: Arial, arial, serif;
    display: inline-block;
	background-color: #d2d2d2;
	height: 47px;
	padding: 3px;
	
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	
}

a.bttn_slogan span {
    color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
    display: inline-block;
    text-align: center;
    line-height: 44px;
	height: 39px;
    padding: 1px 15px 6px 15px;
	
	display: inline-block;
	background-color: #088383;
	
	background-image: url(../images/images/big_bttn.png);
	background-repeat: repeat-x;
	
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0px 1px 1px #2e2e2e;
	-moz-box-shadow: 0px 1px 1px #2e2e2e;
	box-shadow: 0px 1px 1px #2e2e2e;
}

a.bttn_slogan span:hover {
    text-decoration: none;
	background-position: 0 -49px;
}
/* End */

/* Teitter widget footer */
#twitter-widget li {
	background-image: url(../images/images/twitter_bg_a.png);
	background-repeat: no-repeat;
	margin-bottom: 25px;
	float: left;
}

#twitter-widget li:hover {
	background-image: url(../images/images/twitter_bg_b.png);
	background-repeat: no-repeat;
}

#twitter-widget li p {
	padding-left: 40px;
	margin: 0;
}

img.loading_twitter {
	width: 16px;
	height: 16px;
	border: 0;
}
/* end */

/* Teitter widget sidebar*/
.twitter li {
	background-image: url(../images/images/twitter_bg_a.png);
	background-repeat: no-repeat;
	margin-bottom: 25px;
	float: left;
}

.twitter li:hover {
	background-image: url(../images/images/twitter_bg_b.png);
	background-repeat: no-repeat;
}

.twitter li p {
	padding-left: 40px;
	font-weight: normal;
	font-family: Tahoma, Helvetica, sans-serif;
    font-size:  100%;
    font-size: 13px;
    line-height: 1.5em;
	margin: 0;
}
/* end */

/* recent Posts */
.recent_post li p {
	font-weight: normal;
}

/* Pricing box */
.pricing_box {
	float: left;
	text-align: center;
	padding: 0 0 20px 0;
	background-color: #eeeeee;
	font-size: 12px;
	padding: 10px;
}

.pricing_box strong {
	font-weight: normal;
}

.pricing_box .header {
	width: 100%;
	border-bottom: 1px dashed #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 30px;
}

.pricing_box .header span {
	position: relative;
	top: 10px;
	padding-bottom: 7px;
	font-size: 16px;
	font-weight: bold;
}

.pricing_box h2 {
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 30px;
}

.pricing_box ul {
	list-style: none;
	margin: 5px 0 15px 0;
}

.pricing_box.large {
	margin-top: -2%;
	background: #fff;
	border: solid 5px #088383;
 	padding: 10px 10px 30px 10px;
}

.pricing_box.three {
	width: 30.6%;
}

.pricing_box.four {
	width: 22.3%;
	font-size: 1em;
}

.pricing_box.four h2 {
	font-size: 2em;
}

.pricing_box.four.large {
	margin-top: -1.5%;
}

.pricing_box.five {
	width: 17.4%;
	font-size: 0.9em;
}

.pricing_box.five h2 {
	font-size: 1.7em;
}

.pricing_box.five.large {
	margin-top: -1.5%;
}

.pricing_box.five .header span  {
	font-size: 1.2em;
	top: 9px;
}
/* end */

/* Lists */
.wpcrown_list ul {
	margin-top: 15px;
}

.wpcrown_list ul li {
	margin: 5px 0 0 0;
	padding-left: 22px;
	padding-bottom: 5px;
	color: #878475;
}
/* end */

/* Styled lists */
.arrow_down ul li {
	display: block;
	background: url(../images/images/icons/arrow_down.png) no-repeat top left;
	
}

.arrow_up ul li {
	display: block;
	background: url(../images/images/icons/arrow_up.png) no-repeat top left;
}

.arrow_left ul li {
	display: block;
	background: url(../images/images/icons/arrow_left.png) no-repeat top left;
}

.arrow_right ul li {
	display: block;
	background: url(../images/images/icons/arrow_right.png) no-repeat top left;
}

.bookmark ul li {
	display: block;
	background: url(../images/images/icons/bookmark.png) no-repeat top left;
}

.calendar ul li {
	display: block;
	background: url(../images/images/icons/calendar.png) no-repeat top left;
}

.check ul li {
	display: block;
	background: url(../images/images/icons/check.png) no-repeat top left;
}

.clipboard ul li {
	display: block;
	background: url(../images/images/icons/clipboard.png) no-repeat top left;
}

.clock ul li {
	display: block;
	background: url(../images/images/icons/clock.png) no-repeat top left;
}

.cross ul li {
	display: block;
	background: url(../images/images/icons/cross.png) no-repeat top left;
}

.crosshair ul li {
	display: block;
	background: url(../images/images/icons/crosshair.png) no-repeat top left;
}

.email ul li {
	display: block;
	background: url(../images/images/icons/email.png) no-repeat top left;
}

.favorite ul li {
	display: block;
	background: url(../images/images/icons/favorite.png) no-repeat top left;
}

.unfavorite ul li {
	display: block;
	background: url(../images/images/icons/unfavorite.png) no-repeat top left;
}

.heart ul li {
	display: block;
	background: url(../images/images/icons/heart.png) no-repeat top left;
}

.house ul li {
	display: block;
	background: url(../images/images/icons/house.png) no-repeat top left;
}

.lock ul li {
	display: block;
	background: url(../images/images/icons/lock.png) no-repeat top left;
}

.minus ul li {
	display: block;
	background: url(../images/images/icons/minus.png) no-repeat top left;
}

.plus ul li {
	display: block;
	background: url(../images/images/icons/plus.png) no-repeat top left;
}

.musical ul li {
	display: block;
	background: url(../images/images/icons/musical.png) no-repeat top left;
}

.settings_list ul li {
	 display: block;
	background: url(../images/images/icons/settings.png) no-repeat top left;
}

.speech ul li {
	display: block;
	background: url(../images/images/icons/speech.png) no-repeat top left;
}

.tag ul li {
	display: block;
	background: url(../images/images/icons/tag.png) no-repeat top left;
}

.vcard ul li {
	display: block;
	background: url(../images/images/icons/vcard.png) no-repeat top left;
}
/* end */


/* contact */
#contact {
	width: 542px;
	margin-top: 20px;
	float: left;
}

#map {
	width: 288px;
	height: 278px;
	margin-left: 30px;
	margin-top: 20px;
	float: left;
}

.contact_form {
	font-size: 20px;
	color: #666;
	float: left;
}

.contact {
	padding: 20px;
}

.padding {
	padding: 20px;
}

.contact-img {
	padding: 5px;
	background-color: #fff;
}

.contactform {
	font-size:16px;
	color:#333333;
	width: 100%;
	text-align: left;
	float: left;
}

.contactform textarea {
	padding: 5px;
	border: 1px solid #d2d1cf;
	width: 532px;
	height: 150px;
	font-size: 14px;
	color: #333333;
	background-color: #fff;
	float: right;
}

.contactform label {
	min-width: 100px;
	float: left;
	padding: 5px;
	padding-left: 0px;
	margin-left: 0px;
	color: #666;
}

.input-submit {
	width: 135px;
	color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
	font-family: Arial, arial, serif;
	margin-top: 10px;
	font-size: 16px;
	line-height: 34px;
    display: inline-block;
	background-color: #088383;
    padding: 1px 15px 6px 15px;
	height: 36px;
	
	background-image: url(../images/images/bttn_alt.png);
	background-repeat: repeat-x;
	
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-box-shadow: 0px 1px 1px #2e2e2e;
	-moz-box-shadow: 0px 1px 1px #2e2e2e;
	box-shadow: 0px 1px 1px #2e2e2e;
	
    border: none;
	cursor: pointer;
	float: right;
}

.input-submit:hover {
	background-position: 0 -38px;
}

.input-textarea {
	padding: 5px;
	border: 1px solid #d2d1cf;
	width: 532px;
	height: 16px;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #fff;
	color: #666;
	float: right;
}

/* Contatc widget */
.contactformwidget {
	font-size:16px;
	color:#333333;
	width: 265px;
	text-align: left;
	float: left;
}

.contactformwidget textarea {
	padding: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 0;
	width: 237px;
	height: 70px;
	font-size: 14px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #999999;
	background-color: #414141;
	border: solid 4px #2e2e2e;
	float: right;
}

.contactformwidget textarea:focus {
	border: solid 4px #717171;
	outline: none;
}

.contactformwidget label {
	min-width: 100px;
	float: left;
	padding: 5px;
	padding-left: 0px;
	margin-left: 0px;
	color: #666;
}

.input-submit-widget {
	width: 135px;
	color: #fff;
	text-shadow: 1px 1px 1px #2e2e2e;
	font-family: Arial, arial, serif;
	margin-top: 10px;
	margin-left: 2px;
	font-size: 16px;
	line-height: 34px;
    display: inline-block;
	background-color: #414141;
    padding: 1px 15px 6px 15px;
	height: 36px;
	
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-box-shadow: 0 0 2px #000;
	-moz-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;
	
    border: none;
	cursor: pointer;
	float: right;
}

.input-submit-widget:hover {
	background-color: #414141;
}

.input-textarea-widget {
	padding: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 0;
	width: 237px;
	height: 16px;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #999999;
	background-color: #414141;
	border: solid 4px #2e2e2e;
	float: right;
}

.input-textarea-widget:focus {
	border: solid 4px #717171;
	outline: none;
}
/* end */

/* hr */
.hr-line {
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	border-bottom: solid 1px #b6b6b6;
}

.hr-stripe {
	background:url(../images/images/stripe.png);
	height: 12px;
    display: block;
	float: left;
}

.hr-stripe-blog-post {
	background:url(../images/images/stripe.png);
	height: 12px;
    display: block;
	margin-top: 20px;
	float: left;
}

.hr-dashed {
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	border-bottom: dashed 1px #878475;
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.hr-dashed-post-one-third {
	float: left;
	margin-top: 0;
	margin-bottom: 15px;
	border-bottom: dashed 1px #878475;
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.hr-solid-footer-test {
	float: left;
	margin-top: 0;
	margin-bottom: 30px;
	border-bottom: solid 3px #282828;
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}


.hr-solid-footer {
	background:url(../images/images/stripe_footer.png);
	height: 12px;
	margin-top: 0;
	margin-bottom: 30px;
    display: block;
	float: left;
}

.hr-dashed-post {
	float: left;
	margin-top: 40px;
	margin-bottom: 20px;
	border-bottom: dashed 1px #878475;
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.hr-line-post {
	float: left;
	margin-top: 40px;
	margin-bottom: 20px;
	border-bottom: solid 1px #878475;
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.hr-footer {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: solid 3px #282828;
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.hr-footer-title {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px #646259;
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.divider {
	width: 100%;
	height: 30px;
	float: left;
}

.divider-footer {
	width: 100%;
	height: 20px;
	float: left;
}

/* TABS */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	color: #6e6e6e;
}
ul.tabs li {
	float: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	background: #e8e8e8;
}

ul.tabs li a {
	display: block;
	position: relative;
	padding: 5px 15px 5px 15px;
	height: 20px;
	line-height: 19px;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	cursor: pointer;
	text-shadow: none;
}

ul.tabs li a:hover {
	text-shadow: none;
	text-decoration: none;
	color: #FFF;
}

ul.tabs li a:hover, ul.tabs li.active a {
	text-decoration: none;
	color: #FFF;
	background: #088383;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	margin: 10px 0;
	background: #e8e8e8;
}

.tab_content {
	padding: 15px 15px 5px 15px;
}


.panes {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	margin: 10px 0;
	background: #e8e8e8;
}

.pane {
	padding: 15px 15px 5px 15px;
}

/* TOGGLE */
.toggle {
	width: 100%;
	margin-bottom: 10px;
	color: #6e6e6e;
}

.toggle-wrapper {
	padding-bottom:5px;
}

h4.trigger {
	width:auto;
	padding: 10px 15px;
	clear:both;
	margin:0px;
	display: block;
	cursor: pointer;
	background: #e8e8e8;
}

h4.trigger:hover, h4.trigger.active:hover {
	color: #79accd;
}

h4.trigger.active {
	color: #79accd;
}

.togglebox {
	width:auto;
	height: auto;
	background: #e8e8e8;
	overflow: hidden;
	margin: 10px 0;
}

.togglebox div {
	padding: 15px;
}

.togglebox p {
	line-height: 22px;
}

/* Social Icons */
.facebook_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/facebook.png);
	background-repeat: no-repeat;
	float: left;
}

.behance_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/behance.png);
	background-repeat: no-repeat;
	float: left;
}

.deviantart_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/deviantart.png);
	background-repeat: no-repeat;
	float: left;
}

.dribble_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/dribble.png);
	background-repeat: no-repeat;
	float: left;
}

.flickr_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/flickr.png);
	background-repeat: no-repeat;
	float: left;
}

.forrst_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/forrst.png);
	background-repeat: no-repeat;
	float: left;
}

.linkedin_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/linkedin.png);
	background-repeat: no-repeat;
	float: left;
}

.twitter_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/twitter.png);
	background-repeat: no-repeat;
	float: left;
}

.vimeo_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/vimeo.png);
	background-repeat: no-repeat;
	float: left;
}

.youtube_sm {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	text-indent: -9999px;
	background-image: url(../images/social-media-icons/youtube.png);
	background-repeat: no-repeat;
	float: left;
}

.facebook_sm:hover, .behance_sm:hover, .deviantart_sm:hover, .dribble_sm:hover, .flickr_sm:hover, .forrst_sm:hover, .linkedin_sm:hover, .twitter_sm:hover, .vimeo_sm:hover, .youtube_sm:hover {
	background-position: bottom left;
}

/*  Header thumbs */
#preview {
	width: 920px; 
	float: left;
	
	/*
	-moz-border-radius-bottomleft: 7px; 
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	
	-moz-border-radius-bottomright: 7px; 
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
	*/
}

#preview_wrap {
	width: 900px; 
	height: 342px;
	float: left;
	padding: 10px;
	background-color: #fff;
}
 
#preview_outer {
	overflow: hidden;
	width: 900px;
	height: 350px;
	position: relative;
}
 
#preview_inner {
	text-align: left;
	height: 100%;
	position: relative;
}
 
#preview_inner div {
	float: left;
	width: 900px;
	height: 342px;
	position: relative;
}
 
#preview_inner div a {
	position: absolute;
	bottom: 0;
	left: 0;	
	display: block;
	width: 100%;
	text-indent: 20px;
	padding: 20px 0;
	color: #fff;
	background: url(../images/header%20thumbs/bg_trans.png);
	text-decoration: none;
	font-size: 18px;
}
 
#thumbs {
	position: relative;
	width: 900px;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}
 
#thumbs span {
	width: 85px;
	height: 85px;
	cursor: pointer;
	display: inline-block;
	padding: 5px;
	background-color: #fff;
}
 
#arrow {
	position: absolute;
	top: -20px;
	background: url('../images/header thumbs/arrow.png') top center no-repeat;
	width: 93px;
	height: 15px;
	display: none;
}

/* featured list */
div#featured {
	width: 840px;
	height: 320px;
	float: left;
	padding: 9px;
	border: solid 1px #cdcdcd;
	margin: 30px;
	margin-bottom: 0;
	background-color: #fff;
}

div#feature_list {
	width: 840px;
	height: 320px;
	overflow: hidden;
	position: relative;
	float: left;
	background-color: #eee;
}

.title {
	margin: 0px;
	padding-bottom: 20px;
    font-family: Tahoma, Helvetica, sans-serif;
    color: #088383;
	font-weight: normal;
	font-size: 24px;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 320px;
}

ul#tabs li {
	font-size: 12px;
}
		
ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
}

ul#tabs li a {
	color: #666;
	text-decoration: none;	
	display: block;
	padding-left: 20px;
	padding-top: 20px;
	height: 60px;
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background: url(../images/featured%20list/feature-tab-current.png);
	color: #FFF;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 0;
	width: 553px;
	height: 320px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 553px;
	height: 320px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}
		
ul#output li a:hover {
	background: #088383;
}

/* Icons */
.icon-phone {
	height: 16px;
	margin-bottom: 10px;
	padding-left: 30px;
	color: #d2d3c0;
	text-shadow: 1px 1px 1px #282828;
	font-weight: bold;
	background-image: url(../images/icons/phone.png);
	background-repeat: no-repeat;
	float: left;
}

.icon-email {
	height: 16px;
	margin-bottom: 10px;
	padding-left: 30px;
	color: #d2d3c0;
	text-shadow: 1px 1px 1px #282828;
	font-weight: bold;
	background-image: url(../images/icons/email.png);
	background-repeat: no-repeat;
	float: left;
}

.icon-email a {
	color: #d2d3c0;
	text-decoration: none;
}

.icon-email a:hover {
	color: #088383;
	text-decoration: none;
}

.icon-address {
	height: 16px;
	margin-bottom: 10px;
	padding-left: 30px;
	color: #d2d3c0;
	text-shadow: 1px 1px 1px #282828;
	font-weight: bold;
	background-image: url(../images/icons/house.png);
	background-repeat: no-repeat;
	float: left;
}


/* Align */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width: 0;
	height: 0;
}

.clear:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
    text-align: center;
}

.bttn_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.bttn_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.bttn_center {
    text-align: center;
	margin-bottom: 10px;
}

.text_shadow {
	text-shadow: 1px 1px 1px #b2b1a4;
}

/* Slogan */
.slogan {
	margin: 30px;
	margin-bottom: 0;
	padding: 30px;
	width: 800px;
	text-align: center;
	background:url(../images/images/stripe.png);
	float: left;
}

.slogan h4 {
	margin-bottom: 0;
}

/* infoboxes */
div.box-download {
	width: 100%;
	float: left;
}

div.box-download-content {
    background: url("../images/icons/box-download.png") no-repeat 15px 16px #E3F4DE;
    border: 1px solid #a4d794;
    color:#599847;
    padding: 20px 15px 20px 60px;
	width: auto;
    font-size: 11pt;
}

div.box-download a {
    color: #599847;
    text-decoration: none;
}

div.box-download a:hover {
    color: #599847;
     text-decoration: underline;
}

div.box-information {
	width: 100%;
	float: left;
}

div.box-information-content {
    background: url("../images/icons/box-info.png") no-repeat 15px 16px #DEEEF7;
    border: 1px solid #8fbed9;
    color:#2F81B0;
   	padding: 20px 15px 20px 60px;
	width: auto;
    font-size: 11pt;
}

div.box-information a {
    color: #2F81B0;
    text-decoration: none;
}

div.box-information a:hover {
    color: #2F81B0;
    text-decoration: underline;
}


div.box-notification {
	width: 100%;
	float: left;
}

div.box-notification-content {
    background: url("../images/icons/box-note.png") no-repeat 15px 16px #FFFBCC;
    border: 1px solid #e0da97;
    color: #8f8838;
    padding: 20px 15px 20px 60px;
	width: auto;
    font-size: 11pt;
}

div.box-notification a {
    color: #8f8838;
    text-decoration: none;
}

div.box-notification a:hover {
    color: #8f8838;
    text-decoration: underline;
}


div.box-error {
	width: 100%;
	float: left;
}

div.box-error-content {
    background: url("../images/icons/box-error.png") no-repeat 15px 16px #FFCECE;
    border: 1px solid #e19191;
    color:#883333;
    padding: 20px 15px 20px 60px;
	width: auto;
    font-size: 11pt;
}

div.box-error a {
    color: #883333;
    text-decoration: none;
}

div.box-error a:hover {
    color: #883333;
    text-decoration: underline;
}

/* Twitter */
#twitter {
	padding: 30px;
	padding-bottom: 0px;
	text-align: center;
	margin: auto;
	position: relative;
}

#twitter p {
	padding-left: 50px;
}

#twitter_update_list {
   	overflow: hidden;
	font-size: 18px;
	text-align: center;
	font-family: Arial, arial, serif;
	vertical-align: middle;
	line-height: 24px;
	color: #878475;
	font-weight:bold;
}

#twitter_update_list li {
	list-style: none;
	margin-bottom: 20px;
}

#twitter_update_list li a {
	border-bottom: dotted 1px;
	text-decoration: none;
}

/* flickr */
#flickr_widget {
	width: 270px;
	float: left;
	
}
.flickr_images { 
	height: 75px; 
	width: 75px; 
	padding: 4px; 
	margin-right: 6px;
	margin-bottom: 6px;
	background: url(../images/gallery/photo.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #282828;
	float: left;
} 

.flickr_images:hover {
	background-color: #fff;
}

/* Slideshow */
#slideshow {
    width: 860px;
    height: 390px;
    overflow: hidden;
    position: relative;
    margin: 30px;
	margin-bottom: 0;
}

#slideshow-reel {
    width: 10000px;
    height: 340px;
    position: absolute;
    top: 0;
    left: 0;
}

#slideshow-reel .slide {
    width: 860px;
    height: 340px;
    float: left;
    background-color: gray;
	z-index:50;
}

.slideshow-caption {
	position: relative;
	left: 0px;
	bottom: -5px;
	color:#fff;
	width: 860px;
	height: 50px;
	background-image: url(../images/images/transparent_menu.png);
	width: 100%;
	z-index: 59;
}

#slideshow-reel h1 {
	position: relative;
	margin: -50px 20px;
    color: #FFF;
    font-size: 2em;
    text-shadow: 0 -1px 1px #333;
	z-index: 89;
}

/* bottom navigation */

#slideshow-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 840px;
	margin-left: 10px;
}

#slideshow-nav .nav-item {
    float: left;
    width: 140px;
    padding: 11px 0;
    outline: none;
}

#slideshow-nav .nav-item-line {
    float: left;
    width: 63px;
    height: 1px;
    line-height: 1px;
    margin: 3px 0;
    background-color: #bbb;
}

#slideshow-nav .nav-item-line-hidden {
    background-color: transparent;
}

#slideshow-nav .nav-item-dot {
    float: left;
    width: 8px;
    height: 8px;
    margin-left: 3px;
	margin-right: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ed1d27;
}

/* active nav dot */

#active-nav-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-left: 55px;
    background-color: #8e8d8b;
    background-color: rgba(28, 27, 23, .5);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#active-nav-item .active-nav-item-inner {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #000;
}	

/* ie fix image border */
a img {
	border: 0px;
}