/***************************************/
/*GLOBAL CSS STYLES*/
/***************************************/

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background: #394a5b url(../../img/bg/webpageBG.gif) repeat-x;
	color: #FFFFFF;
	}

body {
	margin: 0px;
	padding: 0px;
	}

div, a, img, h1, h2, h3, p {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border: 0px solid #000000;
	}

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

h1 {
	font-size: 1.3em;
	}

#technicals #content h1 {
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 17px 10px;
	}

h3 {
	font-size: 1em;
	}

.clear {
	clear: both;
	line-height: 1px;
	}
	
.hover {cursor: pointer;}

.borderedIMG {
	border: 1px solid #000000;
	}
	




	
#setWebpage {
	width: 750px;
	background: #081522 none;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	margin: 0px auto;
	}

#header, #headerTop {width: 750px;}
	
#headerTop {
	background: transparent url(../../img/bg/headerTopBG.gif) repeat-x;
	height: 80px;
	}
	
#logo {
	margin: 19px 0 0 9px;
	float: left;
	}
	
#adTop {
	float: right;
	margin: 10px 10px 0 0;
	}
	
#headerIMG {
	width: 750px;
	height: 206px;
	}

/*#index #headerIMG {background: transparent url(../../img/home/headerLogo.jpg) no-repeat;}*/
#index #headerIMG {background: transparent url(../../img/headerIMG/rotate.php) no-repeat;}
#technicals #headerIMG  {background: transparent url(../../img/technicals/headerLogo.jpg) no-repeat;}
#showcase #headerIMG  {background: transparent url(../../img/showcase/headerLogo.jpg) no-repeat;}
#gallery #headerIMG  {background: transparent url(../../img/gallery/headerLogo.jpg) no-repeat;}
#contact #headerIMG  {background: transparent url(../../img/contact/headerLogo.jpg) no-repeat;}


#showcase #content h1, #projects #content h1 {
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 17px 10px;
	}

#gallery #content h1 {
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 17px 10px;
	}

#headerIMG h1 {
	margin-top: 40px;
	margin-left: 20px;
	}
	
#headerIMG p {
	width: 240px;
	margin-left: 20px;
	}
	
.menu a {
	float: left;
	display: block;
	height: 30px;
	}
	
.menu .navHomepage:hover,
.menu .navForum:hover,
.menu .navGallery:hover,
.menu .navTechnicals:hover,
.menu .navProjects:hover,
.menu .navShowcase:hover,
.menu .navContact:hover,

#technicals .menu .navTechnicals,
#showcase .menu .navShowcase,
#gallery .menu .navGallery,
#contact .menu .navContact,
#projects .menu .navProjects  {
	background-position: bottom !important;
	}


.menu .navHomepage {
	background: transparent url(../../img/nav/navHomepage.gif) no-repeat top;
	width: 116px;
	}

.menu .navForum {
	background: transparent url(../../img/nav/navForum.gif) no-repeat top;
	width: 79px;
	}
	
.menu .navGallery {
	background: transparent url(../../img/nav/navGallery.gif) no-repeat top;
	width: 106px;
	}

/*.menu .navTechnicals {
	background: transparent url(../../img/nav/navTechnicals.gif) no-repeat top;
	width: 136px;
	}
	*/
*.menu .navTechnicals {
	background: transparent url(../../img/nav/navTechnicals_soon.gif) no-repeat top;
	width: 136px;
	}
	
/*.menu .navProjects {
	background: transparent url(../../img/nav/navProjects.gif) no-repeat top;
	width: 92px;
	}
	*/
.menu .navProjects {
	background: transparent url(../../img/nav/navProjects_soon.gif) no-repeat top;
	width: 92px;
	}

.menu .navShowcase {
	background: transparent url(../../img/nav/navShowcase.gif) no-repeat top;
	width: 100px;
	}
	
.menu .navContact {
	background: transparent url(../../img/nav/navContact.gif) no-repeat top;
	width: 121px;
	}

