/* CSS Document */

/*
-------------------------------------
Website: Seventh Tribe Studios
Author: Wilson De Jesus www.wilsondejesus.com
Contact: www.seventhtribestudios.com
Date: July 19, 2009
------------------------------------*/
/*
--------------------------------------
This is the main body-here you can modify you work space
------------------------------------*/

body{
	background-image: url(images/SeventhTribeStudios_Background.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	background-attachment: fixed;
}

/*
--------------------------------------
This is the where you will modify the container
------------------------------------*/

#container{
	width: 751px;
	margin: auto;
}
#header {
	width: 751px;
	margin: auto;
	background-image: url(images/SeventhTribeStudios_MainBanner.png);
	height: 390px;
}

#navigation{
}

#logo{
	background-image: url(images/SeventhTribeStudios_Logo.png);
	height: 67px;
	width: 401px;
	float: left;
}

#welcome{
	background-image: url(images/SeventhTribeStudios_MainContent_Welcome.png);
	height: 163px;
	width: 751px;
	float: left;
}

#maincontent{
	float: left;
	width: 751px;
	background-image: url(images/SeventhTribeStudios_MainContent_Background.png);
}

#info{
	float: left;
	width: 751px;
	background-color: #000000;
}

#portfoliocontainer {
	width: 455px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#sideinfo {
	width: 230px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#copyright{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	float: left;
	width: 230px;
}

#validation{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	float: left;
	width: 230px;
}

#awards{
	float: left;
	width: 230px;
}

#bio{
	float: left;
	width: 220px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#technology{
	float: left;
	width: 220px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}

#contact{
	float: left;
	width: 220px;
	margin: 10px;
}

/*
--------------------------------------
This is the main body-here you can modify your main links
------------------------------------*/

#facebook{
	display: block;
	background-image: url(images/SeventhTribeStudios_Button_Facebook.png);
	height: 67px;
	width: 151px;
	float: left;
}

#facebook:hover{
	background-image: url(images/SeventhTribeStudios_Button_Facebook.png);
	height: 67px;
	width: 151px;
}

#facebook span{
  display: none;
}

#twitter{
	display: block;
	background-image: url(images/SeventhTribeStudios_Button_Twitter.png);
	height: 67px;
	width: 199px;
	float: left;
}

#twitter:hover{
	background-image: url(images/SeventhTribeStudios_Button_Twitter.png);
	height: 67px;
	width: 199px;
}

#twitter span{
  display: none;
}
#webportfolio1 {
	width: 450px;
	float: left;
	margin: 2px;
	height: 200px;
	background-image: url(images/SeventhTribeStudios_MainContent_TransparentWeb.png);
}
#webportfoliotitle {
	width: 435px;
	float: left;
	height: 50px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 8px;
}
#middleskillscontainer {
	float: left;
	width: 220px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#webawards {
	float: left;
	width: 220px;
	padding-bottom: 10px;
	margin-top: 20px;
}
#rightcontactcontainer {
	float: left;
	width: 220px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#socialsites {
	float: left;
	width: 220px;
	padding-bottom: 10px;
	margin-top: 20px;
}
#contactme {
	float: left;
	width: 220px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#webpic {
	width: 436px;
	float: left;
	margin: 7px;
	height: 131px;
}
#webportfolio2 {
	width: 450px;
	float: left;
	background-image: url(images/SeventhTribeStudios_MainContent_TransparentWeb.png);
	margin-top: 20px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#logopic {
	width: 135px;
	float: left;
	margin: 7px;
	height: 131px;
}
#CSSValid {
	float: left;
	width: 90px;
	margin-left: 140px;
}
.bordered {
	border: 1px solid #000000;

}

/*
--------------------------------------
This is where you will edit your link attributes
------------------------------------*/

A:link {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
A:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
A:active {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
A:hover {
	text-decoration: underline;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.generaltextwhite11 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.generaltextorange11 {
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	text-transform: uppercase;
}
.headerblue22 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bolder;
	font-size: 22px;
	color: #339999;
}
.headerwhite22 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bolder; font-size: 22px; color: #FFFFFF; }