@charset "UTF-8";
/* Resetting some styles */
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, em, 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;}  
:focus {outline: 0;}
a {text-decoration:none; color:#aeaeae}
a:hover ,a.selected { text-decoration:none;color:#0097dc }
body {font-family:Palatino,'Palatino Linotype',Georgia,Utopia,serif;color:#666; font-size:12px; background:url(../imbages/bgtags.jpg) no-repeat center; }
ol, ul {list-style: none;} 
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.brand {color:#0097dc}
/*utilities*/
.clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden }
.hidden ,.searchy { display:none }
.invisible { visibility:hidden }
.accessText { display:none }
.floatLeft { float:left }
.floatRight { float:right }
.noscript {margin:30px 0 0 50px;}
.red {border:1px solid red}
.blue {border:1px solid blue}
/* font*/
h1{font-size:25px}h2{font-size:18px}h3{font-size:15px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px} 
/* Layout*/
#Container{width:1024px; height:500px; margin:30px auto;background:url(../img/background_large_grad.gif) repeat-y;}
.bottomBorder{width:1024px; height:33px;background:url(../img/background_footer_grey.gif) no-repeat; position:relative; bottom:0px; left:0px}
.topBorder{width:1024px; height:20px;background:url(../img/background_header_grad.gif) no-repeat; position:relative; top:0px; left:0px;}
.header{width:955px;height:50px;margin-left:40px;border-bottom:1px solid #ccc;}
	.header h1 { background:url(../img/logo.gif) no-repeat top left;height:40px; margin-left:10px}	
		.header h1 span {display:none}
	.header a {float:right;display:inline;margin:30px 20px 0px 0}
.navigation{background:url(../img/background_nav_double.gif) no-repeat top left;width:296px;height:45px; position:relative;top:-20px;left:370px;padding-left:20px}
	.navigation li { float:left; display:inline-block;margin:12px 0 0 0px;padding:0 15px; font-size:14px}
		.navigation li.selected a{ text-decoration:none;color:#0097dc }
	.wrapper , .galleryContent{width:900px;height:365px; position:relative;left:50px;font-size:14px }
		.wrapper  p {line-height:25px; }	 
.social { margin-bottom:10px;}
	.social dt a{color:#0097dc;border-bottom:1px solid #ccc;}
	.social dd {margin:9px 0 9px 10px;color:#666; font-style:italic; font-size:14px}		
/*Gallery section*/  
.pagination {position:absolute;top:-20px;left:420px;height:20px;}  
		#next , #previous  {width:14px;height:14px;float:left;margin-top:5px; cursor:pointer}
		#next { background:url(../img/icon-arrow-right.png) no-repeat top left;}
		#previous { background:url(../img/icon-arrow-left.png) no-repeat top left;} 
		.pagination div {float:left}
		.pagination div span {margin:0 6px;color:#0097dc}
.portfolio { float:left; height:350px; overflow:hidden; position:relative;}
	.portfolio  li {float:left;display:inline;height:330px; display:none}
		.portfolio  li.active {float:left;display:inline;} 
		.portfolio  li h3 {margin:10px 0;}
		.portfolio  li div {margin-bottom:10px;}
			.portfolio  li div ul {width:400px;display:inline-block}
			.portfolio  li div ul li{display:inline;width:auto;height:auto;float:left;margin: 4px;}
		.portfolio  li div p span {margin:0 4px}
		.portfolio  li img {border:1px solid #0097dc;padding:3px;float:left;display:inline;margin-left:250px;}
		.portfolio  li div span {color:#0097dc} 
/*twitter section*/ 
.twitterContent { background:url(../img/loader.gif) no-repeat center center;width:950px;height:52px;position:relative;margin:20px 0;}
.twitterContent  h2 {height:52px;width:18px;position:absolute;top:0px;left:-29px;}
.twitterContent  h2 span {display:none}
ul#twit-twit {width:955px;height:50px;overflow:hidden;background-color:#aeaeae;position:absolute;left:-10px;top:0px;padding-top:4px;}
ul#twit-twit li ul {margin: 6px 0 0 0;}
ul#twit-twit li {margin: 0 0 10px 10px;height:70px;color: #fff}
ul#twit-twit li.twit-date {font-weight: bold;color: #600;border: 0px solid #ccc;margin: 10px 0 0 0;}
ul#twit-twit li ul li {font-weight: normal;padding-top: 8px;} 
ul#twit-twit a.twit {color: #fff;text-decoration: none;border: 0;}
ul#twit-twit a.twit:hover, ul#twit-twit a.twit:visited:hover {color: #600;}
p.twit-more, li.twit-more {text-align: right;font-size: 8pt;padding: 4px 0 0 0;display:none}
p.twit-more a.twit-more, li.twit-more a.twit-more {color: #600;text-decoration: none;}
p.twit-more a.twit-more:hover, p.twit-more a.twit-more:visited:hover, li.twit-more a.twit-more:hover, li.twit-more a.twit-more:visited:hover {
	color: #000;border-bottom: 1px dashed #600;}