#content {
	background: #081522 url(../../img/bg/contentBG.gif) repeat-x;
	padding: 20px 10px;
	}
	
#technicals #content {padding: 20px 0 0 0;}

#showcase #content, #projects #content {
	background: #081522 url(../../img/bg/sc_contentBG.gif) repeat-x;
padding: 20px 0 0 0;
}

#gallery #content {
position: relative;
padding: 20px 0 0 0;
}

.showcasethumb {padding: 5px 7px 0 7px;}

.gallerythumb {padding: 5px 5px 5px 5px;}

#leftSide {
	width: 360px;
	margin-right: 10px;
	float: left;
	}

#rightSide {
	width: 360px;
	float: left;
	}
	
.redBar {
	background: transparent url(../../img/bars/redBarBG.gif) repeat-x;
	height: 25px;
	}
	
.orangeBar {
	background: transparent url(../../img/bars/orangeBarBG.gif) repeat-x;
	height: 25px;
	}
	
.greenBar {
	background: transparent url(../../img/bars/greenBarBG.gif) repeat-x;
	height: 25px;
	}
	
.bar {
	float: left;
	margin-right: 5px;
	}
	
.contentAreaTitle {
	margin-top: 7px;
	}
	
#welcomeToSaablink {
	background: #080506 url(../../img/bg/redGradBG.gif) repeat-x;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 12px 0 10px 10px;
	margin-bottom: 10px;
	}
	
#welcomeToSaablink h3 {
	color: #a5676f;
	margin-top: 7px;
	}
	
#featuredProjectTitle, #featuredShowcaseTitle {
	width: 180px;
	float: left;
	}
	#featuredProjectTitle_full, #featuredShowcaseTitle_full {
	}
	.featcar{margin-bottom:10px;}
	
#classifiedsTitle {
	margin: 10px 0px;
	}
	
.sectionTitle {
	float: left;
	}
	
.rightLink {
	float: right;
	position: relative;
	top: -2px;
	}
	
#saablinkNews .rightLink:hover,

#saabIndustryNews .rightLink:hover {
	color: #769abc;
	}
	
#upcomingEvents .rightLink:hover,

#latestForumThreads .rightLink:hover {
	color: #a5676f;
	}
	
.blueDivider {
	width: 360px;
	height: 1px;
	background-color: #769abc;
	margin-bottom: 10px;
	}
	
.redDivider {
	width: 360px;
	height: 1px;
	background-color: #a5676f;
	margin-bottom: 10px;
	}
	
.thumbnail {
	float: left;
	margin: 0 10px 0 5px;
	border: 1px solid #000000;
	}
	
#saablinkNews h3 {
	color: #769abc;
	}
	
#saablinkNews p {
	margin-bottom: 10px;
	}
	
#saablinkNews .fullStory {
	color: #769abc;
	}
	
#saablinkNews .fullStory:hover {
	color: #FFFFFF;
	}
	
.bottomEntry{
	margin-bottom: 30px;
	}
	
#upcomingEvents .title {
	color: #a5676f;
	}
	
#upcomingEvents .even {
	background-color: #090606;
	padding: 5px 0px;
	}
	
#upcomingEvents .odd {
	padding: 0 0 5px 0;
	}
	
#latestForumThreads .italics {
	font-style: italic;
	display: block;
	}
	
#latestForumThreads .author {
	display: block;
	}
	
#latestForumThreads .even {
	background-color: #090606;
	padding: 2px 0 5px 5px;
	margin: 2px 0px;
	color: #a5676f;
	}
	
#latestForumThreads .even a {
	color: #a5676f;
	}
	
#latestForumThreads .even a:hover,

#saabIndustryNews .even a:hover {
	color: #FFFFFF;
	}
	
#latestForumThreads .odd a:hover {
	color: #a5676f;
	}
	
#latestForumThreads .odd,

