/*
Theme Name:     Customized
Description:    
Author:         GetNetSet
Author URI:     http://www.getnetset.com
Template:       twentytwelve
Version:        5.1.3
*/




/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
    padding: 5px 0;
    padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
    font-size: 16px
    font-size: 1.142857143rem; (16 / $rembase)
    line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
    margin: 24px 0;
    margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/

/* Scale logo */
.lefttd img {
	max-width: 100%; 
}

/* Adjust portal password field to line up */
div.entry-content div.password input[type="password"] {
margin-left: 7px;
}


/* =Buttons
-------------------------------------------------------------- */


.button_link {
border:1px solid #111;
margin:5px 10px 5px 0;
display:inline-block;
letter-spacing:1px;
padding:10px 30px;
line-height:15px;
font-size:14px;
color:#f8f8f8;
}
.button_link:hover {text-decoration:none!important;}
.button_link a:hover {cursor:pointer;}
.small_button{line-height:10px;font-size:10px;padding:8px 15px 7px;}
.large_button{font-size:18px;padding:15px 40px;}

.button_link{
text-shadow:0 -1px 0 rgba(0,0,0,0.2),0 1px 1px rgba(255,255,255,0.4);
border:1px solid transparent!important;
}
.button_link{padding:0 25px;height:38px;line-height:38px;}
.small_button{height:26px;line-height:26px;padding:0 17px;}
.large_button{height:50px;line-height:50px;padding:0 25px;text-transform:none;}

.button_link {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3),1px 0 0 rgba(255,255,255,0.1) inset,-1px 0 0 rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.3) inset;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3),1px 0 0 rgba(255,255,255,0.1) inset,-1px 0 0 rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.3) inset;
box-shadow:0 1px 1px rgba(0,0,0,0.3),1px 0 0 rgba(255,255,255,0.1) inset,-1px 0 0 rgba(255,255,255,0.1) inset,0 1px 0 rgba(255,255,255,0.3) inset;
}





/* =Text
-------------------------------------------------------------- */

/* Footer widget area styling */

footer[role="contentinfo"] {
line-height: 1.5;
}

footer aside {
margin-bottom: 15px;
}

/* Newsletter title styling - Natalie */
h2.entry-title {
	font-size: 18px;
	font-size: 1.285714285rem;
	margin-top: 50px;
	margin-bottom: 10px;
}



/* Enlarge main menu text size slightly - Natalie */
.main-navigation li ul li a,
.main-navigation li {
	font-size: 14px;
	font-size: 1rem;
}

/* Enlarge dropdown menu text size slightly  - Natalie */
.main-navigation li ul li a {
	font-size: 13px;
	font-size: 0.928571428rem;
	width: 180px;
	width: 12.857142857rem;
	z-index: 999;
}

/* Make table links same size  - Natalie  */
.entry-content table, .comment-content table {
	font-size: 14px;
	font-size: 1rem;
	line-height: 2;
}

/* Style archive (newsletter/blog) lists */
ul.catArchive {
	list-style-type:disc;
	margin-left: 50px;
}

ul.catArchive li {
	line-height: 40px;
	font-size: 15px;
	font-size: 1.071428571rem;
}



/* =Header
-------------------------------------------------------------- */


/* Add a little color to top and bottom */

	body {
		padding-bottom: 10px;
	}


/* Prevent menu from showing behind slider  */
	.main-navigation {
		z-index: 999;
		/* IE 7 */
		position: relative;
	}

	div.top {
		text-align: center;
	}

/* Remove bottom margin on default slider theme */ 
	.theme-default .nivoSlider {
		margin-bottom: 0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}

.nivoslider img {
height: auto!important;
}


/* Turn off image shadow */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
box-shadow: none;
}


/* ------- Columns universal / small ------- */
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth
{ 
margin: 0 3% 3% 0 !important;
border-right: 1px solid #CCC;
}


.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth {
float: none;
width: 100% !important;
}

.last_column{ margin-right:0 !important; clear:right; border: none;}

.one_half p,
.one_third p,
.two_third p,
.three_fourth p,
.one_fourth p,
.one_fifth p,
.two_fifth p,
.three_fifth p,
.four_fifth p,
.one_sixth p,
.five_sixth p { 
padding-right: 4% !important;
padding-left: 4% !important;
margin-top: 24px; /* Matches default margin bottom on <p> for theme - this top margin colapses with default bottom margin so that multiple <p> don't have a huge space */
margin-top: 1.714285714rem;
overflow: visible;
}




	

	.site-header table.headertbl {
		width: 100%;
	}

	/* All logo types should scale */
	.tdleft div img {
	max-width: 100%;
	}
	
	
	/* Set width for logos we provide */
	.tdleft img.internallogo, .midtd img.internallogo {
		height: 50px;
	}
	
	.tdleft, .tdmiddle, .tdright {
	width: 100%;
	display:block;
	text-align: center;
	}
	
	.tdright h2.line1,
	.tdright h2.line2
	{white-space: nowrap; }
	
	/* Scale logo */
	.tdleft img {
		max-width: 100%;
	}
	
