@charset "UTF-8";
/* CSS Document */



@import "reset.css";
@import "typography.css";
@import "forms.css";
@import "tabs.css";

/* Page
-------------------------------------------------------------- */

#page {
	margin: 0 auto;
	width: 950px;
}

/* Page
-------------------------------------------------------------- */

#content {
	width: 950px;
	height: 200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#content_home {
	width: 950px;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content_about {
	width: 950px;
	height: 555px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content_portfolio {
	width: 950px;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* Header
-------------------------------------------------------------- */

#header {
	margin-top: 20px;
}
#header .tabs {
	border-bottom:none;
}
#header .tabs li {
	margin-right: 1px;
}
#header .tabs a {
	padding: 0px 10px;
	background: #e4e4e4;
	text-decoration: none;
	font-size:1em;
	color:#666;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
#header .tabs a:hover {
	color:#000;
}


/* Logo
-------------------------------------------------------------- */

#logo {
	float:right;
	width:243px;
	height:90px;
	top: 0;
}
#logo a {
	border:none;
}

/* Logo
-------------------------------------------------------------- */

#logo {
	float:right;
	width:243px;
	height:90px;
	top: 0;
}
#logo a {
	border:none;
}


/* Logo
-------------------------------------------------------------- */

#logo {
	float:left;
	width:243px;
	height:90px;
	top: 0;
}
#logo a {
	border:none;
}

/* Menu
-------------------------------------------------------------- */

#menu {
	margin-top: 30px;

}
#menu {
	float: right;
	
	
}

#menu h1 {
	font-size: 2.2em;
	line-height: 1;
	margin-bottom: 0.2em;
	letter-spacing:-1px;
	font-weight: normal;
	color: #191919;
}

#menu h1 a {
	
	color:#333;
	text-decoration: none;
}


#menu .active {
	color: #990000;
}

#menu a:hover {
	color: gray;
}


#introduction .problem {
	width:950px;
	height:35px;
	margin-top:1em;
	margin-bottom:1.2em;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	line-height:37px;

}
#introduction .problem p {
	padding-left:20px;
	color:#999;
}
#resources {
	float: left;
	width: 230px;
}
#resources h3 {
	color: #888;
}
#resources ul, #resources ol {
	color: #888;
}
#resources ul a {
	color: #555;
}
/* Footer
-------------------------------------------------------------- */
#footer {
	margin: 50px auto 0;
	width: 950px;
	height: 70px;
			border-top:1px solid #000;
	padding-top: 20px;
}

#footer .tabs {
	width: 250px;
	border-top: 0px solid #eee;
}
#footer .tabs a {
	padding: 10px 10px 10px 0;
	color: #999;
	text-decoration: none;
	
}
#footer .tabs a:hover {
	color:#111111;
}

#footer ul.tabs { margin: 0; padding: 0; }
#footer ul.tabs li {list-style: none; margin: 0; padding: 0; }
#footer ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
#footer ul.tabs { display: inline-block; }
#footer ul.tabs:after { content: "."; display: block; height: 0; clear: none; visibility: hidden; }

#footer ul.tabs { display: block; }

#footer p.quiet {
	color: #999;
}
#footer .icons {
	width:950px;
	height:35px;
	margin-top:1em;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
}
#footer .icons .tabs {
	width: 225px;
	
}
#footer .icons .tabs a {
	padding: 9px 30px 10px 0;
	color: #666;
	text-decoration: none;
}
/*Columns Index Page
---------------------------------------------------------------*/
.left_column {
	padding: 10px 0px 0px 0px;
	width: 215px;
	float: left;
	text-align: left;
	border-top:1px solid #000;

	
}
.left_column p {
	color:#666666;
	font-size:0.9em;
	text-align: left;
}
.left_column a {
	color:#3351B0;
	text-align: left;
}
.left_column_contact {
	margin-right: 20px;
	padding: 10px 0px 0px 0px;
	width: 280px;
	float: left;
	text-align: left;
	border-top:1px solid #000;

	
}
.left_column_contact p {
	color:#666666;
	font-size:0.9em;
	text-align: left;
}
.left_column_contact a {
	color:#3351B0;
	text-align: left;
}

.left_column_contact2 {
	margin-right: 20px;
	padding: 10px 0px 0px 0px;
	width: 280px;
	float: left;
	text-align: left;
	border-top:1px solid #000;

	
}
.left_column_contact2 p {
	color:#666666;
	font-size:0.9em;
	text-align: left;
}
.left_column_contact2 a {
	color:#3351B0;
	text-align: left;
}
.left_column_about {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 300px;
	float: left;
	text-align: left;
}
.left_column_about p {
	color:#666666;
	font-size:0.9em;
	text-align: left;
}
.left_column a {
	color:#3351B0;
}
.center_column {
	padding: 10px 0px 0px 0px;
	width: 348px;
	float: left;
		border-top:1px solid #000;
		margin-left: 10px;

	

}
.center_column p {
	color:#666666;
	font-size:0.9em;
	text-align: left;
}
.center_column a {
	color: #333;
	font-family: inherit;
	text-align: left;
}

