/***** Global Elements *****/

body {
	background: #bdcada url('../images/bg2.jpg') no-repeat top center;
	border-top: 1px solid white;
	color: #333;
	font-size: 11px;
}

#header {
	width: 100%;
	height: 94px;
}

#header .inner {
	height: 95px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-bottom: 1px solid #cad3df;
	z-index: 4;
}

#designwebmore {
	position: absolute; top: 94px; left: 98px;
	background: url('../images/designwebmore.png') no-repeat scroll top left;
	width: 194px;
	height: 33px;
} 
.container_12 {
	background: url('../images/color/white30.png');
	margin-top: 0px;
	margin-bottom: 20px;
}
	
.footer {
	text-align: center;
	width: 100%;
}

/***** Navbar *****/

#navbar {
	position: absolute;
	top: 26px;
	right: 22px;
	padding: 12px;
}

#navbar ul { 
	margin: 0;
	padding: 0;
	display: inline;
	height: 30px;
}

#navbar li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 0px 9px 0 0px;
	list-style: none;
	text-align: center;
	display: inline;
}

#navbar a { color: #ddd; padding: 8px 10px; }

#navbar a:hover { color: #47c0ff; }

/***** Button *****/

.button, .button:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px; padding: ; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						{ background-color: #749a02; }
	.blue.button, .blue.button:visited		{ background-color: #2daebf; }
	.blue.button:hover							{ background-color: #007d9a; }
	.red.button, .red.button:visited			{ background-color: #e33100; }
	.red.button:hover							{ background-color: #872300; }
	.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
	.magenta.button:hover							{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover							{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover							{ background-color: #fc9200; }

/***** Text Styles *****/

a { color: #666; text-decoration: none; }
a:hover { color: #888; } 

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2 {
	padding: 20px 0 0;
	text-align: center;
}

p.border {
	border: 1px solid #666;
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
}

/***** Frontpage *****/

#create a {
	background: url('../images/box1.jpg') no-repeat;
	margin-top: 30px;
	height: 172px;
	display: block;
}

/***** Slider *****/
/* Required  */
.container { width:605px; height:164px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:605px; display:none; padding:0; margin:0; }

/* Optional */
#loopedSlider,#newsSlider { margin:0 auto; width:605px; position:relative; clear:both; }
ul.pagination { font-size: 12px; list-style:none; padding:0; margin: -2px 0 0 0; }
ul.pagination li  { float:left; margin: 0 4px 0 0; }
ul.pagination li a { padding: 4px 6px; }
ul.pagination li.active a { background: #2e9dea; color:white; }

#navigation { position: absolute; top: -15px; right: 0px; }
#navigation .next { float: left;display: block; background: url('../images/icons/arrow_fat_right.gif') no-repeat scroll top left; width: 10px; height: 10px; }
#navigation .previous { float: left; margin-right: 5px;  display: block; background: url('../images/icons/arrow_fat_left.gif') no-repeat scroll top left; width: 10px; height: 10px; }

/***** Thumbnail Box *****/

.thumbnail {
	background: url('../images/Thumbnail-Box.png') no-repeat;
	width: 216px;
	height: 225px;
	display: block;
	float: left;
	margin-left: 15px;
}

.thumbnail a img {
	margin: 11px 13px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}

.thumbnail a:hover img {
	margin: 6px 8px;
	border: 5px solid #00a0ce;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;

}