.main-navigation li {
margin-top: 0;
}



/* Minimum width of 801 pixels.
 * Show logo and phone number side by side only above iPad sizes
*/
@media screen and (min-width: 801px) {

	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	
	
	/* Cancel out 100% width set for mobile */
	.tdleft, .tdmiddle {
	width: auto;
	}

	/* Header Structure */
	.tdright {
		width:100%;
		text-align: right;
	}
	
	

	/* Prevent the image from scaling in full width due to td width issues */
	.tdleft img {
		max-width: none!important;
	}


	.tdleft img {
		margin-right: 10px;
	}

	.tdleft, .tdmiddle, .tdright {
		vertical-align: middle;
		display: table-cell;
	}
	
	/* Needs to be in a span for nowrap to work in IE7 */
	.tdmiddle h1, .tdmiddle h2 {
			white-space:nowrap;
	}

	.tdright h2 {
	text-align: right;
	}





	footer#colophon {
		max-width: 100%;
	}


	div.top {
		position: relative;
		overflow:auto; 
	}
	
	
}

/* =Media queries - SHOULD BE IN /CSS/IE.CSS AS WELL
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {


#outer {
    overflow: hidden;/* Makes #outer contain its floated children */
    width: auto;

    /* Colours and borders for illustration purposes */
    border: solid 3px #666;
    background: #ddd;
}

#inner1 {
    float: left;/* Make this div as wide as its contents */

    /* Colours and borders for illustration purposes */
    border: solid 3px #c00;
    background: #fdd;
}

#inner2 {
    overflow: hidden;/* Make this div take up the rest of the horizontal space, and no more */

    /* Colours and borders for illustration purposes */
    border: solid 3px #00c;
    background: #ddf;
    text-align: right;
    white-space: nowrap;
}




	/* Adjust widths */
	.site-content {
		width: 71.1%;
	}

	.widget-area {
		width: 27.04%;
	}

	
	/* Turn off margin on pages */
	.site-content article {
	margin-bottom: 0px;
	}

		
	/* Disable footer links (Edit) */
	footer.entry-meta {
	display: none;
	}
	
	
	/* Columns */
	.one_half{ width:48% !important; }
	.one_third{ width:30.66% !important; }
	.two_third{ width:65.33% !important; }
	.one_fourth{ width:22% !important; }
	.three_fourth{ width:74% !important; }
	.one_fifth{ width:16.8% !important; }
	.two_fifth{ width:37.6% !important; }
	.three_fifth{ width:58.4% !important; }
	.four_fifth{ width:67.2% !important; }
	.one_sixth{ width:13.33% !important; }
	.five_sixth{ width:82.67% !important; }

	.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth {
	float: left;
	}





	/* Keep Widget Input Boxes Fitting */
	.widget-area .widget .textwidget input {
		max-width: 90%;
	}


	/* Turn off padding on site header and move to div.top - Aaron */
	.site-header {
		padding: 0;
	}

	div.top {
		padding: 24px;
	}

	
    /* Turn off default menu margins - Aaron */
	.main-navigation li {
		margin: 0;
	}

    /* Switch to new menu padding - Aaron */
	.main-navigation li a {
		padding: 0 15px;
	}

    /* Turn off default top margin of site - Aaron */
	body .site {
		margin-top: 0px; /* Could be 0 but set to 4px for a little color at the top - Aaron EDIT: Natalie */
		overflow: visible; /* Prevent menu dropdowns from being cutoff */
	}
	
	/* Turn off top margin of menu - Not appropriate when slider is above menu  - Aaron */
	.main-navigation {
		margin-top: 0;
	}
        
		
	/* Remove border - Aaron */
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		border: none;
	}

	
	
	.main-navigation li ul li a {
		line-height: 1.5;
	}
	
	.main-navigation li a {
		line-height: 2.5;
	}

	
	



	/* Make fluid */
     /* Turn off default padded outsides - Craig */
	body .site,
	.site
	{
		padding: 0;
	}

	
	/* Contain everything else  - Craig */
	.nav-menu,
	.wrapper,
	.slider-wrapper,
	.site-info,
	div.top
	{
		margin: 0 auto;
		max-width: 1440px;
	}
	

	/* Switch to new padded insides  - Craig */ 

	#main 
	{
		padding: 0 24px;
	}

	footer#colophon 
	{
		padding: 24px;
	}
		




    /* Clean up widget style */
	.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
		font-size: 15px;
		font-size: 1.071428571rem;
		line-height: 2.181818182;
		font-weight: normal;
		text-transform: capitalize;
		border-bottom: solid 1px #efefef;
	}

	.widget-area .widget h3 {
		margin-bottom: 12px;
		margin-bottom: 0.857142857rem;
	}


    div.top {
        text-align: left;
		display: block; /* Copied from parent theme when switching from hgroup to div.top */
    }

	/* Turn off lines between menu items */
	.main-navigation li ul li a {
	border: none;
	}
	
	
	
	

} /* Closing for media queries 600 px */