#saabIndustryNews .odd {
	padding: 0 0 0 5px;
	}

#saabIndustryNews .even {
	background-color: #040b13;
	padding: 2px 0 5px 5px;
	margin: 2px 0px;
	}
	
#saabIndustryNews .even a {
	color: #769abc;
	}
	
#saabIndustryNews .even a:hover {
	color: #8ba7c2;
	}
	
#saabIndustryNews .odd a:hover {
	color: #CCCCCC;
	}
	
#topMenu {
	border-top: 2px solid #424f5c;
	}

#copyright {
	background-color: #000000;
	padding: 10px 0px;
	}
	
#copyright span {
	float: right;
	margin-right: 10px;
	color: #808080;
	text-transform: uppercase;
	}
	
#vehicleSelect {
	background: #0f1b27 url(../../img/bg/vehicleSelectBG.gif) top repeat-x;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 10px 10px;
	}

#vehicleSelect a {
	display: block;
	float: left;
	height: 60px;
	width: 121px;
	}
	
#vehicleSelect #saab900 {
	background: transparent url(../../img/technicals/cars/saab900.jpg) top no-repeat;
	}
	
#vehicleSelect #saab9000 {
	background: transparent url(../../img/technicals/cars/saab9000.jpg) top no-repeat;
	}
	
#vehicleSelect #saabng90093 {
	background: transparent url(../../img/technicals/cars/saabng90093.jpg) top no-repeat;
	}
	
#vehicleSelect #saabnew93 {
	background: transparent url(../../img/technicals/cars/saabnew93.jpg) top no-repeat;
	}
	
#vehicleSelect #saab95{
	background: transparent url(../../img/technicals/cars/saab95.jpg) top no-repeat;
	}
	
#vehicleSelect #saab92x {
	background: transparent url(../../img/technicals/cars/saab92x.jpg) top no-repeat;
	}
	
#vehicleSelect #saab900:hover,
#vehicleSelect #saab9000:hover,
#vehicleSelect #saabng90093:hover,
#vehicleSelect #saabnew93:hover,
#vehicleSelect #saab95:hover,
#vehicleSelect #saab92x:hover,
#vehicleSelect .selected,

#categorySelect .selected,
.hover {
	background-position: bottom !important;
	}
	
#showcase #contentLeftBar, #projects #contentLeftBar {
	background: #090707 url(../../img/bg/sc_contentWLeftBarBG.gif) repeat-y;
	}

#gallery #contentLeftBar {

	background: transparent url(../../img/bg/sc_contentWLeftBarBG.gif) repeat-y;
	}

#gallery #leftBar img {
	margin-bottom: 10px;
	}

#technicals #contentLeftBar {
	background: transparent url(../../img/bg/contentWLeftBarBG.gif) repeat-y;
	}

#technicals #leftBar {
	float: left;
	width: 180px;
	padding: 10px 35px 0 8px;
	}
	
#technicals #leftBar img {
	margin-bottom: 10px;
	}


#contentLeftBar {
	background: transparent url(../../img/bg/contentWLeftBarBG.gif) repeat-y;
	}

#leftBar {
	float: left;
	width: 160px;
	padding: 10px 10px 0 8px;
	text-align:center;
	}
	
#leftBar img {
	margin-bottom: 10px;
	}

#categorySelect {
	padding: 10px 0 10px 10px;
	display: none;
	}
	
#categorySelect a {
	float: left;
	width: 120px;
	height: 140px;
	margin-right: 9px;
	}
	
#categorySelect a:hover,
#categorySelect .catSelected {
	background-position: bottom;
	}
#engine {background: transparent url(../../img/technicals/engineCategory.jpg) no-repeat top;}
#suspension {background: transparent url(../../img/technicals/suspensionCategory.jpg) no-repeat top;}
#brakes {background: transparent url(../../img/technicals/brakesCategory.jpg) no-repeat top;}
#drivetrain {background: transparent url(../../img/technicals/drivetrainCategory.jpg) no-repeat top;}

