/*  
Theme Name: JDM Connection
Theme URI: www.jdmconnection.ca
Description: JDM Connection Theme
Version: 1.0
Author: Nolan S.
Author URI: http://www.dimd.nait.ca
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div{ margin:0; padding:0; outline:0px;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; outline:0px;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
a { text-decoration:none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
img{outline:none;}
hr{margin:20px 0 20px 0;}
p{margin:10px 0 10px 0;}
/* 
Put your styles below...
 */

body{
background: #fff url(images/body_bg.jpg) repeat-x;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
}
	h2{
	font-size:130%;
	font-weight:normal;
	margin:0 0 20px 0;
	}
	#container{
	margin-left:auto;
	margin-right:auto;
	width:920px;
	}
		#header{
		height:130px;
		width:920px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(images/header.png);
		}
		#nav{
		height:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		}
			#navLeft{
			float:left;
			width:20px;
			height:30px;
			margin:0;
			background-image:url(images/nav_left.png);
			}
			#navRight{
			float:right;
			width:20px;
			height:30px;
			background-image:url(images/nav_right.png);
			}
			#navLinks{
			float:left;
			background-image:url(images/nav_down.png);
			width:880px;
			}
			#nav li{
			position:relative;
			float:left;
			height:25px;
			padding:5px 10px 0 10px;
			background-image:url(images/nav_down.png);
			}
				#nav li:hover{
				background-image:url(images/nav_over.png);
				}
			#nav a{
			zoom:100%;
			font-size:14px;
			font-weight:bold;
			color:#fff;
			}
			#nav li:hover a{
			color:#000;
			}
				#nav li ul{
				white-space:nowrap;
				left:0;
				top:30px;
				position:absolute;
				display:none;
				background-color:#555;
				z-index:10;
				}
				#nav li:hover ul a{
				color:#fff;
				}
				#nav li ul li:hover a{
				color:#000;
				}
				#nav li:hover ul, #nav li.sfhover ul{
				display:block;
				}
				#nav li ul li{
				background-image:none;
				float:none;
				}
				.page-item-7 a{
				cursor:default;
				}
					.page-item-7 ul a{
					cursor:pointer;
					}
				.page-item-61 a{
				cursor:default;
				}
					.page-item-61 ul a{
					cursor:pointer;
					}
		#contentContainer{
		width:920px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(images/content_bg.png);
		background-repeat:repeat-y;
		}
		#contentMain, #content, #contentTestimonials{
		width:860px;
		padding:30px;
		float:left;
		}
			#contentMain img{
			float:right;
			border:1px solid #222;
			margin:0 0 10px 10px;
			}
			#contentTestimonials img{
			border:1px solid #222;
			margin:10px 10px 0 0;
			}
			#content img{
			border:1px solid #222;
			}
		#contentFoot{
		width:920px;
		height:24px;
		float:left;
		background-image:url(images/content_foot.png);
		}
			#content h1{
			font-size:150%;
			font-family:Georgia, "Times New Roman", Times, serif;
			}
			#content p{
			font-size:90%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
		#dataContainer{
		width:700px;
		margin:0 auto;
		background-image:url(images/data_bg.jpg);
		}
		#data{
		width:700px;
		float:left;
		}
			#details{
			padding:3px 0 20px 100px;
			}
			#dataRowTitles{
			width:126px;
			float:left;
			text-align:center;
			padding:0 0 5px 0;
			font-weight:bold;
			}
			#dataHead{
			width:700px;
			height:10px;
			float:left;
			background-image:url(images/data_head.jpg);
			}
			.dataBoxImage{
			width:170px;
			height:100px;
			float:left;
			text-align:center;
			}
				.dataBoxImage img{
				border:1px solid #999;
				}
				.dataBoxImage img:hover{
				border:1px solid #000;
				}
			.dataBox{
			margin:10px 0;
			width:110px;
			height:60px;
			float:left;
			text-align:center;
			padding:20px 8px 0 8px;
			border-left:1px solid #999;
			}
			#dataFoot{
			width:700px;
			height:10px;
			float:left;
			background-image:url(images/data_foot.jpg);
			}
		#stockNumber{
		color:#777;
		font-size:14px;
		font-weight:bold;
		}
		#infoContainer{
		width:700px;
		margin:10px auto 20px auto;
		background-image:url(images/data_bg.jpg);
		}
		#info{
		width:auto;
		height:auto;
		padding:20px 25px;
		float:left;
		}
			#infoHead{
			width:700px;
			height:10px;
			float:left;
			background-image:url(images/data_head.jpg);
			}
			#infoFoot{
			width:700px;
			height:10px;
			float:left;
			background-image:url(images/data_foot.jpg);
			}
			#infoThumb{
			float:left;
			}
				#infoThumb img{
				border:1px solid #999;
				}
			#infoTitle{
			padding:20px 40px;
			height:60px;
			font-family:Times, serif;
			font-size:28px;
			float:left;
			font-weight:bold;
			}
			#infoDataContainer{
			clear:both;
			padding:20px 0 5px 0;
			}
				#infoData{
				width:210px;
				padding:0 0 10px 0;
				float:left;
				}
			#paypal{
			margin:0 0 10px 30px;
			}
		#multiple_images{
		width:100%;
		text-align:center;
		}
			#multiple_images img{
			margin:10px;
			border:1px solid #999;
			}
				#multiple_images img:hover{
				border:1px solid #000;
				}
#footer{
margin-left:auto;
margin-right:auto;
text-align:center;
padding:5px;
clear:both;
height:20px;
width:800px;
color:#000;
position:relative;
font-size:80%;
}
	#footer a{
	color:#33b;
	}
	#footer a:visited{
	color:#338;
	}
	#admin{
	position:absolute;
	top:0;
	right:10px;
	width:auto;
	}
		#admin a{
		font-size:70%;
		color:#c00;
		text-decoration:none;
		}