/* 

Theme name : SHINE GO
Description : A REALLY AWESOME PROVIDER OF WEB APPS
Version : 1
Author : Devilcantburn
Author URL : http://www.devilcantburn.com

*/


/* -------------------------------------------------------------------------------------- SMALL RESET */
*{ outline:none; }

body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p{
	margin:0;
	padding:0;
	}
	
ul{ list-style:none; }

a, a:hover{
	outline:none;
	text-decoration:none;
	}

img{ border:none; }


/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

/* -------------------------------------------------------------------------------------- STRUCTURE */

body{
	background:#000;
	color:#FFF;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:24px;
	}

/* -------------------------------------------------------------------------------------- HEADINGS */
h1, h2, h3, h4, h5, h6{
	color:#000;
	font-family:'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;
	}

h1{	font-size:60px; }
h2{	font-size:48px; }
h3{
	font-size:30px;
	color: #FFF;
}
h4{
	font-size:16px;
	text-transform:uppercase;
	color: #FFF;
}
h5{	font-size:14px; }
h6{	font-size:10px; }

/* -------------------------------------------------------------------------------------- HEADER */

#header{ background:#121212;}
	#header .content{
		margin:0 auto;
		width:960px; height:115px;
		position:relative;
	}

/* ------------------------ Logo Top */
#header #logo{
	display:block;
	float:left;
	margin:25px 0 0 0;
	width:260px;
	height:100px;
	position: absolute;
	right:24px;
	top: -10px;
}
#header #logo a{
	background:url(../images/logo_top.png) no-repeat left top;
	display:block;
	float:left;
	width:260px; height:100px;
}

/* ------------------------ Navigation Top */

#header #menu li a:hover{ /* THEME FILE */ }
#header #menu li a.current{ /* THEME FILE */ }

	.nav {
	padding-right: 10px;
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 1000;
	width: 634px;
	}	

	/* Navigation first level */
	.nav li{
		margin:0 15px 0 0;
	}
	.nav .navstyle{
		font-size:16px;
		text-transform: uppercase;
	}
	.nav li a{
		color:#FFF;
		padding:6px;
	}
	
	/* Navigation Second level (sub-menu) */
	.submenu_arrow{background:url(../images/arrow_submenu.png) no-repeat right 50%;}
	.nav ul {
		padding-left: 10px;
		float: left;
		position: relative;
		text-transform:none;
	}
		
		.nav ul li {
			float: left;
			position: relative;
			margin:0;
		}
			
			.nav ul li:hover ul ul,
			.nav ul li:hover ul ul ul,
			.nav ul li:hover ul ul ul ul{
				display:none;
			}
			
			.nav ul li:hover ul,
			.nav ul li li:hover ul,
			.nav ul li li li:hover ul,
			.nav ul li li li li:hover ul{
				display:block;
			}
		
			.nav ul li a {
				padding: 0px 10px;
				line-height: 30px;
				color: #FFFFFF;
				display: block;
			}
			
				.nav ul li a:hover {
					text-decoration: none;
				}
			
			.nav ul li ul {
				width: 160px;
				background: none;
				position:absolute;
				top: 30px;
				left: -10px;
				display: none;
			}
			
				.nav ul li ul li {
					/* Theme file */
				}
					
					.nav ul li ul li a{
						width: 160px;
						height:auto;
						float:left;
						border-top: 1px solid #353535;
					}
					
					/* Navigation 3rd level (sub-sub-menu) */
					.nav ul li ul li ul {
						top: 0px;
						left: 170px;
					}

/* -------------------------------------------------------------------------------------- TEASER */

#teaser{ background:url(../images/slider_bg.png) repeat-x left top; margin:0 0 6px 0;}
	#teaser .content{
		height:495px;
		overflow:hidden;
		text-align:center;
	}

#teaser .point{
		background:url(../images/point_slider.png) no-repeat 700px top;
		margin:0 auto;
		width:960px; height:47px;
	}
	
#teaser #slider #portfolio{width:100%; height:450px; overflow:hidden;}
#teaser #slider #portfolio li{ width:100%; }
#teaser #slider #portfolio a{
	display:block;
	margin:0 auto;
	width:960px; height:450px;
}

	
/* -------------------------------------------------------------------------------------- MAIN */