.contentGrad {
	background: #081522 url(../../img/bg/contentGradBG.gif) repeat-x top;
	padding: 10px;
	margin-bottom: 30px;
	}
	
	#gallery .contentGrad {
	background: #081522 url(../../img/bg/contentGradBG.gif) repeat-x top;
	padding: 10px;
	margin-bottom: 30px;
	}

#showcase .contentGrad, #projects .contentGrad {
	background: #081522 url(../../img/bg/contentGradBG.gif) repeat-x top;
	padding: 0 10px 10px 10px;
	margin-bottom: 30px;
	}



.contentGrad h2 {
	text-transform: uppercase;
	border-bottom: 1px solid #769abc;
	margin-bottom: 20px;
	font-size: 1.4em;
	}
	
.contentGrad h3 {
	font-size: 1.3em;
	color: #769abc;
	padding-bottom: 3px;
	}
	
.contentGrad p {
	padding-bottom: 20px;
	}
	
.readArticle {
	color: #FFF200;
	font-weight: bold;
	}
	
.readArticle:hover {
	text-decoration: underline;
	}
	
#specs h3 {
	color: #FFFFFF;
	}
	
.article h3 {
	color: #FFF200;
	}
	
.articleParagraph {
	float: left;
	width: 400px;
	}
	
.articleVisuals {
	float: right;
	text-align: center;
	}
	
.articleVisuals img {
	border: 1px solid #FFFFFF;
	}
	
.articleVisuals a {
	display: block;
	margin-bottom: 20px;
	}
	
.infoIMG {
	border: 1px solid #000000;
	margin-bottom: 20px;
	}
	
#specs span ,
.article span {
	display: block;
	}
	
.L2 {
	padding-left: 10px;
	}
	
.L3 {
	padding-left: 20px;
	}
	
.L4 {
	padding-left: 30px;
	}
	
.blue {
	color: #769abc;
	}

.red {
	color: #a5676f;
	}
	
.yellow {
	color: #FFF200;
	}
	
#specs h2 {
	margin-bottom: 0px;
	}
	
#specs .Grad {
	padding: 0px;
	}
	
#specs h2 {
	border-top: 1px solid #769ABC;
	padding: 6px 0 5px 10px;
	}
	
#specs .selected h2 {
	border-top: 1px solid #769ABC;
	margin-bottom: 5px;
	}
	
.specifications {
	padding: 10px 0 0 10px;
	}

#technicals #main {
 	float: right;
	width: 530px;
	}



/***************************************/
/*GALLERY AND SHOWCASE*/
/***************************************/


#gallery .Divider {
	width: 553px;
	height: 1px;
	background-color: #769abc;
	margin-bottom: 10px;
	}

#gallery .bottomDivider {
	width: 553px;
	height: 1px;
	background-color: #769abc;
	margin-bottom: 10px;
	}

#gallery .bottomBar {
	width: 553px;
	position: absolute;
	bottom: 70px;
	left: 187px;
}

#bottomBar .rightLink {
	position: relative;
    float: right;
	}

#gallery .clear {
	clear: both;
	line-height: 1px;
}

#gallery .showcaseContent left p {
	padding-bottom: 0;
	}

#galleryBar .rightLink {
    float: right;
	}





/***************************************/
/*GALLERY NOW LOADING*/
/***************************************/

#fullPage {
	position: absolute;
	z-index: 100;
	background-color: #fff;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 0%;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 10;	
}

#siteLoader {
	position: absolute;
	z-index: 100;
	background-color: #fff;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 0;
	left: 0;
	height: 150%;
	width: 100%;
	text-align: center;
}

#loadText {
  position: relative;
  font-family: Verdana, Arial;
  font-size: 20px;
  top: 40%;
  height: 100%;
  color: #000;	
  text-align: center;  
	vertical-align: middle;
}