/*************/
/*** RESET ***/
/*************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-family:'Roboto Condensed', sans-serif; font-size:18px; line-height:23px; vertical-align:top; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } /* HTML5 display-role reset for older browsers */
body { line-height:1; }
ol,ul { list-style:none; }
img { max-width:100%; height:auto !important; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*, *:before, *:after { -webkit-box-sizing:tinherit; -moz-box-sizing:inherit; box-sizing:inherit; }

/*** IOS FORM ELEMENT FIX ***/

textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="password"] { -moz-appearance:none; -webkit-appearance:none; border-radius:0; }

/*******************/
/*** GRID SYSTEM ***/
/*******************/

.row 		{ display:table; width:100%; }
.col		{ display:table-cell; width:100%; }

.one		{ width:100%; }
.one12		{ width:8.333333333333333%; }
.two12		{ width:16.66666666666667%; }
.three12	{ width:25%; }
.four12		{ width:33.33333333333333%; }
.five12		{ width:41.66666666666667%; }
.six12		{ width:50%; }
.seven12	{ width:58.33333333333333%; }
.eight12	{ width:66.66666666666666%; }
.nine12		{ width:75%; }
.ten12		{ width:83.33333333333333%; }
.eleven12	{ width:91.66666666666666%; }

/***************/
/*** PADDING ***/
/***************/

.pad5, .padding5 { padding:5px; }
.pad10, .padding10 { padding:10px; }
.pad15, .padding15 { padding:15px; }
.pad15x20, .padding15x20 { padding:15px 20px; }
.pad20, .padding20 { padding:20px; }
.pad20x10, .padding20x10 { padding:20px 10px; }
.nopadleft, .nopaddingleft { padding-left:0; }
.nopadright, .nopaddingright { padding-right:0; }

/*****************/
/*** ALIGNMENT ***/
/*****************/

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

/****************/
/*** STANDARD ***/
/****************/

body { background-color:#333; }

#navwrapper,
#headerwrapper,
#contentwrapper,
#extrawrapper,
#footerwrapper { width:1400px; margin:0 auto; }
	
#nav { background-color:#333; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.6); border-bottom:1px solid #555; }
#nav a { color:#fff; text-decoration:none; }
#nav a:hover { color:#d10000; }

#header { background:url(../images/headerbg.jpg) center center no-repeat; background-size:cover; border-top:9px solid #444; border-bottom:1px solid #555; }
#headercontent { padding:20px 60px; color:#fff; font-size:26px; line-height:28px; text-shadow:2px 2px 2px rgba(0,0,0,.6); }
#headercontent span { font-size:26px; line-height:28px; }
#headercontent b { color:#9cf; font-size:28px; line-height:28px; }
#headercontent a { color:#9cf; font-size:26px; line-height:28px; text-decoration:none; }
#headercontent a:hover { color:#ddd; }
#header img { border-radius:3px; }
#headerfeaturedcontent { padding:20px 20px 20px 0; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.6); }
#headerfeaturedcontent a { color:#9cf; text-decoration:none; }
#headerfeaturedcontent a:hover { color:#ddd; }
#headerfeaturedcontent h3 { color:#fff; font-size:26px; line-height:28px; margin-bottom:12px; }

#content { background-color:#eee; border-top:9px solid #444; border-bottom:14px solid #444; }
#contentwrapper { background-color:#eee; }
#content img { border-radius:3px; }

#page {  }
#page a { color:#d10000; }
#page a:hover { color:#232323; text-decoration:none; }
#pagepad { padding:20px; }
#page h1 { font-size:26px; line-height:31px; background-color:#111; }
#page h2 { font-size:24px; line-height:29px; background-color:#222; }
#page h3 { font-size:21px; line-height:26px; background-color:#333; }
#page h4 { font-size:20px; line-height:25px; background-color:#444; }
#page h5 { font-size:19px; line-height:24px; background-color:#555; }
#page h6 { font-size:18px; line-height:23px; background-color:#676767; }
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 { color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.6); padding:10px 15px; margin-bottom:20px; border-radius:3px; }
#page h1 a, #page h2 a, #page h3 a, #page h4 a, #page h5 a, #page h6 a { color:#fff; }
#page h1 a:hover, #page h2 a:hover, #page h3 a:hover, #page h4 a:hover, #page h5 a:hover, #page h6 a:hover { color:#ffa; }

