/*  
Theme Name: Magnetic North
Theme URI: http://klevo.sk/
Description: The default Magnetic North theme.
Version: 1.0
Author: Jen Gordon, Robert Starsi
Author URI: http://klevo.sk/
*/

/* Basics */

html, body {
    margin: 0; padding: 0;
	height: 100%;
}

html {
    background: url(images/bg.gif) repeat;
	font: 0.75em/1.83em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2f2f2f;
}

body {
    background: url(images/top_bg.gif) repeat-x;
}

hr {
    display: none;
}

/* Links */

a {
    color: #e06900;
	text-decoration: none;
}

    a:hover {
	   color: #00afef;
       text-decoration: underline;
	}
	
	a:visited {
	   color: #e06900;
	}
	
	a:focus {
	   outline: none;
	   border: none;
	}

/* Headings */

h1, h2, h3, h4, h5, h6 {
    font-family: "Times New Roman", Times, serif;
	margin-left: -7px;
	font-weight: normal;
}

h1 {
    margin: 0;
}

h2 {
    font-size: 2em;
    margin: 0.88em 0;
    line-height: 1.0em;
}

/* Header */

#header {
    background: url(images/header.jpg) no-repeat;
	height: 244px;
	overflow: hidden;
}

#header-default {
	background: url(images/header-default.jpg) 310px 66px no-repeat;
    width: 100%;
    height: 100%;
}
    
#header-services {
	background: url(images/h-services.jpg) 310px 66px no-repeat;
	width: 100%;
	height: 100%;
}

#header-industries {
	background: url(images/h-industries.jpg) 310px 66px no-repeat;
	width: 100%;
	height: 100%;
}

#header-solutions {
	background: url(images/h-solutions.jpg) 310px 66px no-repeat;
	width: 100%;
	height: 100%;
}

#header-why-it-global-service {
	background: url(images/h-why-it-global-service.jpg) 310px 66px no-repeat;
	width: 100%;
	height: 100%;
}

#header-about-us {
    background: url(images/h-about-us.jpg) 310px 66px no-repeat;
    width: 100%;
    height: 100%;
}

#title a {
    display: block;
    width: 270px;
	height: 100px;
	position: relative;
	top: 12px;
	left: 39px;
}

    #title span {
	   position: absolute;
	   top: -50em;
	}
	
#secondary_nav {
    position: absolute;
	top: 15px;
	right: 20px;
	margin: 0; padding: 0;
	font-size: 0.75em;
	text-transform: uppercase;
}

    #secondary_nav li {
	   float: left;
	   list-style: none;
	}
	
	#secondary_nav a {
	   display: block;
	   padding: 0 1em;
	   line-height: 1em;
	   border-right: 1px solid #bfbfbf;
	}
	
	   #secondary_nav a:hover, #secondary_nav .current a:hover {
	       color: #e04a00;
	   }
	   
       #secondary_nav .current a {
           color: #016a93;
       }
	
	   #secondary_nav .last a {
	       border-right: none;
	   }

#primary_nav {
    margin: 0; padding: 0;
    position: absolute;
	top: 39px;
	left: 310px;
	width: 504px;
	height: 30px;
	overflow: hidden;
	background: #606060;
}

	#primary_nav li {
		list-style: none;
		float: left;
	}
	
	#primary_nav a {
        display: block;
        height: 30px;
        background-image: url(images/menu.gif);
        background-repeat: no-repeat;
	}
	
		#primary_nav a span {
			position: absolute;
			top: -50em;
		}
	
	#services {
        width: 97px;
        background-position: 0 0;
	}
	
        #services:hover, .current #services:hover {
		    background-position: 0 -30px;
		}
		
		.current #services {
            background-position: 0 -60px;
		}

	#industries {
        width: 105px;
        background-position: -97px 0;
	}
	
        #industries:hover, .current #industries:hover {
		    background-position: -97px -30px;
		}
		
		.current #industries {
            background-position: -97px -60px;
		}

	#solutions {
        width: 101px;
        background-position: -202px 0;
	}
	
        #solutions:hover, .current #solutions:hover {
		    background-position: -202px -30px;
		}
		
		.current #solutions {
            background-position: -202px -60px;
		}

	#why-it-global-service {
        width: 92px;
        background-position: -303px 0;
	}
	
        #why-it-global-service:hover, .current #why-it-global-service:hover {
		    background-position: -303px -30px;
		}
		
		.current #why-it-global-service {
            background-position: -303px -60px;
		}

	#about-us {
        width: 109px;
        background-position: -395px 0;
	}
	
        #about-us:hover, .current #about-us:hover {
		    background-position: -395px -30px;
		}
		
		.current #about-us {
            background-position: -395px -60px;
		}


