/* -------------------------------------------------------*/
/* ------------------->>> 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;
}

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

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

#slider_next {
	background: transparent url('images/arrowLeft.png') no-repeat top center;	
	width: 30px;
	height: 30px;
	position: absolute;
	left: 6%;	
	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. PORTFOLIO <<<-------------------*/
/* -------------------------------------------------------*/

#portfolioHome {
	height: 560px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}

#portfolioHomeInner {
	height: 560px;
	margin-right: auto;
	margin-left: auto;
	z-index: 150;
}

/* this is the code for the slider section */

#slider {
	width: 100%;
	overflow: hidden;
	height: 560px;
}
.slider {
	height: 560px;
	width: 100%!important;
}
.slider_content {
	width: 940px;
	height: 560px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
}


/* image01 */

#image01 {
	/* background: url('images/bg.png') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image01 .slider_content {
	background: white url('images/stills4/image01.jpg') no-repeat top left;
}

/* image02 */

#image02 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image02 .slider_content {
	background: white url('images/stills4/image02.jpg') no-repeat top left;
}

/* image03 */

#image03 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image03 .slider_content {
	background: white url('images/stills4/image03.jpg') no-repeat top left;
}

/* image04 */

#image04 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image04 .slider_content {
	background: white url('images/stills4/image04.jpg') no-repeat top left;
}

/* image05 */

#image05 {
	/* background: url('images/bg.png') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image05 .slider_content {
	background: white url('images/stills4/image05.jpg') no-repeat top left;
}

/* image06 */

#image06 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image06 .slider_content {
	background: white url('images/stills4/image06.jpg') no-repeat top left;
}

/* image7 */

#image07 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image07 .slider_content {
	background: white url('images/stills4/image07.jpg') no-repeat top left;
}

/* image8 */

#image08 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image08 .slider_content {
	background: white url('images/stills4/image08.jpg') no-repeat top left;
}

/* image9 */

#image09 {
	/* background: url('images/bg.png') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image09 .slider_content {
	background: white url('images/stills4/image09.jpg') no-repeat top left;
}

/* image10 */

#image10 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image10 .slider_content {
	background: white url('images/stills4/image10.jpg') no-repeat top left;
}

/* image11 */

#image11 {
	/* background: url('images/bg.png') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image11 .slider_content {
	background: white url('images/stills4/image11.jpg') no-repeat top left;
}

/* image12 */

#image12 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image12 .slider_content {
	background: white url('images/stills4/image12.jpg') no-repeat top left;
}

/* image13 */

#image13 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image13 .slider_content {
	background: white url('images/stills4/image13.jpg') no-repeat top left;
}

/* image14 */

#image14 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image14 .slider_content {
	background: white url('images/stills4/image14.jpg') no-repeat top left;
}

/* image15 */

#image15 {
	/* background: url('images/bg.png') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image15 .slider_content {
	background: white url('images/stills4/image15.jpg') no-repeat top left;
}

/* image16 */

#image16 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image16 .slider_content {
	background: white url('images/stills4/image16.jpg') no-repeat top left;
}

/* image17 */

#image17 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image17 .slider_content {
	background: white url('images/stills4/image17.jpg') no-repeat top left;
}

/* image18 */

#image18 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image18 .slider_content {
	background: white url('images/stills4/image18.jpg') no-repeat top left;
}

/* image19 */

#image19 {
	/* background: url('images/bg.png') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image19 .slider_content {
	background: white url('images/stills4/image19.jpg') no-repeat top left;
}

/* image20 */

#image20 {
	/* background: #000000 url('images/bg.jpg') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image20 .slider_content {
	background: white url('images/stills4/image20.jpg') no-repeat top left;
}

/* image21 */

#image21 {
	/* background: url('images/bg.png') repeat-x 50% 0; */
    width: 100%;
    height: 560px;
}

#image21 .slider_content {
	background: white url('images/stills4/image21.jpg') no-repeat top left;
}



/* -------------------------------------------------------*/
/* ------------------>>> 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;
}