/* HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure, time, canvas, details, figcaption, hgroup, menu, summary {
	display: block;
}
/* ---------------------------------------------- Fonts ------------------------------------------------- */

@font-face {
    font-family: 'odstemplikRegular';
    src: url('odstemplik-webfont.eot');
    src: url('odstemplik-webfont.eot?#iefix') format('embedded-opentype'),
         url('odstemplik-webfont.woff') format('woff'),
         url('odstemplik-webfont.ttf') format('truetype'),
         url('odstemplik-webfont.svg#odstemplikRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'odstemplikBold';
    src: url('odstemplikbold-webfont.eot');
    src: url('odstemplikbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('odstemplikbold-webfont.woff') format('woff'),
         url('odstemplikbold-webfont.ttf') format('truetype'),
         url('odstemplikbold-webfont.svg#odstemplikBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*     'PopplLaudatioBold'     'PopplLaudatioRegular'    'PopplLaudatioRoman'   'BertholdScriptMedium'   'BertholdScriptRegular'  'FrutigerNormalRegular'    */

/*    dk yellow - e4e879   lt yellow - ededbb    cream - f4f1ec  teal - 99e0df      */

/* --------------------------------------------- Global ------------------------------------------------- */
*{
    margin:0;
    padding:0;
}

body { font-family:'BertholdScriptRegular'; font-size: 1em; margin:0px; background-color:#FFF;
background-image:url(../images/background-stripe_2.png);
	background-attachment:		fixed;
}

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

img { border:0px;	}

h1 { font-size:5.5em; font-family:'odstemplikRegular'; color:#000; margin:-10px 0px -20px 20px; }

h2 { font-family:'FrutigerNormalRegular'; font-size:1.2em; color:#666; padding:10px 0px 10px 40px; }

p { font-family:Verdana, Geneva, sans-serif; font-size:.96em; line-height:1.5em; color:#666; margin:20px 0px 0px 40px; width:760px; }

ul { list-style:circle; margin:0px 0px 0px 50px; font-family:Verdana, Geneva, sans-serif; font-size:.95em; color:#666; }

li { margin-left:20px; line-height:1.5em; }



/* --------------------------------------------------- Header z 4 ------------------------------------------------- */
header {
	position:fixed;
	margin:0px 0px 0px 0px;
	}
#bar {
	position:fixed;
	top:0px;
	left:0px;
	min-height:17px;
	background-color:#000;
	display:block;
	width:100%;
	z-index:410;
}

header img {
	position:fixed;
}

#logo {
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
	opacity:0.7;
	-webkit-opacity:0.7;
	-moz-opacity:0.7;
	margin-top:25px;
	margin-left:25px;
}

#logo img {
	background-color:#fff;
	box-shadow: 1px 1px 155px #a4baba;
	-moz-box-shadow: 1px 1px 155px #a4baba;
	-webkit-box-shadow: 1px 1px 155px #a4baba;
	padding:5px;
	border-bottom-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-top-right-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
}

#content {
	z-index:500;
}

/* ------------------------------------------------------ Nav z 3 ------------------------------------------------- */

nav {
	position:fixed;
	margin-left:-44px;
	top:170px;
	z-index:20;
	
}

nav a {
	color:#219090;
	display:block;
	box-shadow: 1px 1px 10px #D1D3D4;
	-moz-box-shadow: 1px 1px 10px #D1D3D4;
	-webkit-box-shadow: 1px 1px 10px #D1D3D4;
	padding:0px 20px 0px 20px;
	margin-bottom:10px;
}

nav a:hover, a:focus  {	
		box-shadow: 5px 5px 30px #e4e879;
		-moz-box-shadow: 5px 5px 30px #e4e879;
		-webkit-box-shadow: 5px 5px 30px #e4e879;
}


nav ul {
	list-style:none;
	background-color:#fff;
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	}


nav li {
	line-height:25px;
	background-color:#fff;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-right-radius:5px;
}


/* -------------------------------------------- Sections/Pages ------------------------------------------------- */



section {
    margin:70px 0px 0px 170px;
	float:left;
	text-shadow:1px 1px 2px #f0f0f0;
	min-width:920px;
	background-color:#FFF;box-shadow: 1px 1px 5px #666;
	-moz-box-shadow:  1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 5px #666;
}

.paper {
	margin-top:-20px;
	clear:both;
}

#intro h1 {
	font-size:4.4em;
	color:#e7567d;
	margin:-30px 0px 0px 10px;
}
#intro h1 .small {
	font-size:.43em;
	color:#ef7898;
}

#intro p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.07em;
	font-style:italic;
	color:#ef7898;
	width:850px;
	line-height:1.9em;
	margin:0px 0px 10px 30px;
	padding-bottom:0px;
	clear:both;
	letter-spacing:.05em;
}

.home {
}

/*d9e021
24bebc
90d4d5*/

/* -------------------------- Alternating Sections --------------------------------- */

.home {
		padding-top:38px;
		height:200px;
		box-shadow: 5px 5px 10px #D1D3D4;
		-moz-box-shadow: 5px 5px 10px #D1D3D4;
		-webkit-box-shadow: 1px 1px 10px #D1D3D4;
}


.introd {
	    height:140px;
}

.work {
	    height:1130px;
}


.services {
	    height:600px;
}

.clients {	
	    height:590px;
}

.about {	
	    height:870px;
}

.contactus {
	height:470px;
	margin-bottom:30px;
}
.work h1 {
	color:#e7567d;
}

.services h1{
	color:#e7567d;
}

.clients h1{
	color:#e7567d;
}

.about h1  {
	color:#e7567d;
}

.contactus h1{
	color:#e7567d;
}





.left {
	    height:1000px;
}




.right {
	    height:1000px;

}

/* -------------------------- Portfolio Divs --------------------------------- */

#portfolio1 {
	float:left;
	margin:15px 30px 0px 40px;
	width:250px;
}

#portfolio2 {
	float:left;
	margin:0px 30px 0px 0px;
	width:250px;
}
#portfolio3 {
	float:left;
	margin:15px 30px 0px 0px;
	width:250px;
}

.portfolio {
	margin-bottom:15px;
	color: #000;
	box-shadow: 1px 1px 5px #666;
	-moz-box-shadow:  1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 5px #666;
}

.portfolio a:hover {
	margin-bottom:15px;
	color: #000;
	box-shadow: 1px 1px 3px #fff;
}

/* -------------------------- Client Logos --------------------------------- */

table {
	margin:0px 0px 0px 40px;
	width:800px;
}

img .tclient {
	margin: 0px auto;
}
img .tclient2 {
	margin: 0px auto;
}


/* -------------------------- Contact Form --------------------------------- */

.contactus form {
	font-family:'odstemplikRegular';
	font-size:1.7em;
	height:230px;
	color:#333;
	margin-bottom:20px;
	padding-bottom:60px;
	margin-top:30px;
}

section .contactus {
	margin-bottom:50px;
}

.periods {
	font-size:120px;
	color:#999;
}

.periods2 {
	font-size:120px;
	color:#999;
}

.periods3 {
	font-size:120px;
	color:#999;
}

.periods4 {
	font-size:120px;
	color:#999;
}

.periods5 {
	font-size:120px;
	color:#999;
}

.separator {
	clear:both;
	padding:80px 0px 10px 320px;
}
/* ------------------------------------------------ Footer ------------------------------------------------- */

footer {
	display:block;
	width:100%;
}

footer img {
	position:relative;
	bottom:0px;
	float:right;
	margin-right:0px;
}

#links {
	height:100px;
	background-color:#000;
	clear:both;
}