==================================================
 1.3. Tabs
================================================== 
*/
#content {
	width:600px;
	margin:0 auto;
	padding:30px 0 0;
	display:block;
}
ul.tabs {
	float:left;
	display:block;
}
ul.tabs li {
	float:left;
	display:block;
	width:130px;
	height:14px;
	padding:20px 0;
	margin:0 10px;
	padding-bottom:20px;
	background:transparent url(../images/tab-button.png) no-repeat left top;
}
ul.tabs li:hover {
	background-position:left bottom;
}
ul.tabs li.active {
	background:transparent url(../images/tab-button-active.png) no-repeat left top;
	margin:0 10px 0;
	height:14px;
	padding:20px 0 40px;
	position:relative;
	z-index:5;
}
ul.tabs li.active a {
	color:#f1925c;
}
ul.tabs p {
	font:normal 18px/14px 'Cuprum',sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#f1925c;
}
ul.tabs a {
	text-decoration:none;
	color:#f1925c;
	outline:none;
}
ul.tabs a:hover {
	color:#f1925c;
}
.tab-content {
	float:left;
	width:578px;
	margin:0 10px 50px;
	border:1px solid #bdbdbd;
	background:#f0f0f0;
	position:relative;
	top:-2px;
}
.tab-content-inner {
	float: left;
	width: 250px;
	padding: 30px 20px;
	position: relative;
}
.tab-content h2 {
	font:normal 20px/20px 'Cuprum',sans-serif;
	text-align:left;
	color:#f1925c;
}
.tab-content-inner p {
	text-align:left;
	color: #f1925c;
}
/*
==================================================
 1.4. Newsletter form
 ================================================== 
 */
