@charset "utf-8";
/* CSS Document 


THIS CSS SHEET
-General tags (body,html,H's,a's, etc.)
-General DIVS and styles applied by section beginning at top of site page
	examples: wrappers,containers, header, main nav, content,indiv cols,footer,etc.
-Specific classes based on function and rarity of occurance or specificity
	examples: forms, front landing page, miscellanous classes and DIVS
-Misc styles, Turn offs and storage

Code comments below explain different CSS functions throughout this document. Please read carefully.


*/

/* general changes to background color, font-type and size and overall links */

/* TAGS */

body {
	/* change font family */
	font-family: Arial, Helvetica, sans-serif;
	/* overall background color - won't show up if you're using an image - may not work depending on the design */
	/* customize_body */ background-color:#FFF; /* customize_body */
	/* overall font color */
	/* customize_body */ color:#333; /* customize_body */
	/*overall background image */

}

@font-face {
	font-family: 'SpringsteelLigRegular';
	src: url(http://discworks.com/themes/general_layout2/fonts/springsteel-lig-webfont.eot);
	src: local('☺'), url(http://discworks.com/themes/general_layout2/springsteel-lig-webfont.woff) format('woff'), url(http://discworks.com/themes/general_layout2/springsteel-lig-webfont.ttf) format('truetype'), url(http://discworks.com/themes/general_layout2/springsteel-lig-webfont.svg#webfont) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OblikBoldRegular';
	src: url(http://discworks.com/themes/general_layout2/Oblik_Bold-webfont.eot);
	src: local('☺'), url(http://discworks.com/themes/general_layout2/Oblik_Bold-webfont.woff) format('woff'), url(http://discworks.com/themes/general_layout2/Oblik_Bold-webfont.ttf) format('truetype'), urlOblik_Bold-webfont.svg#webfont) format('svg');
	font-weight: normal;
	font-style: normal;
}

#containerWrap a:link, #containerWrap a:visited {
	/* customize_link */ color: #FFF; /* customize_link */
	text-decoration:underline;
}

#containerWrap a:hover, #containerWrap a:active, #containerWrap a:focus {
	/* customize_link_hover */ color: #47C3D3; /* customize_link_hover */
	text-decoration:none;
}

#containerWrap h1, #containerWrap h2, #containerWrap h3, #containerWrap h4, #containerWrap h5{
	margin:0;
	font-family: 'SpringsteelLigRegular',Arial,sans-serif;
	/* customize_misc */ color:#47C3D3; /* customize_misc */
	/* customize_misc */ /* customize_misc */
	text-transform:uppercase;
}



#containerWrap p{ 
	font-size:1em; /* used in conjuction with body size in main.css - best overall fix for most browsers. please stick with em's instead of pixels since it's more accessible*/
}

#containerWrap strong {
	font-weight:700; /* equivalent to bold, but better */
}

#containerWrap p{ 
	font-size:1.2em; /* used in conjuction with body size in main.css - best overall fix for most browsers. please stick with em's instead of pixels since it's more accessible*/
}

#containerWrap strong {
	font-weight:700; /* equivalent to bold, but better */
}

#containerWrap h1 {
	font-size:2em; /* experiment and see what works best */
	padding:10px 0px 10px 6px; /* adds a bit of space and can also give some breathing room for background images */
	margin-bottom:10px;
	font-weight:700;
}

#containerWrap h2 {  
	font-size:1.65em; 
	padding:5px 0px 5px 5px;
	margin:0px 0px;
	position:relative;
	left:0px;
}

#containerWrap h3 {  
	font-size:1.3em; 
	padding:3px 0px 0px 3px;
}

#containerWrap h4 {  
	font-size:1.2em; 
	padding:5px 0px 5px 10px;
}

#container ul.nav li {
	/* this can be removed if you don't want separators between nav list elements */
}

#container input, #container select, #container textarea {
	background-color:#FFF !important; /* overrides google toolbar's auto background coloring of common form elements - change to a custom color*/
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #333;
}


#container textarea {
    width:350px;	
}

#containerWrap .radioPair {
   padding:5px 0px;
}

#containerWrap .radioPair input {
   border-style:none;	
}

#containerWrap form .question {
  vertical-align:top;
}

#containerWrap img {
	border: 0px; /* IE fix - since it sometimes draws border around linked images where you don't want them */
}

