/* 
---------------------------------------------------------------------------------------------------------
WEB ARCHITECURE by Gastonjah 
---------------------------------------------------------------------------------------------------------
*/

@import url(http://fonts.googleapis.com/css?family=Anton&v1);

@import url(1020.css);

/* Global Styles 
---------------------------------------------------------------------------------------------------------*/

	body								{background: #fff; font-size:13px; font-family:Helvetica, Arial, sans-serif; line-height: 1.4; word-wrap: break-word; letter-spacing:0; color:#000; -webkit-font-smoothing: subpixel-antialiased}
	#wrapper							{margin:20px auto; padding: 0 30px;}
	
	a:focus								{outline:1px dotted;}
	a									{color:#777; text-decoration:none;}
	a:hover								{text-decoration:none;}
	a span								{font-size:90%;}
	h1									{font-size:25px;}
	h2									{font-size:23px;}
	h3									{font-size:21px;}
	h4									{font-size:19px; font-weight:lighter;}
	h5									{font-size:17px;}
	h6									{font-size:15px;}
	ol									{list-style:decimal;}
	ul									{list-style:disc;}
/*	li									{margin-left:20px; position:relative;}
*/	p,
	li,
	dl									{line-height:20px; list-style: none;}
	p,
	dl,
	hr,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ol,
	ul,
	pre,
	table,
	address,
	fieldset,
	img									{margin-bottom:20px;}						
	h1,
	h2,
	h3,
	h4,
	h5,
	h6									{color: #ed1e79;}
	
	.pink								{color: #ed1e79;}
	a.pink:link, a.pink:visited			{color: #ed1e79;text-decoration: none;}
	.orange								{color: #ed1e79;}
	
	ul li ul,
	ol li ol							{margin-bottom:0px;}
	ol									{padding: 0 0 0 5px;}
	
	.center_text						{text-align: center;}
	
/* Global Classes 
---------------------------------------------------------------------------------------------------------*/

	.dr									{border:none; border-top:1px solid #ed1e79; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;}
	.hr									{border:none; border-bottom:1px solid #ed1e79; border-top:1px solid #ed1e79; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;}
	.pr									{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;}
	.dotted								{border-style:dashed; border-left:0; border-right:0;}	
	.meta								{font-weight:normal;font-family: 'Droid Serif', "Times New Roman", Times, serif; font-size:11px; color:#ed1e79 !important; line-height:16px; text-transform:none; text-shadow:none;}
	.meta_title							{font-weight:normal;font-family: 'Droid Serif', "Times New Roman", Times, serif; font-size:11px; color:#85bfc3 !important; line-height:16px; text-transform:none; text-shadow:none;}

	.right								{float:right;}
	.left								{float:left;}
	.img_left							{float:left; margin:10px 20px 10px 0;}
	.img_right							{float:right; margin:10px 0 10px 20px;}
	.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
	.textright 							{text-align:right;}
	.error,
	.success							{display:none;}

/* Buttons 
---------------------------------------------------------------------------------------------------------*/

	.button, .button:visited 			{background:#000000 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; font-size:13px; font-weight:bold; line-height:1; border:0;}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}
	
/* Section => Header 
---------------------------------------------------------------------------------------------------------*/
	.full-header						{position:relative; margin: 0; padding: 0; height: 180px;}

	#logo	 							{position: absolute; margin: -25px 0 0 10px; color:#000; padding: 0;}
	#logo img							{height:auto; width: auto;}
/* Site Navigation 
---------------------------------------------------------------------------------------------------------*/

	ul#navigation						{text-transform:uppercase; margin: 130px 0 0 440px; position:absolute;}
	ul#navigation li 					{float:right; display:inline; margin : 0px 20px 0 0;}
	ul#navigation li a					{font-family: Helvetica, arial, serif; display:block; text-decoration:none; color:#000; font-size:20px;}
	ul#navigation li a:hover,
	ul#navigation li a.current		    {color: #ed1e79; text-decoration: underline;}

/* Footer 
---------------------------------------------------------------------------------------------------------*/
	.full-footer						{background: #1d1d1d; text-shadow: none; border-top: #444 2px solid; border-bottom: #444 2px solid; -webkit-box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333; box-shadow: 0px 0px 10px #3333;}
	
	.footer p,							
	.footer a							{color:#666;}
	.footer a:hover						{color:#ed1e79;}
	.footer h3							{color: #fff; font-weight: normal; text-transform: uppercase; font-size: 14px;}
	
	.bottom-footer						{border-top: 1px solid #222; bottom: 0; margin-bottom: -20px; padding: 5px;}
	.bottom-footer p					{margin-bottom: 0;}
	
/* Sub Navigation 
---------------------------------------------------------------------------------------------------------*/

	ul.sidebar							{list-style:none; margin:0 0 30px 0; padding:0;}
	ul.sidebar li						{margin:0 0 0 0; padding:0;}
	ul.sidebar a						{width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #e4e4e4; text-decoration:none; color:#393939; }
	ul.sidebar li:last-child a			{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px;}
	ul.sidebar li:first-child a			{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;  -webkit-border-top-left-radius:5px;  -webkit-border-top-right-radius:5px;}
	ul.sidebar a:hover					{width:280px; background:#f6f6f6; padding:10px 0 10px 20px;}
	
/* Caption 
---------------------------------------------------------------------------------------------------------*/

	h2.caption 							{color: #333; font-size:23px; line-height:30px;font-weight:normal; }
	h2.caption span						{color:#666; font-size:25px; letter-spacing: -1px; font-weight:bold;}
	h2.caption a:hover					{text-decoration : underline;}

/* Homepage QuickNavigation 
---------------------------------------------------------------------------------------------------------*/
	.blk-home-quote-l					{display:inline-block; vertical-align: middle;}
	.blk-home-quote-r					{display:inline-block; vertical-align: middle; text-transform:uppercase; font-size: 13px;}
	
	#quicknav							{background:url(../images/link_border.png) repeat-x;}
	a .title 							{color:#bed8da;}
	.quicknavgrid_3						{width:204px; margin:0px; padding:20px 20px 0; display:inline; float:left; position:relative; margin-left:1px;}
	.quicknav							{background:#FFFFFF;}
	.quicknav:hover						{background:url(../images/link_bg.png) repeat-x;}
	.quicknavhr							{margin-bottom:0;}
	.quicknav.alpha						{margin-left:0; width:205px;}
	#twitter_update_list li				{padding: 3px 0;}

/* About Us Page Timeline 
---------------------------------------------------------------------------------------------------------*/

	dl.history							{margin:10px 10px;}
	dl.history							{margin:0 0 10px 0; zoom:1}
	dl.history dt						{width:50px; float:left; font-weight:bold;}
	dl.history dd						{width:250px; float:left; padding:0; margin-bottom:20px;}
	
/* Steps Page Timeline 
---------------------------------------------------------------------------------------------------------*/

	dl.steps							{margin:10px 10px;}
	dl.steps							{margin:0 0 10px 0; zoom:1}
	dl.steps dt						    {width:50px; float:left; font-weight:bold;}
	dl.steps dd						    {width:220px; float:left; padding:0; margin-bottom:20px;padding-right:20px;}
	
/* Common Scroller Styles 
---------------------------------------------------------------------------------------------------------*/

	.roundabout-holder 					{list-style:none; width:700px; height:400px; margin:0px auto;}
	.roundabout-moveable-item 			{font-size:12px!important; height:400px; width:700px; cursor:pointer;}
	.roundabout-moveable-item img 		{height:100%; width:100%; margin:0;}
	.roundabout-in-focus 				{cursor:auto;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; box-shadow: 0px 0px 20px #787878; background:#f9f9f9;}
	.roundabout-holder span				{display:none; font-size:12px;}
	.roundabout-in-focus:hover span		{display:inline; position:absolute; color: #78a1a9; bottom:75px; right:55px; padding:8px 20px; background: url(../images/blk-bg.png) repeat; z-index:999; font-size : 14px; font-weight: bold; letter-spacing: -.5px; border-left:4px solid #ff3366; }
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabou li 						{margin:0}
	a img								{border:none; outline:0;}

/* Banner
---------------------------------------------------------------------------------------------------------*/

	.banner								{border: 1px solid #ccc; -webkit-box-shadow:0px 0px 5px #787878; -moz-box-shadow:0px 0px 5px #787878; box-shadow:0px 0px 5px #787878;}
	.banner img							{margin-bottom: 0px;}
	
/* Portfolio Image Slider 
---------------------------------------------------------------------------------------------------------*/

	#folio_scroller_container						{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}

/* Main Content Typography
---------------------------------------------------------------------------------------------------------*/
	.content							{}
	.content h2							{color: #000; font-weight: normal; text-transform: uppercase; font-size: 18px;}
	.content h2 a						{color: #ed1e79;}
	.content p							{text-align: justify;}
	
/* Portfolio Styles 
---------------------------------------------------------------------------------------------------------*/
	
	.portfolio_item						{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item img					{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span				{display:none;}
	.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; box-shadow: 0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item:hover span			{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}
	
/* Blog Post Styles 
---------------------------------------------------------------------------------------------------------*/

	.post a:hover						{text-decoration:underline;}
	.post .title						{color:#393939; font-size:30px;}
	.post .title a						{color:#393939; text-decoration:none;}
	.post a.button:hover				{text-decoration:none;}
	.post .sub							{font-size:12px; color:#9d9d9d;}
	.post .thumb						{width:619px; height:150px; padding:5px; border: 1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Comment's List 
---------------------------------------------------------------------------------------------------------*/
	
	.commentlist						{margin:0; padding:0; margin-bottom:20px; float:left; width:100%;}
	.commentlist li						{width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0; position:relative;}
	.gravatar							{float:left; width:60px; padding:0px 10px 0 0; text-align: center;}
	.gravatar img						{display:block; padding:5px; padding-left:none; margin-bottom:0px;}
	.comment_content					{float:left; width:569px;}
	.commentmetadata					{float:right;}
	.comment-reply-link					{text-decoration:none; font-size:10px;}
	.author_name						{font-weight:bold; font-style:normal; font-size:15px; float:left;}
	.author_name a{color:#000000;}
	.comment_text						{clear:both; margin-top:10px;}
	.comment-reply-link					{text-align:center; display:block;}
	
/* Contact Form 
---------------------------------------------------------------------------------------------------------*/

	p.error								{margin-left:140px; margin-top:10px;}
	.full_contact_form ul				{float:left;}
	.full_contact_form ul li			{margin:10px 0; list-style:none; position:relative; clear:both;}
	.full_contact_form label			{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	.full_contact_form input#name,
	.full_contact_form input#email,
	.full_contact_form input#subject,
	.full_contact_form textarea			{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.full_contact_form input#name,
	.full_contact_form input#email,
	.full_contact_form input#subject	{width:400px;}
	.full_contact_form textarea			{width:500px;height:150px; resize: none;}
	.full_contact_form input.button		{float:right;}
	
/* Mini Contact Form 
---------------------------------------------------------------------------------------------------------*/

	.mini_contact_form ul				{float:left;}
	.mini_contact_form ul li			{margin:10px 0; list-style:none; position:relative; clear:both;}
	.mini_contact_form label			{line-height:35px; width:100px; float:left; margin-left:10px;}
	.mini_contact_form input#name,
	.mini_contact_form input#email,
	.mini_contact_form input#subject,
	.mini_contact_form textarea			{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.mini_contact_form input#name,
	.mini_contact_form input#email,
	.mini_contact_form input#subject	{width:280px;}
	.mini_contact_form textarea			{width:280px;height:150px; resize: none;}
	.mini_contact_form input.button		{float:left; margin-left: 10px;}
	
/* Comment form 
---------------------------------------------------------------------------------------------------------*/

	#comment_form ul					{float:left;}
	#comment_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#comment_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#comment_form input,
	#comment_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#comment_form input					{width:400px;}
	#comment_form textarea				{width:500px; height:150px; resize:none;}
	
/* Contact Page Sidebar 
---------------------------------------------------------------------------------------------------------*/

	.contact ul 						{list-style:none;}
	.contact li 						{margin:0;}

/* Overiding Classes */
/* Must remain at the bottom of the stylesheet */

	.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
	* html .clearfix 					{height:1%;}
	.alpha								{margin-left:0;}
	.omega								{margin-right:0;}