/* CSS Templage Page for http://www.ronnybull.com  by Ronny L. Bull */

/* Clear browser defaults */
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {

	margin: 0px;
	padding: 0px;				
        border: 0px;

}

.clear:after {
 	content: "";
   	display: block;
   	clear: both;

}

/* Set body default font and background gradient image */
body {

    	font-family: Arial, Helvetica, sans-serif;
    	background: #fff url(../assets/img/site/fbg.png) repeat-x;
	text-align: center;

}

/* Set the container div to have a fixed width of 780pixles */
#container {

    	width: 780px;
    	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

/* Set the header space to 144 pixels high */
#header {

    	height: 144px;
    	padding: 0 0 0 0;

}

/* Create a image block to hold the header image */
#header {

	display: block;
    	width: 780px;
    	height: 144px;
    	background: url(../assets/img/site/header.jpeg);

}

/* Set the margin and remove the bullets for topnav1 */
#header ul#topnav1 {

	float: left;
	list-style: none;
	margin: 105px 0 0 0;

}

/* Set the li spacing and padding for topnav1 */
	#header ul#topnav1 li {

        	float: left;
        	padding: 0 0 0 42px;
        	margin: 0 12px 0 0;

    	}	

/* Set the background for topnav1 */
		#header ul#topnav1 li:first-child {

        	     background: none;

        	}

/* Set the font size, color and decoration of topnav1 hyperlinks */
			 #header ul#topnav1 a {	

            			font-size: 16px;
            			color: #ededed;
            			text-decoration: none;

        		 }	

/* Set the color of topnav1 hover and active links */
				 #header ul#topnav1 li a:hover, #header ul#topnav1 a.active {

       				        color: #454545;

           			 }

/* Set the margin and remove the bullets for topnav2 */
#header ul#topnav2 {

	float: left;
        list-style: none;
        margin: 105px 0 0 0;

}

/* Set the li spacing and padding for topnav2 */
 	#header ul#topnav2 li {

 		float: left;
 	        padding: 0 0 0 32px;
 	        margin: 0 14px 0 0;
	
        }

/* Set the background for topnav2 */
		#header ul#topnav2 li:first-child {

            		background: none;

        	}

/* Set the font size, color and decoration of topnav2 hyperlinks */
			#header ul#topnav2 a {

		                font-size: 16px;
            			color: #ededed;
            			text-decoration: none;

        		}

/* Set the color of topnav2 hover and active links */
				#header ul#topnav2 li a:hover, #header ul#topnav2 a.active {

               				color: #454545;

           			}

/* Set sidebar location and background color */
#sidebar {

	position: absolute;
	display: block;
	top: 144px;
	height: 856px;
	width: 200px;
	background: #232323;
		
}

/* Setup image block to hold navigation image */
#navigation {

        display: block;
    	width: 199px;
    	height: 236px;
    	background: url(../assets/img/site/navbar.jpeg);
	position: absolute;

}

/* Setup location and text alignment of sidnav list, remove bullets */
#navigation ul#sidenav {

        position: absolute;
        list-style: none;
        margin: -8px 0 0 55px;
	text-align: center;

}

/* Setup sidnav li padding */
	#navigation ul#sidenav li {

	       padding: 0 0 0 0;
	       margin: 15px 0 0 0;

	}

/*  Setup sidenav li background */
		#navigation ul#sidenav li:first-child { 
  
      			 background: none;

  		}

/*  Set sidnav hyperlink font color, size, and decoration*/
			#navigation ul#sidenav a {

			       font-size: 21px; 
			       color: #454545; 
 			       text-decoration: none;

			}

/*  Set sidnav li hyperlink hover and active color*/
				#navigation ul#sidenav li a:hover, #navigation ul#sidenav a.active {

				         color: #0276cf;

				}