#newsletter-box {
	float:left;
	width:300px;
}
#newsletter-form fieldset {
	width:300px;
	border:none;
}
#newsletter-box input.box {
	background:#f1925c;
	float:left;
	font:normal 18px/18px 'Cuprum',sans-serif;
	color:#f0f0f0;
	text-transform:uppercase;
}
#newsletter-box input.email {
	outline:0;
	width:300px;
	height:18px;
	padding:16px 10px 16px 10px;
}
#newsletter-box button {
	margin-top: 15px;
}
/*
================================================== 
1.5. Contact form
================================================== 
*/
#Contact {
	float:left;
	margin-top:20px;

}
#contact-form input.box {
	float: left;
	outline: 0;
	border: 1;
	overflow: auto;
	resize: vertical;
	float: left;
	/* [disabled]font: normal 12px/12px Arial,Helvetica,sans-serif; */
	color: #666666;
	background-color: #F0f0f0;
}
#contact-form input.name {
	padding: 10px;
	width: 300px;
	height: 12px;
	margin-bottom: 15px;
	outline: 0;
	float: left;
	outline: 0;
	border: 1;
	overflow: auto;
	resize: vertical;
	float: left;
	/* [disabled]font: normal 12px/12px Arial,Helvetica,sans-serif; */
	color: #666666;
	background-color: #F0f0f0;
}
#contact-form input.website {
	padding: 10px;
	width: 300px;
	height: 12px;
	margin-bottom: 15px;
	outline: 0;
}
#contact-form input.email {
	padding: 10px;
	outline: 0;
	width: 300px;
	height: 12px;
	margin-bottom: 15px;
}
#contact-form input.phone {
	padding: 10px;
	width: 300px;
	height: 12px;
	margin-bottom: 15px;
	outline: 0;
	float: left;
	outline: 0;
	border: 1;
	overflow: auto;
	resize: vertical;
	float: left;
	/* [disabled]font: normal 12px/12px Arial,Helvetica,sans-serif; */
	color: #666666;
	background-color: #F0f0f0;
}
#contact-form button {
	margin-top:15px;
}
#contact-form textarea.box {
	float: left;
	border: 1;
	outline: 0;
	overflow: auto;
	font: normal 12px/20px Arial,Helvetica,sans-serif;
	color: #666666;
	resize: vertical;
	background-color: #f0f0f0;
}
#contact-form textarea.message {
	margin: 15px 0 0;
	width: 300px;
	height: 140px;
	padding: 10px;
}
/* 
================================================== 
1.6. Last tweets
================================================== 
*/
.tweet {
	float:left;
	width:300px;
}
span.tweet_text {
	display:block;
	padding:5px 0;
	border-top:1px dashed #f1925c;
	border-bottom:1px dashed #f1925c;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	color:#f1925c;
	text-transform:uppercase;
}
span.tweet_time {
	float:right;
	padding:5px 0;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	color:#f1925c;
}
span.tweet_text a {
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	text-decoration:underline;
	color:#f1925c;
}
span.tweet_time a {
	display:block;
	font:normal 14px/20px Arial,Helvetica,sans-serif;
	text-decoration:none;
	color: #f1925c;
}
/* 
================================================== 
1.7. Social icons
================================================== 
*/
#social {
	padding-bottom:30px;
	display:block;
}
#social ul {
	display:block;
	text-align:center;
}
#social li {
	display:inline;
	background:transparent;
}
#social li a {
	display:inline;
	padding:26px 16px 6px 16px;
	text-decoration:none;
	margin:0 6px 0px;
	letter-spacing:-9999px;
	line-height:0;
	color:#f0f0f0;
	font-size:0;
}
#social li.start {
	background:transparent url(../images/social-arrow.png) no-repeat left top;
	padding:15px 50px 0px 0px;
	margin:0 6px 0;
	font:normal 22px/22px 'Lobster Two',cursive;
	color:#f1925c;
	text-decoration:none;
}
#social li a.facebook {
	background:transparent url(../images/facebook.png) no-repeat top left;
}
#social li a.facebook:hover {
	background-position:top right;
	color:#f1925c;
}
#social li a.twitter {
	background:transparent url(../images/twitter.png) no-repeat top left;
}
#social li a.twitter:hover {
	background-position:top right;
	color:#f1925c;
}
#social li a.flickr {
	background:transparent url(../images/flickr.png) no-repeat top left;
}
#social li a.flickr:hover {
	background-position:top right;
	color:#f1925c;
}
#social li a.rss {
	background:transparent url(../images/rss.png) no-repeat top left;
}
#social li a.rss:hover {
	background-position:top right;
	color: #f1925c;
}
/* 
================================================== 
1.8. Footer
================================================== 
*/
footer {
	width:580px;
	margin:0 auto;
	padding:10px;
	display:block;
}
footer p {
	text-align:center;
	font:normal 12px/12px Arial,Helvetica,sans-serif;
	color:#f1925c;
}
footer p a {
	text-decoration:none;
	color: #f1925c;
}
/* 
================================================== 
1.9. Form button
================================================== 
*/
button {
	float: left;
	margin: 0;
	padding: 0;
	outline: 0;
	height: 38px;
	text-decoration: none;
	cursor: pointer;
	color: #F60;
	text-transform: uppercase;
	padding: 10px 30px 18px 30px;
	font-family: 'Cuprum', sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	background-color: #ccc;
	background-image: none;
	background-repeat: repeat-x;
	background-position: left top;
}
button:hover {
	background: transparent url(../images/form-button.png) repeat-x bottom left;
}
/* 
================================================== 
1.10. Horizontal lines
================================================= 
*/
.hr {
	width:100%;
	height:7px;
	display:block;
	margin:0;
	padding:0;
}
.hr.top {
	background:transparent url(../images/hr.png) repeat-x center bottom;
}
.hr.bottom {
	background: transparent url(../images/hr.png) repeat-x center top;
}
/* 
================================================== 
1.11. Headings
================================================== 
*/
h1,h2,h3 {
	color:#f0f0f0;
	font-family:'Cuprum',sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:10px;
	text-align:center;
}
h1 {
	line-height:32px;
	font-size:32px;
}
h2 {
	text-align: left;
	color: #000;
	line-height: 22px;
	font-size: 20px;
}
h3 {
	line-height:18px;
	font-size:18px;
}
/*
================================================== 
2. Mobile Portrait Size (width:480px)
================================================== 
*/ 
@media only screen and (min-width:321px) and (max-width:480px) {
	/* 
	================================================== 
	2.1. Header
	================================================== 
	*/ 
	header {
		width:420px;
		 
	}
	#header-inner {
		width:410px;
		margin: 30px 5px;
	}
	/* 

	================================================== 
	2.3. Tabs
	================================================== 
	*/
	#content {
		width:420px;
		padding:30px 0 0;
	}
	ul.tabs li {
		width:95px;
		height:14px;
		padding:20px 0;
		margin:0 5px;
		padding-bottom:20px;
		background:transparent url(../images/480/tab-button.png) no-repeat left top;
	}
	ul.tabs li.active {
		background:transparent url(../images/480/tab-button-active.png) no-repeat left top;
		margin:0 5px 0;
		height:14px;
		padding:20px 0 40px;
		position:relative;
		z-index:5;
	}
	ul.tabs p {
		font:normal 14px/10px 'Cuprum',sans-serif;
		padding:2px 0;
	}
	.tab-content {
		width:408px;
		margin:0 5px 50px;
	}
	.tab-content-inner {
		width:386px;
		padding:30px 10px;
	}
	.tab-content h2 {
		font: normal 20px/20px 'Cuprum',sans-serif;
	}

	================================================== 
	2.5. Contact form
	================================================== 
	*/
	#contact-form input.box {
		font:normal 12px/12px Arial,Helvetica,sans-serif;
	}
	#contact-form input.name {
		padding:10px;
		width:366px;
		height:12px;
	}
	#contact-form input.email {
		padding:10px;
		width:366px;
		height:12px;
	}
	#contact-form input.phone {
		padding:10px;
		width:366px;
		height:12px;
	}
	#contact-form textarea.box {
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	#contact-form textarea.message {
		width:366px;
		height:140px;
		padding: 10px;
	}
	/* 
	================================================== 
	2.6. Last tweets
	================================================== 
	*/
	.tweet {
		width:386px;
	}
	span.tweet_text {
		padding:5px 0;
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time {
		padding:5px 0;
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_text a {
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time a {
		font: normal 12px/20px Arial,Helvetica,sans-serif;
	}
	/* 


================================================== 
End Mobile Portrait Size (width:480px)
================================================== 




	================================================== 
	3.3. Tabs
	================================================== 
	*/
	#content {
		width:300px;
		padding:30px 0 0;
	}
	ul.tabs li {
		width:65px;
		height:14px;
		padding:20px 0;
		margin:0 5px;
		padding-bottom:20px;
		background:transparent url(../images/320/tab-button.png) no-repeat left top;
	}
	ul.tabs li.active {
		background:transparent url(../images/320/tab-button-active.png) no-repeat left top;
		margin:0 5px 0;
		height:14px;
		padding:20px 0 40px;
	}
	ul.tabs p {
		font:normal 12px/10px 'Droid Sans',sans-serif;
		padding:2px 0;
	}
	.tab-content {
		width:288px;
		margin:0 5px 50px;
	}
	.tab-content-inner {
	width: 350px;
	padding: 0px 10px;
	}
	.tab-content h2 {
		font: normal 16px/16px 'Droid Sans',sans-serif;
	}

	================================================== 
	3.5. Contact form
	================================================== 
	*/
	#contact-form input.box {
		font:normal 12px/12px Arial,Helvetica,sans-serif;
		height:540px;
	}
	#contact-form input.name {
		padding:10px;
		width:300px;
		height:12px;
		margin-bottom:15px;
	}
	#contact-form input.website {
		padding:10px;
		width:130px;
		height:12px;
		margin-bottom:15px;
	}
	#contact-form input.email {
		padding:10px;
		width:300px;
		height:12px;
		margin-bottom:15px;
	}
	#contact-form input.phone {
	padding: 10px;
	width: 300px;
	height: 12px;
	margin-bottom: 15px;
	color: #666666;
	background: #f0f0f0;
	border: 1;
	overflow: auto;
	float: left;
	}
	#contact-form textarea.box {
		font:normal 12px/20px Arial,Helvetica,sans-serif;
	}
	#contact-form textarea.message {
		margin:15px 0 0;
		width:300px;
		height:140px;
		padding: 10px;
	}
	/* 
	================================================== 
	3.6. Last tweets
	================================================== 
	*/
	.tweet {
		width:300px;
	}
	span.tweet_text {
		padding:5px 0;
		font:normal 11px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time {
		padding:5px 0;
		font:normal 11px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_text a {
		font:normal 11px/20px Arial,Helvetica,sans-serif;
	}
	span.tweet_time a {
		font: normal 11px/20px Arial,Helvetica,sans-serif;
	}
	/* 
	================================================== 
	3.7. Social icons
	================================================== 
	*/
	#social li a {
		display:inline;
		padding:26px 16px 6px 16px;
		text-decoration:none;
		margin:0 3px 0px;
		letter-spacing:-9999px;
		line-height:0;
		color:#f0f0f0;
		font-size:0;
	}
	#social li.start {
		background:transparent url(../images/320/social-arrow.png) no-repeat left top;
		padding:15px 40px 0px 0px;
		margin:0 6px 0;
		font:normal 22px/22px 'Droid Sans',sans-serif;
		color:#f1925c;
		text-decoration: none;
	}
	/* 
	================================================== 
	3.8. Footer
	================================================== 
	*/
	footer {
		width:290px;
		padding:10px 5px;
	}
	footer p {
		font: normal 12px/12px Arial,Helvetica,sans-serif;
	}
	/* 
	================================================== 
	3.9. Headings
	================================================== 
	*/
	h1 {
		line-height:24px;
		font-size:24px;
	}
	h2 {
		text-align:left;
		color:#f1925c;
		line-height:18px;
		font-size:16px;
	}
	h3 {
		line-height:16px;
		font-size: 16px;
	}
}
/*
================================================== 
End Mobile Portrait Size (width:320px)
================================================== 
*/