#sidepad { padding:20px 20px 20px 0; }

#side h3 { margin:0; padding:15px 20px; font-size:21px; line-height:26px; background-color:#222; border-bottom:5px solid #f8f8f8; color:#fff; border-radius:3px 3px 0 0; }

/*** CATEGORIES MENU ***/

#side #categoriesMenu { margin:0; list-style:none; padding:15px 20px; background-color:#555; border-top:1px solid #3f3f3f; border-radius:0 0 3px 3px }
#side #categoriesMenu ul { padding:0; margin:0 0 0 10px; list-style:none; }

#side #categoriesMenu .lvl1_subs { margin-top:5px; }
#side #categoriesMenu .lvl2_subs { margin-top:5px; }
#side #categoriesMenu .lvl3_subs { margin-top:5px; }
#side #categoriesMenu .lvl4_subs { margin-top:5px; }

#side #categoriesMenu li.lvl1 { margin-bottom:5px; line-height:23px; }
#side #categoriesMenu li.lvl2 { margin-bottom:5px; line-height:22px; }
#side #categoriesMenu li.lvl3 { margin-bottom:5px; line-height:21px; }
#side #categoriesMenu li.lvl4 { margin-bottom:5px; line-height:20px; }
#side #categoriesMenu li.lvl5 { margin-bottom:5px; line-height:19px; }

#side #categoriesMenu li.lvl1 a { font-weight:bold; font-size:18px; color:#fff; text-decoration:none; }
#side #categoriesMenu li.lvl2 a { font-weight:normal; font-size:17px; color:#eee; }
#side #categoriesMenu li.lvl3 a { font-size:16px; color:#ddd; }
#side #categoriesMenu li.lvl4 a { font-size:15px; }
#side #categoriesMenu li.lvl5 a { font-size:14px; }
#side #categoriesMenu li a:hover { color:#ffa; }

/*** SIDE MENUS ***/

#sideMenu { margin:0; list-style:none; padding:15px 20px; background-color:#555; border-top:1px solid #3f3f3f; border-radius:0 0 3px 3px }
#sideMenu li { margin-bottom:3px; }
#sideMenu a { font-size:16px; line-height:21px; color:#222; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.6); text-decoration:none; }
#sideMenu a:hover { color:#ffa; }