#main{ background:url(../images/background.png) repeat-x left top; padding:10px 0 0 0;}
	#main .content{
		background:#000 url(../images/point_main_top.png) no-repeat 700px top;
		margin:0 auto; padding:24px 0;
		width:960px;
		position:relative;
	}

/* -------------------------------------------------------------------------------------- FOOTER */

#footer{ background:#121212;
		border:1px solid #353535; border-width:5px 0 0 0;}
	#footer .content{
		margin:0 auto; padding:30px 0;
		width:960px;
	}
#footer .footer_col{
	width:288px;
	float:left;
	margin:0 0 0 24px;
}
#footer .footer_col ul{
	display:block;
	float:left;
	width: 130px;
	margin:0 10px 0 0;
}

#footer .footer_col ul a{
	display:block;
	padding:2px 3px;
	border:1px solid #353535; border-width:0 0 1px 0;
}

#footer #logo_bottom a{
	background:url(../images/logo_footer.png) no-repeat 50% top;
	display:block;
	width:288px; height:100px;
}

#footer .flickr{
	padding:5px 0 5px 15px;
	}
#footer .flickr a {
	  background: #1a1a1a;
	  padding: 5px;
	  display: block;
	  float: left;
	  margin:5px ;
	}
	
	#footer .flickr a:hover{
	  background: #525252;
	}
	
	#footer .flickr img {
	  display: block;
	  float: left;
	  margin: 0;
	  width: 70px;
	  height: 70px;
	}
/* -------------------------------------------------------------------------------------- 4 Columns */

.col1{
	display:block;
	float:left;
	width:210px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 24px;
}
.col2{
	display:block;
	float:left;
	margin:0 0 0 24px;
	width:446px;
}
.col3{
	display:block;
	float:left;
	margin:0 0 0 24px;
	width:680px;
}
.col4{
	display:block;
	float:left;
	margin:0 0 0 24px;
	width:910px;
}

.col1 h4{	
	background:url(../images/h4_underline.png) no-repeat left bottom;
}
.col2 h4{	
	background:url(../images/h4_underline_2cols.png) no-repeat left bottom;
}
.col3 h3, .col3 h4{	
	background:url(../images/h4_underline_3cols.png) no-repeat left bottom;
}

/* -------------------------------------------------------------------------------------- Page titles */
.title_page_block{
	position:relative;
	top:0;
	left:-12px;
	width:948px; height:70px;
	margin:0;
}
.title_page_block h2{
	display:block;
	float:left;
	height:60px;
	line-height:70px;
	margin:0 20px 0 0;
	padding:0 20px 0 50px;
	position:relative;
	text-transform:uppercase;
	letter-spacing:-2px;
}
.title_page_block h2 span{
	background:url(../images/h2_return.png);
	width:49px;
	height:73px;
	display:block;
	float:left;
	position:absolute;
	top:0;
	left:0;
}

.title_page_block p{
	font-size:16px;
	line-height:22px;
	height:70px;
	margin:0 0 0 20px; padding:0 0 0 20px;
}


/* -------------------------------------------------------------------------------------- WORKS PAGE */
#portfolio-list{
	margin:0; padding:0 0 0 10px;
	width:900px;
}
.floatleft{ float:left; height:40px; line-height:40px; }
#portfolio-filter{ float:left; }
#portfolio-filter li{ float:left; display:inline; }
#portfolio-filter li a{padding:0 20px; border:0; }
#portfolio-filter li a.current{ background:#353535; color:#FFF; }

.item_block{
	background:#121212;
	border:1px solid #353535;
	display:block;
	float:left;
	margin:0 22px 20px 0; padding:10px;
	position:relative;
	width:180px; height:100%;
}
.item_block img{ width:180px; height:180px; }
.item_block span{
	background:#121212;
	display:block;
	padding:2px 5px;
	position:absolute;
	top:172px;
	left:-17px;
	z-index:80;
	width: 208px;
	height: 32px;
}

.item_block span a{
	padding:0 0 0 20px;
	line-height:24px;
}


/* -------------------------------------------------------------------------------------- Blog element */

.blog{
	clear:both;
	display:block;
	height:100%;
	margin:0 0 30px 0;
}
.blog h3{ text-transform:uppercase;}

