/* -------------------------------------------------------*/
/* ------------------->>> CONTENTS <<<--------------------*/
/* -------------------------------------------------------*/

/*  1. GLOBAL */
/*  2. STYLES */
/*  3. LINKS */
/*  4. HEADER */
/*  5. MENU */
/*  6. SUBMENU */
/*  7. PORTFOLIO */
/*  8. ARROWS */
/*  9. NEWS */
/* 10. FOOTER */

/* -------------------------------------------------------*/
/* ------------------->>> 1. GLOBAL <<<-------------------*/
/* -------------------------------------------------------*/

/* zero out margins, padding, etc */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* this removes the link outlining */
:-moz-any-link:focus {
  outline: none;
}
:focus {
	outline: 0;
}

/* this removes default list styles */
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* zero out quotes */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------------------------------------------------*/
/* ------------------>>> 2. STYLES <<<--------------------*/
/* -------------------------------------------------------*/

/* body styles */
body {
	width: 100%; /* must check this */
	background: white; /* the background color of the entire body */
	line-height: 1; /* must check this */
}

/* body font - This makes one em roughly ten pixels (16 x 62.5% = 10). Now you can equate pixel sizes to ems. For example, type that is set in 12 pixels could be expressed as 1.2em; 9 pixels becomes 0.9em and so on.*/
body {
	font-size: 62.5%;
	font-size-adjust: none;
	font-weight: normal;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 1.8em;
	font-size-adjust: none;
	color: #000000; /* main body font color */
}

/* header & img styles */

h1 {
	font-size: 4.6em;
	font-weight: 200;
	line-height: 1.35em;
	margin-left: 20px;
}

p{
	font-size: 1.4em;
	line-height: 1.9em;
}



img {
	 border: none; 
}

/* -------------------------------------------------------*/
/* ------------------>>> 3. LINKS <<<---------------------*/
/* -------------------------------------------------------*/

/* standard colors and order for the links */

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #8b0000;
	text-decoration: none;
}

a:active {
	color: #8b0000;
	text-decoration: none;
}

#postersBtn {
	color: #8b0000;
}

/* -------------------------------------------------------*/
/* ------------------>>> 4. HEADER <<<--------------------*/
/* -------------------------------------------------------*/

#slider_prev {
	background: transparent url('images/arrowRight.png') no-repeat top center;	
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 410px;
	z-index: 800;
}

#slider_next {
	background: transparent url('images/arrowLeft.png') no-repeat top center;	
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;	
	top: 410px;
	z-index: 800;
}

#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	position: relative;
}


#menu {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;/* added for IE7 */
	position: relative;
}

#menu a {
	font-size: 1.4em;
	letter-spacing: 1px;
}

#menuLeft a {
	letter-spacing: 4px;
}

/* logo */

#logo {
	height: 109px;
	width: 648px;
	position: absolute;
	top: 25px;
	left: 10px;
	overflow: visible;/* added for IE7 */	
}

#menuLeft {
	position: absolute;
	top: 75px;
	left: 240px;
	overflow: visible;/* added for IE7 */
}

#menuRight {
	position: absolute;
	top: 75px;
	right: 20px;
	overflow: visible;/* added for IE7 */
}

#menuRight ul li {
	overflow: visible;/* added for IE7 */
	float: right;
	margin-left: 13px;
}

.redThinline {
	width: 940px;
	height: 2px;
	margin-left: 10px;
	background-color: #8b0000;
}

#redThinlineTop {
	position: absolute;
	top: 72px;
}

#redThinlineBottom {
	position: absolute;
	top: 93px;
}


	

/* menu list items */

#menu ul {
	list-style-type: none;
	overflow: visible;/* added for IE7 */
	position: relative;
}








/* -------------------------------------------------------*/
/* ---------------->>> 7. HIRED <<<-------------------*/
/* -------------------------------------------------------*/

#hired {
	height: 560px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#hiredInner {
	height: 560px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 50%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/smoothScroller/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/smoothScroller/cursors/cursor_arrow_left.cur), url(images/smoothScroller/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 50%;
	height: 100%;
	background-image: url(../images/smoothScroller/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/smoothScroller/cursors/cursor_arrow_right.cur), url(images/smoothScroller/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/smoothScroller/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/


#makeMeScrollable {
	width: 100%;
	height: 560px;
	position: relative;
}
		
#makeMeScrollable div.scrollableArea * {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}


div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}

.insideDiv {
	position: relative;
	margin-right: 20px!important;
	margin-left: 20px!important;
}

#insideDivFirst {
	margin-left: 180px!important;
}

#insideDivLast {
	margin-right: 180px!important;
}






/* -------------------------------------------------------*/
/* ------------------>>> 9. FOOTER <<<-------------------*/
/* -------------------------------------------------------*/

#footer {
	height: 50px;
	margin-top: 45px;
	margin-right: auto;
	margin-left: auto;
}

#footerInner {
	width: 960px;
	height: 50px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#redThinlineTop {
	position: absolute;
	top: 72px;
}

#footer p {
	font-size: 1.1em;
	letter-spacing: 0px;
}

#footerLine1 {
	float: left;
	margin-top:5px;
	margin-left: 20px;
}

#footerLine2 {
	float: right;
	margin-top:5px;
	margin-right: 40px;
	
}

#footerLine3 {
	float: right;
	margin-top:3px;
	margin-right: 10px;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 0px;
}

#footerLine4 {
	float: right;
	margin-top:3px;
	margin-right: 20px;
}