#extra { background-color:#bdbdbd; border-top:1px solid #d8d8d8; }
#extrawrapper { padding:10px; }
#extra h3 { font-size:21px; line-height:26px; margin:0 0 10px 0; color:#d10000; }
.extrabox { color:#333; padding:10px; }
.extrabox a { display:block; margin-bottom:10px; color:#333; text-decoration:none; }
.extrabox a:last-child { margin-bottom:0; }
.extrabox a:hover { color:#d10000; }

#footer { background-color:#333; border-top:1px solid #2e2e2e; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.6); min-height:140px; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#d10000; }

/*************/
/*** EXTRA ***/
/*************/

.spacer { height:20px; }
.pipes { color:#d10000; }
.round { border-radius:3px; }
.roundtop { border-radius:3px 3px 0 0; }
.roundbottom { border-radius:0 0 3px 3px; }

.button {
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.6);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.6);
	box-shadow:2px 2px 2px rgba(0,0,0,.6);
	background-color:#d10000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#fff !important;
	font-size:20px !important;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	text-transform:uppercase;
}
.button:hover { background-color:#232323; cursor:pointer; }

.buttonsm {
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,.6);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.6);
	box-shadow:2px 2px 2px rgba(0,0,0,.6);
	background-color:#d10000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#fff !important;
	font-size:15px !important;
	padding:5px 20px;
	text-decoration:none;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	text-transform:uppercase;
}
.buttonsm:hover { background-color:#232323; cursor:pointer; }

/*** COG ACCOUNT MENU ***/

#sidepaneltab { position:absolute; z-index:500; top:-14px; right:30px; height:32px; width:32px; cursor:pointer; }
#sidepaneltabimg { width:32px; height:32px; position:relative; top:0; right:0; background:transparent url(../images/cog.png?v=2019) bottom left no-repeat; }
#sidepanel { width:200px; position:absolute; z-index:500; top:-1000px; right:0; height:1000px; background-color:#000; background-color:rgba(0,0,0,.9); border:5px solid #fff; border-top:0; border-right:0; color:#ddd; text-align:center; -moz-border-radius:0 0 0 3px; -webkit-border-radius:0 0 0 3px; border-radius:0 0 0 3px; }
#sidepanel a { text-decoration:none; }
#sidepanelpad { padding:20px; }
#sidepaneloflow { overflow:auto; }
#sidepanel h3 { color:#fff; margin:0 0 10px 0; }
#sidepanel ul { list-style-type:none; color:#ddd; padding:0; margin:0; }
#sidepanel ul li { padding-bottom:5px; }
#sidepanel ul li a { color:#999; }
#sidepanel ul li a:hover { color:#fff; }

/*** HARDCODED POST CONTAINER ***/

#postContainer { margin-bottom:10px; }
#postContainerPadding { padding:10px 2px; }
#postContainerIcon { float:left; margin:0 15px 5px 0; }
#postContainerTitle { margin-bottom:5px; margin-right:10px; }
#postContainerTitle h3 { margin-bottom:0; }
#postContainerTitle h3 a { margin-bottom:0; color:#fff !important; text-decoration:none; }
#postContainerTitle h3 a:hover { color:#222; }
#postContainerDescription { font-style:italic; margin-bottom:5px; }
#postContainerStats { padding:0 10px; }
#postContainerStats * { font-style:italic; font-size:12px; color:#a00; }
#postContainerStats a:hover { color:#222; text-decoration:none; }
#postContainerAuthor { float:right; }

#postContent img { max-width:100% !important; height:auto !important; }
#postContent div { max-width:100% !important; }
#postContent iframe { max-width:100% !important; }
#postContent table { max-width:100% !important; }

.projectbox img { width:100% !important; }

.showonmobile { display:none; }

/*** LARGE SCREENS ***/
@media screen and (max-width:1415px){
	#navwrapper,
	#headerwrapper,
	#contentwrapper,
	#extrawrapper,
	#footerwrapper { width:100%; }
}

@media screen and (max-width:1200px){
	#headercontent { padding:20px 20px; font-size:25px; line-height:27px; }
	#headercontent span { font-size:25px; line-height:27px; }
	#headercontent b { font-size:27px; line-height:27px; }
	#headercontent a { font-size:25px; line-height:27px; }
}

/*** MEDIUM SCREENS ***/
@media screen and (max-width:975px){
	.hideonmedium { display:none !important; }
	.changetobr { display:block; }
	.changeto50 { width:50%; }
	
	.projectbox { display:block; width:100% !important; margin-bottom:10px; }
	.portfoliobox { display:block; width:100% !important; }
	
	#headercontent { padding:20px 40px; font-size:24px; line-height:26px; }
	#headercontent span { font-size:24px; line-height:26px; }
	#headercontent b { font-size:26px; line-height:26px; }
	#headercontent a { font-size:24px; line-height:26px; }
}

/*** SMALL SCREENS ***/
@media screen and (max-width:665px){
	.row, .col { display:block; }
	.one12,.two12,.three12,.four12,.five12,.six12,.seven12,.eight12,.nine12,.ten12,.eleven12 { width:100% !important; }
	
	.hideonsmall { display:none; }
	.hideonmobile { display:none; }
	.showonmobile { display:block; }
	
	#nav .left,
	#nav .right { text-align:center; }
	#nav .right { padding-top:0; }
	
	#headercontent { padding:10px 10px 0 10px; font-size:20px; line-height:22px; }
	#headercontent span { font-size:20px; line-height:22px; }
	#headercontent b { font-size:22px; line-height:22px; }
	#headercontent a { font-size:20px; line-height:22px; }
	#headerfeaturedcontent { padding:0 20px 10px 20px; }
	
	#sidepad { padding:0 20px 20px 20px; }
	
	.projectbox { width:100%; }
	#postContainerAuthor { float:left; margin-right:20px; }
}

/*** EXTRA SMALL SCREENS ***/
@media screen and (max-width:365px){
	.hideonextrasmall { display:none; }
}

/**********************/
/*** HARD CODED CSS ***/
/**********************/

#morebyContainer { font-style:italic; text-align:center; }

#autoPageBreakPaging { text-align:center; }
#autoPageBreakPaging a { color:#3333aa; }
#autoPageBreakPagingCurrent { margin:2px; padding:2px 4px; border:1px solid #000; background-color:#000; color:#fff; }
#autoPageBreakPagingPage { margin:2px; padding:2px 4px; border:1px solid #ccc; background-color:#eee; color:#333; }
#autoPageBreakPagingNext { margin:2px; padding:2px 4px; border:1px solid #ccc; background-color:#eee; color:#333; }
#autoPageBreakPagingPrev { margin:2px; padding:2px 4px; border:1px solid #ccc; background-color:#eee; color:#333; }

#categoryPostsHeading a { color:#fff; text-decoration:none; }

/*** USER SECTIONS CSS ***/

#userAccountPageContents a { color:#33c; }

/*** PAGINATION CSS ***/

#pagingContainer { text-align:center; padding:10px 0; font-weight:bold; }
#pagingContainerPrevLinkOff { display:none; }
#pagingContainerNextLinkOff { display:none; }

/*** COMMENTS FROM CSS ***/

#commentFormContainerSubmitButtonContainer { text-align:right; }
#commentFormContainerSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; cursor:pointer; }
#commentFormContainerSubmitButton:hover { background:#ffffaa; color:#000; }

/*** PRIVATE MESSAGE FORM CSS ***/

#messageFormContainerSubmitButtonContainer { text-align:right; }
#messageFormContainerSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:15px; padding:2px 8px; cursor:pointer; }
#messageFormContainerSubmitButton :hover { background:#ffffaa; color:#000; }

/*** MESSAGE CSS ***/

#messageSuccess { padding:10px; background-color:#aaffaa; font-weight:bold; color:#000; }
#messageError { padding:10px; background-color:#ffffaa; font-weight:bold; font-style:italic; color:#000; }

#messageSuccess a, #messageError a { color:#2222ee; }
#messageSuccess a:hover, #messageError a:hover { color:#222; }

/*** CALENDAR CSS ***/

.calendar { width:100%; }
.calendarHeader { color:#222; font-size:16px; height:50px; }
.calendarHeader a { text-decoration:none; color:#222; }
.calendarHeader a:hover { text-decoration:underline; color:#444; }
.calendarDayHeader { background-color:#000; color:#fff; }
.calendarBlankDay { background-color:#ccc; width:91px; height:91px; }
.calendarBlankDay:hover { background-color:#aaa; }
.calendarDay { background-color:#eee; color:#333; text-align:right; vertical-align:top; width:91px; height:91px; }
.calendarDay:hover { background-color:#ffffbb; }
.calendarToDay { background-color:#ccccff; color:#000; text-align:right; vertical-align:top; width:91px; height:91px; }
.calendarToDay:hover { background-color:#ffff99; }
.calendarEvent { background-color:#fff; text-align:center; padding:2px; margin:2px; font-size:10px; line-height:14px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.calendarEvent a { text-decoration:none; }

/*** FORM CSS ***/

input[type="text"] { border:1px solid #333; background-color:#fff; padding:3px; }
input[type="password"] { border:1px solid #333; background-color:#fff; padding:3px; }
textarea { border:1px solid #333; background-color:#fff; padding:3px; }

#userFormSubmitButton { background-color:#d10000; text-transform:uppercase; border:none; color:#fff; border-radius:3px; text-shadow:2px 2px 2px rgba(0,0,0,.6); font-size:18px; padding:10px 30px; cursor:pointer; }
#userFormSubmitButton:hover { background-color:#232323; }

/*** BREADCRUMB TRAIL CSS ***/

#breadcrumbTrail { margin-bottom:10px; }
#breadcrumbTrail * { font-size:10px; }

/*** CATEGORIES PAGE CSS ***/
/* #categoriesPageRssFeed { } */

/*** SEARCH PAGE ***/

#searchFilters { border:1px solid #ccc; color:#000; background-color:#eee; text-align:center; }
#searchFiltersPadding { padding:5px 10px; }
#searchFiltersFormSubmitButton { border:1px solid #000; background:#000; color:#fff; font-weight:bold; font-size:12px; padding:2px 4px; cursor:pointer; }
#searchFiltersFormSubmitButton:hover { background:#ffffaa; color:#000; }

/*** RSS READER PLUGIN CSS ***/
/* #rssReaderHeader { } */

/*** ALTERNATE ROW BACKGROUNDS ( used in includes/template_data.php ) ***/

/* .SP_row_odd {  }
.SP_row_even {  } */

.commentRow_odd { border-bottom:1px solid #aaa; margin-bottom:5px; }
.commentRow_even { border-bottom:1px solid #aaa; margin-bottom:5px; }

/*** EXTRA ***/

#page #postContainer { padding-left:10px; }
#page #postContainer h3 { margin:0 0 10px 0; }
#page #postContainer img { border-radius:3px; }

#page .SP_row_odd { background-color:#fff; border-radius:3px; }
#page .SP_row_even { background-color:#fff; border-radius:3px; }

/*** LATEST POSTS MENU ***/

#page #latestPostsMenu { padding:0; margin:0; list-style:none; }
#page #latestPostsMenu li { margin-bottom:10px; line-height:20px; }

/*** ARCHIVES MENU ***/

#page #archivesMenu { padding:0; margin:0; list-style:none; }
#page #archivesMenu li { margin-bottom:10px; line-height:12px; }

/*** PRICING CSS***/

#bannersPrice,#portfoliosPrice,#nowPrice,#othersPrice { padding-top:20px; text-align:center; }
.pricing { width:100%; border-spacing:1px; border:0 solid #000; border-radius:3px; overflow:hidden; }
.pricing td,.pricing th { text-align:center; border:0; padding:5px; }
.pricing .headers>th { background:#222; color:#eee; border:1px solid #000; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.pricing .bcn>th,.pricing .pcn>th,.pricing .ccn>th { -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }
.pricing img { width:100%; }
.pricing a { display:block; height:100%; }
.pricing td { box-shadow:inset 0 0 50px -10px #ccc; height:60px; background:#eee; border:1px solid #ccc; color:#222; font-weight:bold; font-size:1.3em; }
.pricing .reg { font-size:1em; font-weight:normal; }
.pricing .bcn>th,.pricing .pcn>th,.pricing .ccn>th { font-weight:bold; color:white; }
.pricing .bcn>th { background-color:#5e4936; border:1px solid #684f35; }
.pricing .pcn>th { background-color:#3fb8a0; border:1px solid #308d7b; }
.pricing .ccn>th { background-color:#0f2988; border:1px solid #8899a9; }
.pricing .nobo { border:0; background:none; box-shadow:none; height:8px; }
.other td .small { font-size:.8em; font-weight:normal; }

.advertOfferList { width:100%; }
.advertOfferList a { color:#eee; text-decoration:underline; }
.advertOfferList>dt { border-radius:3px 3px 0 0; background:#222; color:#eee; padding:5px 10px; font-size:1.1em; font-weight:bold; }
.advertOfferList>dd { border:1px solid #ddd; border-width:0 1px 0 1px; background:#eee; padding-left:40px; margin:0; }
.advertOfferList>.last { border-bottom-width:1px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; margin-bottom:10px; }

/*** WORKORDER ADDON CSS ***/

.workorderNote ol { padding:0 30px; list-style:decimal !important; list-style-type:decimal !important; margin-bottom:20px; }
.workorderNote ul { padding:0 30px; list-style:disc !important; list-style-type:disc !important; margin-bottom:20px; }
.workorderNote li { margin-bottom:5px; }

/*** ADDON NOTES CSS ***/

/* #addon-notes-contents {  } */
#addon-notes-contents hr {
	border:0;
	height:1px;
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
#addon-notes-contents ul { list-style:disc !important; list-style-type:disc !important; padding-left:30px; }
#addon-notes-contents ol { list-style:decimal !important; list-style-type:decimal !important; padding-left:30px; }