/* Wrap & content */

#wrap {
    width: 827px;
	margin: 0 auto;
	background: url(images/wrap_bg.gif) repeat-y;
	position: relative;
    min-height: 100%;
}

#content {
    float: right;
	width: 445px;
	padding: 20px 40px 20px 30px;
	position: relative;
}

    #content h2 {
	   color: #e04a00;
	}
	
#breadcrumb {
	width: 449px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: .4em;
	margin: 0 0 1em 0;
}

/* Sidebar */

#sidebar {
    margin: 0;
    padding: 23px 20px 20px 70px;
    float: left;
	width: 212px;
}

    #sidebar li {
	   list-style: none;
	}

    #sidebar h3 {
	   color: #14a4d9;
	   font-size: 1.67em;
	   margin: 1em 0 0 -7px;
	}

/* Footer */

#footer {
    clear: both;
	overflow: hidden;
	padding: 2em 0 0 0;
    font-size: 0.92em;
}

    #footer address {
	   line-height: 1.82em;
	   font-style: normal;
	   float: left;
	   width: 177px;
	   border-top: 1px solid #c3e1ed;
	   margin-left: 65px;
	   padding: 1em 20px;
	}
	
#footer_right {
    float: right;
	width: 455px;
    padding: 0 30px;
}

#footer_nav {
    margin: 0;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	overflow: hidden;
	padding: 10px 0;
	text-transform: lowercase;
}

    #footer_nav li {
	   float: left;
	   list-style: none;
	}
	
	#footer_nav a {
	   color: #14a4d9;
	   display: block;
	   padding: 0;
	   margin: 0 3em 0 0;
	   width: 5em;
	   white-space: nowrap;
	}
	
	   html body #footer_nav a:hover {
	       color: #e06900;
	   }

#copy {
    clear: both;
	padding-bottom: 2em;
}	

em {
	color: #14a4d9;
	font-style: normal;
}

/* Subpages */

.subpages_nav ul {
    margin: 0; padding: 0;
}

    .subpages_nav a {
	   height: 1%;
	   display: block;
	   padding: .5em 0;
	   border-bottom: 1px solid #c3e1ed;
	}
	
		.subpages_nav .current a {
		   font-weight: bold;
		   color: #000;
		}
	   
		.subpages_nav .current ul a {
            color: #e06900;
			font-weight: normal;
		}
	
			.subpages_nav ul ul li a {
			   padding-left: 1em;
			   background: url(images/bullet.jpg) left center no-repeat;
			}

/* Contact from */

fieldset {
	border: none;
	margin: 0; padding: .5em;
	background: #eee;
}

    #commentform input,
    #commentform textarea {
        width: 60%;
        padding: 2px;
    }
    
    #commentform input {
    }
    
    #commentform textarea {
        height: 12em;
        width: 80%;
    }

    #commentform #cf_submit {
        width: auto;
        padding: 2px;
        height: auto;
        clear: both;
        margin-top: 1em;
    }
    
    #commentform label {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        width: 6em;
    }
    
    #commentform p {
        padding: .5em;
        margin: 0;
        overflow: hidden;
        clear: both;
    }
    
.req {
    color: #b81938;
}

#commentform label.error {
    width: 20em;
    color: #b81938;
    font-size: .857em;
    margin: 0 0 0 7em;
}