#containerWrap {
	color:#FFF;
	text-align:left;
	background-color:#333;
	background-image: url(http://discworks.com/themes/general_layout2/images/design2/images/generalHeaderBG.jpg);
	background-repeat: repeat-x;	
	
}

#container {
 
}

/* Header Elements */

#headerLogo {
	width:200px;
	position:relative;
	left:175px;
}

#headerNavWrap {
	width:100%;
	position:relative;
	top:-5px; /* change this to change the nav position */
	left:0px;
}

#headerNav { /* if you want to change the height remember to scale the background image or turn the image off and just color the background*/
	font-weight:700;
}

#headerNav ul {
	position:relative;
    left:120px;
	width:850px;
	overflow:hidden;
}

#headerNav ul li {
	padding: 8px 20px 8px 20px;
	height:75px;
}


#headerNav ul li.first {
	border-left-style: none;
}

#headerNav a {
	text-decoration:none;
	font-size:1.2em;
	padding:0px 0px 33px 0px;
	position:relative;
        top:15px;
        right:5px;
		font-family: 'OblikBoldRegular',Arial,sans-serif;
}

#headerNav a:link, #headerNav a:visited {
	text-decoration:none;
	color:#333;
}

#headerNav a:hover, #headerNav a:active, #headerNav a:focus, #headerNav li .nav-selected {
	text-decoration:none;
	color:#FFF;
	background-image: url(http://discworks.com/themes/general_layout2/images/design2/images/navMarker.png);
	background-repeat: no-repeat;
	background-position: -20px 30px;
}

#callUs {
   float:right;
   position:relative;
   top:-100px;
   right:40px;
}


#callUs h3 {
  color:#FFF;
  font-size:2em;
}


/* footer */
#footer a:link, #footer a:visited {
	text-decoration:underline;
}

#footer a:hover, #footer a:active {
	text-decoration:none;
}


#footerNav ul li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}


/* DIV Background Changes and Hooks */

#headerWrap {
/* change this to change the headerWrap height - make sure to do the math on all elements heights inside or you might have a conflict*/
	background-image: url(http://discworks.com/themes/general_layout2/images/design2/images/headerFullBG.jpg);
	background-repeat: no-repeat;
	background-position: center -18px;
	height:275px;
}

#header {

	 /* change this to change the header height */
	/* to align the site to the left send this elment to the left - float:left */
}


#headerItems form {
	float:right;
	position:relative;
	top:-40px;
	right:20px;
}

#headerItems form h3 {
	color:#333;
    padding-bottom:5px;	
}

#contentWrap {
    padding-top:0px;
}

#myContent {
	clear:both;
/* to align the site to the left send this elment to the left - float:left */
	min-height:700px;
	height:auto !important; /* hack for IE */
	padding-bottom:40px;

}

#primaryContentWrap {
	
}

#primaryContent {
	min-height:600px;
	height:auto !important; /* hack for IE */
	padding-bottom:50px;
}

#secondaryContent1Wrap {
}

#secondaryContent1 h3, #secondaryContent2 h3 {
	font-size:1em;
    padding:5px 0px 5px 5px;
	color:#FFF;
}

#secondaryContent1 h4, #secondaryContent2 h4 {
	font-size: 1.3em;	
}


#secondaryContent1 {

}

#secondaryContent1, #secondaryContent2 {
	padding-top:30px;
	background-image: url(http://discworks.com/themes/general_layout2/images/design2/images/sideBarTitleBG.jpg);
	background-repeat: no-repeat;
	background-position:center -20px;
	color:#FFF;
}

		/* for styling descending tree of sidebar auto-nav nav */

#secondaryContent1 ul.nav li {
	background-image: url(http://discworks.com/themes/general_layout2/images/design2/images/sideNavOffBG.jpg);
	background-repeat: repeat-x;
	background-color:#B3B3B3;

}

#secondaryContent1 ul.nav { 
}

#secondaryContent1 ul.nav li a:link, #secondaryContent1 ul.nav li a:visited  {
	font-family: 'SpringsteelLigRegular',Arial,sans-serif;
	color:#333;

}

#secondaryContent1 ul.nav li a:hover, #secondaryContent1 ul.nav li a:focus, #secondaryContent1 ul.nav li a:active {
    font-family: 'SpringsteelLigRegular',Arial,sans-serif;
	color:#FFF;
}