.center_column_home {
	padding: 10px 0px 0px 0px;
	width: 500px;
	float: left;
		border-top:1px solid #000;
		margin-left: 10px;


}
.center_column_home p {
	color:#666666;
	font-size: 1em;
}
.center_column_home a {
	color: #333;
	font-family: inherit;
}


#footer_centre_column {
	margin: 0px;
	width: 300px;
	float: centre;
	
	
}

#footer_right_column {
	margin: 0px;
	
	width: 300px;
	float: right;
	display: inline;
}
 
#footer_right_column li
{
display: inline;
list-style-type: none;
padding-left: 20px;
}
 

#footer_right_column .tabs {
	width: 175px;
	float: right;
}

.right_column {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	width: 290px;
	float: left;
}
.right_column p {
	color:#666666;
	font-size:0.9em;
	
}
.right_column h1 {
	padding: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 48px;
	float: left;
}
.right_column img {
	padding-right:10px;
	padding-top:2px;
	float: left;
}

.right_column_home {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 215px;
	float: left;
		border-top:1px solid #000;
		margin-left: 10px;

}
.right_column_home2 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 250px;
	float: left;
	

}
.right_column_home p {
	color:#666666;
	font-size:0.9em;
	
}
.right_column_home h1 {
	padding: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 48px;
	float: left;
}
.right_column_home img {
	padding-right:10px;
	padding-top:2px;
	float: left;
}
.panel-overlay h2, .panel-overlay p {
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
	font-size:13px;
}

/*Columns Portfolio Page
---------------------------------------------------------------*/
.center_column_portfolio {
	margin: 0px;
	padding: 20px 20px 20px 20px;
	width: 340px;
	float: left;
}
.center_column_portfolio p {
	color:#666666;
	font-size:0.9em;
	text-align: left;
}
.center_column_portfolio a {
	color: #3351B0;
}
.right_column_portfolio {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 290px;
	float: left;
}
.right_column_portfolio p {
	color:#666666;
	font-size:0.9em;
	
}
.right_column_portfolio h1 {
	padding: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 48px;
	float: left;
}
.right_column_portfolio img {
	padding-right:10px;
	padding-top:2px;
	float: left;
}

/* Showcase
-------------------------------------------------------------- */

.showcase {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:1.2em;
	height:6px;
	width:950px;
	clear:both;
}
.showcase-bg {
	width: 950px;
	height: 485px;
	background-image: url(../images/ripped%20site/showcase-bg.png);
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.showcase-img {
	margin: 0px 15px 0px 0px;
	padding: 5px;
	background-color: #ffffff;
	float: left;
}
.left_show {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	width: 300px;
	float: left;
}
.left_show p {
	color:#666666;
	font-size:0.9em;
}
.left_show a {
	color:#111111;
	text-decoration:none;
}
.middle_show {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 300px;
	float: left;
}
.middle_show p {
	color:#666666;
	font-size:0.9em;
}
.middle_show a {
	color:#111111;
	text-decoration:none;
}
.right_show {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 275px;
	float: left;
}
.right_show p {
	color:#666666;
	font-size:0.9em;
}
.right_show h1 {
	color:#999;
	font-size:32px;
	display:inline;
	padding-right:0px;
}
.right_show a {
	color:#111111;
	text-decoration:none;
}


foward_slash {
	font-weight: normal;
}

.slash {
	font-weight: normal;
	font-style: normal;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.contact {
	background-color: #bbb;
	padding: 20px;
}

#global-header {
	
}

body > #global-header {
	position: fixed;
}


/* End
-------------------------------------------------------------- */

#gallery_bkg {
	background-image: url(../images/gsalery_bkg.jpg);
	height: 32px;
}

.footer_left_column {
	margin: 0px;
	
	width: 300px;
	float: left;
	display: inline;
}

.footer_left_column li
{
display: inline;
list-style-type: none;
padding-right: 20px;
	margin-top: 100px;
}

#portfoliolinks{
	margin: 0 auto;
	width: 950px;
	height: 100px;
}

#portfolio-navigation {
		padding-top: 10px;
	height:10px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

#portfolio-navigation-back {
	float:left;
}

#portfolio-navigation a {
	
		color:#000000;

	}
	
	
	
	.blog {
		
		
		float:right;
		height:61px;
		width:48;}
		
		
			.blog img {
				padding-top:15px;
				padding-left:10px;
		
		}
		
		.flash {
		padding-left: 250px;
		}