/* Pagination */
#pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination a{
border:solid 1px #353535;
margin-right:10px;
}
#pagination .previous-off,
#pagination .next-off {
color:#222;
display:block;
float:left;
font-weight:bold;
padding:3px 10px;
margin-right:10px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
border:solid 1px #353535;
} 
#pagination .active{
color:#FFF;
font-weight:bold;
display:block;
float:left;
padding:4px 10px;
margin-right:10px;
}
#pagination a:link,
#pagination a:visited {
display:block;
float:left;
padding:3px 10px;
text-decoration:none;
}
#pagination a:hover{
border:solid 1px #666;
}


#comments{
	border-top:5px solid #323232;
	margin:20px; padding:20px 0 0 0;
}
#comments h3{ text-align:right; font-size:16px; }
#comments h3 span{ color:#CCC; font-size:50px; }

.comments_post{
	border:1px solid #323232; border-width:0 0 1px 0;
	margin:20px 0; padding:0 0 20px 0;
	height:100%;
}
.comments_post .avatar{
	float:left;
	width:100px;
}
.comments_post .avatar img{
	border:1px solid #323232;
	padding:7px;
}
.comments_post .user_post{
	float:left;
	margin:0 0 0 10px;
	width:450px;
}
.comments_post .user_post p{
	border:1px solid #323232; border-width:1px 0 0 0;
	font-size:13px;
	padding:8px 0 0 0;
}
.comments_post .user_name{
	font-size:18px;
}

#reply-form{
	clear:both;
	margin:0 20px;
}
#reply-form p{
	clear:both;
	display:block;
	height:30px;
	padding:5px 10px;
}
#reply-form label{
	display:block;
	float:left;
	font-size:12px;
	padding:4px 6px;
	width:80px;
}
#reply-form .field,
#reply-form .textarea{
	border:1px solid #444;
}
#reply-form .field{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:420px;
}
#reply-form .field:hover{
}
#reply-form .field:focus{
	background:#000;
}
#reply-form .textarea{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:420px; height:150px;
}
#reply-form #check{
	width:60px;
	text-align:center;
}
#reply-form .textarea:hover{
}
#reply-form .textarea:focus{
	background:#000;
}

/* *hover state forms submit button */
#reply-form .submitter{
		background:#212121;
		border:0;
		color:#FFF;
		display:block;
		float:left;
		margin:0 0 0 390px;
		font-weight:bold;
		line-height:39px;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:39px;
}

		
#reply-form .submitter:hover{
	background:#353535;
	}

#reply-form label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 500px;
	}
#reply-form .messager{ height:170px;}

#reply-form .messager label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 500px;
	}

/* -------------------------------------------------------------------------------------- Contact page */
/* CONTACT FORM */

#contact-form{
	clear:both;
}
#contact-form p{
	clear:both;
	display:block;
	height:30px;
	padding:5px 10px;
}
#contact-form label{
	display:block;
	float:left;
	font-size:12px;
	padding:4px 6px;
	width:80px;
}
#contact-form .field,
#contact-form .textarea{
	border:1px solid #444;
}
#contact-form .field{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:320px;
}
#contact-form .field:hover{
}
#contact-form .field:focus{
	background:#000;
}
#contact-form .textarea{
	background:#212121;
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	padding:4px 6px;
	width:320px; height:150px;
}
#contact-form #check{
	width:60px;
	text-align:center;
}
#contact-form .textarea:hover{
}
#contact-form .textarea:focus{
	background:#000;
}

/* *hover state forms submit button */
#contact-form .submitter{
		background:#212121;
		border:0;
		color:#FFF;
		display:block;
		float:left;
		margin:0 0 0 320px;
		font-weight:bold;
		line-height:39px;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:39px;
}

		
#contact-form .submitter:hover{
		background:#353535;
}

#contact-form label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 300px;
	}
#contact-form .messager{ height:170px;}

#contact-form .messager label.error {
	color:#C00;
	font-size:11px;
	padding:0 0 0 92px;
	width: 300px;
	}
	
#map_canvas{
	border:1px solid #ccc;
	margin:20px 0; padding:8px;
	width:420px; height:250px;
}

/* -------------------------------------------------------------------------------------- Design */
.center{ text-align:center; }

.small{font-size:10px; }

.page_slogan{
	font-size:36px;
	line-height:48px;
	padding:10px 30px 24px 30px;
	margin:0 24px 30px 24px;
	text-align:center;
	text-transform:uppercase;
}
/* Link to read more with [+] */
.plus{
	border-top:1px solid #FFF;
	margin:10px 0 0 0;
}
.plus a{
	background:#FFF;
	display:block;
	padding:3px;
	float:right;
	line-height:50%;
}
.plus a:hover{
	/* Proprieties in theme file */
}