#secondaryContent1 ul.nav li ul li {
}


#secondaryContent1Wrap {
}
#secondaryContent2Wrap {
	
}

#secondaryContent2 {

}

#footerWrap {
	background-image:url(http://discworks.com/themes/general_layout2/images/design2/images/generalFooterBG.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
	
}

#footer {
	/* to align the site to the left send this elment to the left - float:left */
	background-image:url(http://discworks.com/themes/general_layout2/images/design2/images/footerBG.jpg);
	background-position: -450px top;
	background-repeat:no-repeat;
	padding:20px 0px 10px 0px;
	color:#FFF;
	height:824px;
}

#footerNav a:link, #footerNav a:visited {
    
}

#footerNav {
  width:600px;
  position:relative;
  left:220px;
}

#footerNav p {
   padding:5px 0px;
}

#footerNav {
	border:none;
	font-size:1.1em;
	list-style:none;
}

#footerNav ul li.first {
	border-left-style: none;
} 
#footerNav ul li {
	float:left;
	white-space:nowrap;
	padding: 3px 20px 3px 20px;
}

#footerEnd a {
 
}


/* home page - most of these are modified throught the actual home.css */

#welcomeArea, #newsArea, #adArea {
	
}

#choiceOne, #choiceTwo, #choiceThree {
   
}

#mediaOne, #mediaTwo {
	
}


/* expandable block */

#container .expandableTitle {
      font-size:1.2em;
      font-weight:700;
      padding:5px 0px 5px 20px;
      margin-bottom:10px;
      background-color:#666;
}

#container .expandableTitle a:link,#container .expandableTitle a:visited  {
	color:#FFF;
        text-decoration:none;
}

#container .expandableTitle a:hover, #container .expandableTitle a:active, #container .expandableTitle a:focus {
	color:#F90;
        text-decoration:none;
}

/* handy styles for Tiny MCE content editor */

#primaryContent .myBorder, #primaryContent .padImageLeft,  #primaryContent .padImageRight, #primaryContent .brclear {
	
}

/* actual application of classes to tags */

#container span.padImageLeft img{
	/* gives a image some breathing room - doesn't actually show up in the text editor however but it does in the Concrete5 editor */
	padding:0px 0px 0px 10px;
}

#container span.padImageRight img {
	/* gives a image some breathing room - doesn't actually show up in the text editor however but it does in the Concrete5 editor */
	padding:0px 10px 0px 0px;
}

#container span.brclear div {
	/* helps resolve floated element conflicts */
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
	margin:0;
}


#primaryContent span.myBorder img {
  border: solid 5px #CCC;
}

/* Blog add on overrides and styling */

#myContent ul.ccm-blog-archive-list li {
	margin-top:15px;
}

#myContent ul.ccm-blog-archive-list ul {
	margin-bottom:15px;
}

#myContent .guestBook-formBlock label {
        padding:10px 0px;
}

#myContent .ccm-blog-post-suffix {
        padding:20px 0px;
}

#myContent .ccm-blog-list-content h1 {
          display:none;
          visibility:hidden;
}

#myContent h2 a:link, #myContent h2 a:visited, #myContent h2 a:focus, #myContent h2 a:hover, #myContent h2 a:hover {
 color:#FFF;
 text-decoration:none;
}

/* gallery overrides and tweaks */

#primaryContent .ccm-gallery-wrap {
background-color:#FFF;
padding:20px;
border: 5px solid #CCC;
}


#lightbox-container-image-box {
	border-top-width: 5px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #47C3D3;
	border-right-color: #47C3D3;
	border-left-color: #47C3D3;
}

#lightbox-container-image-data-box {
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #47C3D3;
	border-bottom-color: #47C3D3;
	border-left-color: #47C3D3;
}

#lightbox-image-details-caption {
	color:#369;
}

/* C5 slideshow mod */

#containerWrap .ccm-SlideshowBlock-display {
   background-color:#FFF;
   border: solid 5px #CCC;
}

/* turn offs */

/*use these to "turn off/hide" via css different website elements that you don't want displayed, like perhaps the logo or logo text. 
  it doesn't actually get rid of them (you'd have to go into the actual php to do so) but it does hide them from view in almost all browsers.
*/


#someID, #logoText /* #headerLogo, #headerLogo img */{
   display:none;
   visibility:hidden;
}