@charset "UTF-8";
@import url("register2.css");
/* CSS Document */

body {
	background-color: #f1f1f1;
	background-image: url('http://www.featurefinder.ca/wp-content/uploads/2012/05/cables_2.jpg');
	background-repeat: repeat;
	background-position: top center;
	background-attachment: scroll;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wrapper {
	background-color: #FFF;	
	width: 702px;
	margin-left: auto ;
  	margin-right: auto ;
	margin-top: 16px;
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

#smart {
	width: 159p;
	height: 159px;	
}

#header {
	width: 702;
	height:165px;
}

#logo {
	width:171px;
	height:165px;
	float: left;
}

#title {
	width: 225px;
	float: left;
}

#title:hover {
	color: #1982d1;	
}

#nav {
	color: #FFF;
	height: 50px;
	width:702px;
	font: 13px;
	background-color: #000;
}




#nav ul ul {
	display: none;
}

	#nav ul li:hover > ul {
		display: block;
	}

#nav ul {
	background: #000; 
	/*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);*/
	padding: 0 20px;
	/*border-radius: 10px;*/  
	list-style: none;
	position: relative;
	display: inline-table;
}
	#nav ul:after {
		content: ""; clear: both; display: block;
	}
	
	#nav ul li {
	float: left;
}
	#nav ul li:hover {
		background: #CCC;
		/*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/
	}
		#nav ul li:hover a {
			color: #fff;
		}
	
	#nav ul li a {
		display: block; padding: 15px 20px;
		color: #fff; text-decoration: none;
	}


#nav ul ul {
	background: #ccc; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	#nav ul ul li {
		float: none; 
		border-top: 1px solid #999
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		#nav ul ul li a {
			padding: 15px 20px;
			color: #fff;
		}	
			#nav ul ul li a:hover {
				background: #4b545f;
			}

#loginregister {
	float: right;	
	font-weight:300;
	margin-top: 18px;
	margin-right: 20px;
	font-size:12px;
}

#loginregister a {
	color: #FFF;
	text-decoration: none;	
}

#backtomain {
	float: left;
	color: #999;	
	font-weight:300;
	margin-top: 18px;
	margin-left: 20px;
	font-size:12px;
}

#backtomain a {
	color: #aaa;
	text-decoration: none;	
}


#popupboxupload {
	font-family: inherit;
	margin-left: -130px;
	margin-right: auto;
	padding: 22px 22px 5px;
	width: 260px;
	position: absolute;
	background: #FFFFFF;
	border: solid #000000 2px;
	z-index: 9;
	top: -225px;
	left: 0px;
}



#site-title {
	margin-right: 270px;
	padding: 52px 0 0;
	position:relative;
	margin-bottom:6px;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 12px;
	padding:0px auto 0px;
	margin: 0px 270px 0px 0;
	font-weight:300;
	position:relative;
}



#site-title {
	margin-right: 70px;
}
#site-title a {
	font-size: 36px;
}

#smartsign {
	margin-left: 155px;
	margin-top: -112px;
}

#upload {
	float: right;
	background: #8a8a8a;
	padding:4px 8px;
	font-weight:bold;
	margin:0px 20px auto auto;
	border:1px solid #000000;
}

#upload a{
	color:#ffffff;
	text-decoration:none;
}