.design .biglines{
	color:#FFF;
	clear:both;
	height:100%;
	font-size:16px;
	font-weight:bold;
	margin:15px 0;
}

.design strong{ color:#999; font-size:12px; }/* theme file */
.design ul, .design ol{
	margin:10px 0 10px 50px;
}
.design ul li{
	font:normal 16px/23px Arial, Helvetica, sans-serif;
	padding:5px 0;
}
.design ol {
	color:#999;
	font:italic 18px/23px Arial, Helvetica, sans-serif;
}
.design ol p {
	border:1px solid #323232; border-width:0 0 1px 0;
	color:#FFF;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
.design .note{
	color:#666;
	border:1px solid #323232; border-width:0 0 2px 0;
	font:italic 14px/24px Georgia, "Times New Roman", Times, serif;
	padding:0 0 3px 0;
	margin:20px;
}
.design .img_left{
	border:1px solid #323232;
	float:left;
	margin:0 12px 0 0; padding:7px;
}
.design .img_right{
	border:1px solid #323232;
	float:right;
	margin:0 0 0 12px; padding:7px;
}
.design .img_blines{
	padding:10px 0 0 0;
}


.design .continue a{
		background:#353535;
		color:#FFF;
		display:block;
		float:right;
		font-weight:bold;
		line-height:39px;
		margin:0 0 10px 0;
		text-align:center;
		text-transform:uppercase;
		width:102px; height:39px;
	}
	.design .continue a:hover{
		background:#000;
		color:#353535;
		}

.sidebar h4{
}
.sidebar ul, .design ol{
	margin:10px 0 10px 10px;
}
.sidebar ul li{
	font:normal 12px/21px Arial, Helvetica, sans-serif;
}
.sidebar ul li a{ display:block;
	border-bottom:1px solid #353535;
	padding:5px 0; }

.sidebar
/* ------------------------------- SEARCH ENGINE */
.sidebar #search_form {}
.sidebar #search_form .field { float: left; display: inline; height: 39px; width: 170px; border:solid 1px #353535; border-width:1px 0 1px 1px; }
.sidebar #search_form .field input { color: #FFF; border: 0; background: transparent; font-size: 11px; margin: 10px 0 0 10px; width: 150px; }
.sidebar #search_form .button { float: left; color: #FFF; display: inline; height: 41px; width: 36px; cursor: pointer; border:solid 1px #353535; border-width:1px 1px 1px 0; background:#121212; }
.sidebar #search_form .button:hover { }


/* Separators */
.separator{
	background:#121212;
	border-bottom:1px solid #353535;
	display:block;
	clear:both;
	margin:15px 0;
	width:auto; height:5px;
}
.separator900{
	background:#121212;
	border-bottom:1px solid #353535;
	display:block;
	clear:both;
	margin:15px 25px;
	width:auto; height:5px;
}
.separator_2cols_3px{
	display:block;
	clear:both;
	width:446px;
	height:3px;
	margin:30px auto;
}
.separator_3px{
	display:block;
	clear:both;
	width:912px;
	height:3px;
	margin:30px auto;
}
/* ------------------------------- TABLE PRICES */

table.pricing {
	border-right:1px solid #353535;
	border-bottom:1px solid #353535;
	width:900px;
	margin:20px auto;
}

table.pricing img {
	border:none;
	padding:0;
	background:none;
}

.pricing th, .pricing td {
	padding:10px;
	border-left:1px solid #353535;
	border-top:1px solid #353535;
	text-align:center;
	width:25%;
	background:#121212;
}

.pricing p.link {
	margin:10px 0;
}
th.feature, td.feature {
	text-align:right;
	width:120px;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}

.pricing th {
	background:#171717;
	font-size:18px;
	text-transform:uppercase;
}
.pricing th.nothing{
	background:none;
	border:none;
}

tr.odd td {
	background:#111;
}
.SildeTitle {
	color: #FFF;
}
.page_sloganfooter {
	font-size:16px;
	line-height:8px;
	padding:10px 0px 0px 0px;
	margin:0 24px 0px 24px;
	text-align:center;
	text-transform:uppercase;
	border-top-color: #ccff00;
	border-right-color: #ccff00;
	border-bottom-color: #ccff00;
	border-left-color: #ccff00;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}