body {
	/* background: url('images/bg_top.jpg') repeat-x top; */
    background-color: #DCDCDC;
    color: #767676;
    font-family: Lucida Grande, Arial, Sans-serif;
    font-size: 11px;
    margin: 0px;
}

a {
    color: #767676;
	text-decoration: none;
    -webkit-transition-property: color;
    -webkit-transition-duration: 600ms;
    -webkit-transition-timing-function: ease-in-out; 
}

	
a:hover {
    color: #333333;
	text-decoration: none;
}

img {
	border: 0px;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 750px;
    /* background: url('images/shadow.jpg') no-repeat bottom; */
    padding-bottom: 35px;
}

#top {
    width: 100%;
    height: 80px;
    margin-bottom: 30px;
}


#logo {
	float: left;
    width: 270px;
    height: 90px;
    padding-top: 0px;
    text-align: center;
    background: url('images/shadow.jpg') no-repeat bottom;
    background-color: white;
}

#top_middle {
    margin-left: 15px;
    padding-left: 0px;
	float: left;
    height: 90px;
    width: 290px;
    padding-top: 40px;
}

#top_right {
	float: left;
    padding-top: 0px;
    margin-left: 10px;
    margin-top: 10px;
}


#top_right a {
    color: #767676;
	text-decoration: none;
	-webkit-transition-property: color;
    -webkit-transition-duration: 600ms;
    -webkit-transition-timing-function: ease-in-out; 
}
	
#top_right a:hover {
    color: #333333;
	text-decoration: none;
}

#top_menu_home {
	float: left;
	padding-top: 20px;
	margin-right: 20px;
	-webkit-transition-property: border;
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: linear; 
    border-bottom: solid 10px #DCDCDC;
}

#top_menu_home:hover {
	border-bottom: solid 10px #ECECEC;
}

#top_menu_home_on {
	float: left;
	padding-top: 20px;
	margin-right: 20px;
	border-bottom: solid 10px #ECECEC;
}

#top_menu_blog {
	float: left;
	padding-top: 20px;
	margin-right: 20px;
	-webkit-transition-property: border;
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: linear; 
    border-bottom: solid 10px #DCDCDC;
}

#top_menu_blog:hover {
	border-bottom: solid 10px #ECECEC;
}

#top_menu_blog_on {
	float: left;
	padding-top: 20px;
	margin-right: 20px;
	border-bottom: solid 10px #ECECEC;
}

#top_menu_portfolio {
	-webkit-transition-property: border;
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: linear; 
    border-bottom: solid 10px #DCDCDC;
	float: left;
	padding-top: 20px;
}

#top_menu_portfolio:hover {
border-bottom: solid 10px #ECECEC;
}

#top_menu_portfolio_on {
	float: left;
	padding-top: 20px;
	border-bottom: solid 10px #ECECEC;
}
	
#top_menu_contact {
	float: left;
}

#content {
    width: 720px;
	padding: 20px;
	background: url('images/top_left.jpg') no-repeat top left;
    background-color: white;
    border-right: #CACACA solid 1px;
    border-bottom: #D6D6D6 solid 1px;
}

h1 {
    color: #333333;
    font-size: 35px;
    text-shadow: #CCCCCC 0px 1px 1px;
    padding-left: 70px;
    padding-top: 60px;
    margin: -2px;
}

h2 {
	text-align: right;
	padding-right: 90px;
	padding-bottom: 30px;
	font-size: 20px;
}

h3 {
	color: #333333;
	font-size: 25px;
	margin-top: 0px;
}

h4 {
	color: #333333;
	font-size: 20px;
	margin: -2px;
}

h5 {
	font-size: 15px;
	margin: -2px;
}


#inner_content {
    width: 700px;
    height: 230px;
    margin-left: 20px;
}

#blog {
    width: 700px;
	margin: 0px;
}

#blog_content {
	float: left;
    width: 510px;
    margin-left: 20px;
}

#blog_content h3 {
	color: #333333;
	font-size: 12px;
	margin-top: 0px;
}

#blog_content textarea {
	width: 300px;
	height: 100px;
	border: 3px solid #4096EE;
	padding: 5px;
}

.blog_text a {
    color: #767676;
	text-decoration: underline;
	-webkit-transition-property: color;
    -webkit-transition-duration: 600ms;
    -webkit-transition-timing-function: ease-in-out; 
}

	
.blog_text a:hover {
    color: #333333;
	text-decoration: underline;
}

#blog_right {
	margin-left: 570px;
    width: 150px;
}

#blog_right li {
list-style-type: none;
}


.block{
	text-align: center;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 270px;
	height: 170px;
	border: solid 4px #4096EE;
}

.block_right{
	width: 260px;
	float: left;
	line-height: 17px;
}

.header {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
}

.used {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#footer {
    margin: 0 auto;
    position: relative;
    width: 750px;
	text-align: right;
}
	
#bigthing{
	width: 720px;
	height: 200px;
	background: url('images/bigthing.jpg') no-repeat;
	margin-bottom: 20px;
}

.clear {
    clear: both;
}

#news {
    width: 700px;
	margin: 0px;
}

#news_content {
	float: left;
    width: 510px;
    margin-left: 20px;
}

#news_content h3 {
	color: #333333;
	font-size: 12px;
	margin-top: 0px;
}

.news_text a {
    color: #767676;
	text-decoration: underline;
	-webkit-transition-property: color;
    -webkit-transition-duration: 600ms;
    -webkit-transition-timing-function: ease-in-out; 
}

	
.news_text a:hover {
    color: #333333;
	text-decoration: underline;
}

.news_content_bottom {
	float: right;
}


#news_right {
	margin-left: 570px;
    width: 156px;
}

#twitter_news {
    margin-top: 5px;
    width: 150px;
    padding: 3px;
    padding-top: 6px;
    padding-bottom: 22px;
    background: url('images/bottom_twitter.jpg') no-repeat bottom;
    background-color: #F3F3F3;
}

#portfolio {
    width: 700px;
	margin: 0px;
}

#portfolio_right {
	margin-left: 440px;
    width: 290px;
}

#portfolio_image {
	float: left;
    width: 410px;
    margin-left: 20px;
}