/*  Setup image block for certs image*/
#certs {
	
	position: absolute;
	margin: 460px 0 0 0;
	display: block;
	width: 199px;
    	height: 380px;
    	background: url(../assets/img/site/certs.jpeg);
	/* float: left; */
       
}

/* Setup Main div location */
#main {

	padding-right: 0;
	padding-left: 200px;
	height: 856px;
	background-color: #EDEDED;

}

/* Setup image block for mainimg image */
#mainimg {

	display: block;
    	width: 580px;
    	height: 218px;
    	background: url(../assets/img/site/keys.jpeg);
	float: left;

}

/* Set location for maincontent div */
#maincontent {

	z-index: 100;
	min-width: 559px;
	padding: 10px;

}

/* Set maincontent h3 font properties */
	#maincontent h3 {

	        color: #0276cf;
 	        font-size: 25px;
     		line-height: 28px;	
     		margin: 0 0 25px 0px;

	}

/* Set maincontent p font properties */
	#maincontent p {

     		color: #454545;
     		font-size: 16px;
     		line-height: 18px;
     		margin: 0 10px 20px 20px;

	}

/* Set maincontent a font properties */
	#maincontent a {

        	 color: #0276cf;
         	 text-decoration: none;
 
    	}

/* Set maincontent hover and active font properties */
        #maincontent a:hover, #maincontent a.active {

        	 color: #6d6d6d;
            	 text-decoration: none;

        }

/* Setup location and text alignment of services list, remove bullets */
#maincontent ul#services {

        list-style: square;
        margin: 0 0 20px 35px;
	
}

/* Setup services li padding */
	#maincontent ul#services li {

	       padding: 0 0 0 0;
	       margin: 0 0 5px 0;
	       color: #454545;
	       font-size: 16px;
	       
	}

/*  Setup services li background */
		#maincontent ul#services li:first-child { 
  
      			 background: none;
			
  		}

/*  Set services hyperlink font color, size, and decoration*/
			#maincontent ul#services a {

			       font-size: 16px; 
			       color: #0276cf; 
 			       text-decoration: none;

			}

/*  Set services li hyperlink hover and active color*/
				#maincontent ul#services li a:hover, #maincontent ul#services a.active {

				         color: #6d6d6d;

				}

/* Setup location and text alignment of links list*/
#maincontent ul#links {

        list-style: square;
        margin: 0 0 20px 35px;
	
}

/* Setup links li padding */
	#maincontent ul#links li {

	       padding: 0 0 0 0;
	       margin: 0 0 2px 0;
	       color: #454545;
	       font-size: 16px;
	       
	}

/*  Setup links li background */
		#maincontent ul#links li:first-child { 
  
      			 background: none;
			
  		}

/*  Set links hyperlink font color, size, and decoration*/
			#maincontent ul#links a {

			       font-size: 16px; 
			       color: #0276cf; 
 			       text-decoration: none;

			}

/*  Set linksli hyperlink hover and active color*/
				#maincontent ul#links li a:hover, #maincontent ul#links a.active {

				         color: #6d6d6d;

				}

/* Set the contact form location */
#contact {

	float: left;
	margin: 0 0 0 20px;

}

/* Set the google voice widgit location */
#gvoice {

	position: absolute;
	margin: 15px 0 0 285px;

}

/* Set the resume password input location */
#password {

	float: left;
	margin: 0 0 0 20px;

}

/* Set footer image and location */
#footer {

	padding-left: 295px;
	background: url(../assets/img/site/footer.jpeg);
	
}

/* Set footer p font properties */
	#footer p {

     		color: #ededed;
     		font-size: 12px;
     		line-height: 18px;
     		
	}

/* Set footer a font properties */
	#footer a {

        	 color: #ededed;
         	 text-decoration: none;
 
    	}

/* Set footer hover and active font properties */
        #footer a:hover, #footer a.active {

        	 color: #454545;
            	 text-decoration: none;

        }

/* End of File - Code by: Ronny L. Bull */