/* CSS Document */

   @font-face {
                        font-family: 'Rockwell';
                        src: url('/inside/fonts/rockwellstd-webfont.eot');
       }

      @font-face {
                        font-family: 'Rockwell';
                        src: url('/inside/fonts/rockwellstd-webfont.woff') format('woff'),
                        url('/inside/fonts/rockwellstd-webfont.svg#') format('svg');
       }

@font-face {
	font-family: 'Rockwell';
	src: url('/inside/fonts/rockwellstd-italic-webfont.eot');
	src: local('☺'), url('/inside/fonts/rockwellstd-italic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Rockwell';
	src: url('/inside/fonts/rockwellstd-bold-webfont.eot');
	src: local('☺'), url('/inside/fonts/rockwellstd-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

      @font-face {
                        font-family: 'Rockwell2';
                        src: url('/inside/fonts/rockwell-webfont.eot');
       }

      @font-face {
                        font-family: 'Rockwell2';
                        src: url('/inside/fonts/rockwell-webfont.woff') format('woff'),
                        url('/inside/fonts/rockwell-webfont.svg#RockwellStd-Bold') format('svg');
       }
@font-face {
	font-family: 'HoneyScript';
	src: url('/inside/fonts/honeyscript-light-webfont.eot');
	src: local('☺'), url('/inside/fonts/honeyscript-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


      @font-face {
                        font-family: 'Archer';
                        src: url('/inside/fonts/Archer-Light.eot');
       }

      @font-face {
                        font-family: 'Archer';
                        src: url('/inside/fonts/Archer-Light.woff') format('woff'),
                        url('/inside/fonts/Archer-Light.svg#Archer-Light') format('svg');
       }
@font-face {
	font-family: 'Archer';
	src: url('/inside/fonts/Archer-Bold.eot');
	src: local('☺'), url('/inside/fonts/Archer-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'ArcherMedium';
	src: url('/inside/fonts/Archer-MediumItalic.eot');
	src: local('☺'), url('/inside/fonts/Archer-MediumItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Archer';
	src: url('/inside/fonts/Archer-LightItalic.eot');
	src: local('☺'), url('/inside/fonts/Archer-LightItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'ArcherBook';
	src: url('/inside/fonts/Archer-Book.eot');
	src: local('☺'), url('/inside/fonts/Archer-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'ArcherMedium';
	src: url('/inside/fonts/Archer-Medium.eot');
	src: local('☺'), url('/inside/fonts/Archer-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
background:#f9f9f9 url(/ob/images/bg.jpg) top center;
color:#252525;
margin:0;
padding:0;
font-family:Archer, Verdana, Arial;
font-size:15px;
}
.clear {
clear:both; margin:0px;
}
a:link {
color:#91c245;
text-decoration:none;
}
a:visted {
color:#91c245;
text-decoration:none;
}
a:hover {
color:#91c245;
text-decoration:underline;
}

#menu ul li {
font-family:ArcherMedium;
}
#menu ul li:hover {
color:#91c245;
cursor:pointer;
}

#content {
width:980px;
margin:0 auto;	
}
#top {
padding:10px 10px;
border-bottom:6px solid #252525;
padding-right:0;
}
#top1 {
padding:40px 10px;
border-bottom:6px solid #252525;
}
#top1:hover {
text-shadow: #252525 1px 1px 2px;
}
#bottom {
padding:20px 10px;
border-top:6px solid #252525;
margin-top:20px;
margin-bottom:200px;
}
#portfolio_bar {
background:#e0dedf;
height:162px;
overflow:hidden;
}
.recent_item {
float:left;
width:220px;
margin:20px;
margin-right:0;
margin-bottom:0;
cursor:pointer;
}
.recent_over {
width:220px;
padding:10px 0;
display:none;
background:rgba(255,255,255,.75);
margin-top:-122px;
position:absolute;
}
.recent_over_holder {
height:102px;
padding:0 10px;
display:table-cell;
vertical-align:bottom;
}
.portfolio_title {
display:none;
}
#portfolio_title {
cursor:pointer;
margin-left:10px;
margin-top:40px;
}
.recent_type {
font-style:italic;
font-size:11px;
}
.column3 {
width:292px;
float:left;
margin:20px 10px;
}
.portfolio_pane {
width:940px;
background:;
margin-left:20px;
float:left;
display:none;
height:400px;
margin-top:20px;
}
.portfolio_piece {
display:none;
height:200px;
}
.portfolio_page {
display:none;
width:980px;
position:absolute;
}
.portfolio_prev {
float:left;
cursor:pointer;
margin-left:20px;
background:url(/ob/images/prev.png) left center no-repeat;
width:27px;
}
.portfolio_prev:hover {
background:url(/ob/images/prev_over.png) left center no-repeat;
}
.portfolio_next:hover {
background:url(/ob/images/next_over.png) right center no-repeat;
}
.portfolio_next {
float:right;
margin-right:20px;
cursor:pointer;
height:20px;
background:url(/ob/images/next.png) right center no-repeat;
width:27px;
}
.portfolio_control {
margin-top:446px;

}
.portfolio_img {
background:#000;
height:360px;
width:340px;
float:left;
margin-right:20px;
}
.portfolio_date {
font-style:italic;
padding-top:10px;
}
.portfolio_visit {
}
.portfolio_type2 {
}
.portfolio_title2 {
font-size:36px;
font-family:Rockwell;
}
.recent_title {
font-family:Rockwell;
font-size:18px;
}
.html_title {
font-family:Rockwell;
font-size:22px;
margin-bottom:6px;
}
#menu {
float:right;
margin-top:70px;
font-size:12px;
}
#logo {
float:left;
}
#menu ul {
padding:0;
margin:0;
list-style:none;
}
#menu ul li {
display:inline;
margin:0 10px;
}
#macbook {
width:460px;
height:248px;
background:url(/ob/images/macbook.png);
position:absolute;
left:50%;
margin-left:-230px;
}
#yoursitehere {
float:left;
font-family:HoneyScript;
font-size:84px;
line-height:96px;
-webkit-transform: rotate(-10deg); 
-moz-transform: rotate(-10deg);
width:270px;
margin-top:30px;
margin-left:40px;
height:200px;
}
#yoursitehere div {
float:left;
display:none;
text-shadow:none !important;
}
.macbookimg {
width:314px;
height:198px;
position:absolute;
margin-top:16px;
margin-left:73px;
overflow:hidden;
display:none;
}
.macbookimg img {
width:100%;
}
#topad {
left:50%;
position:absolute;
width:380px;
margin-top:30px;
margin-left:100px;
}
#topad div {
display:none;
}
#topad_1 {
font-family:Rockwell;
font-size:48px;
font-weight:bold;
color:#8dbc43;
}
#topad_2 {
font-family:Rockwell;
font-size:96px;
font-weight:bold;
color:#1a1a1a;
margin-top:-20px;
}
#topad_3 {
font-family:Rockwell;
font-size:24px;
font-weight:bold;
color:#8dbc43;
margin-top:-10px;
}

#contact_info {
float:left;
font-size:14px;
padding-right:10px;
}
#about2 {
display:none;
}
#contact_thanks {
display:none;
}
.form_box_around {
border:1px solid #231f20;
background:#FFF;
padding:4px;
margin-bottom:10px;
}
.form_box_title {
position:absolute;
color:#666;	
font-size:16px;
margin-top:0px;
padding-left:4px;
}
.form_box {
width:100%;
border:none;
background:none;
padding:0;
margin:0;
color:#000;	
font-size:14px;
font-family:"Comic Sans MS", cursive;
outline:none;
}
.form_box_title_over {
color:#CCC;
}
.send_button {
border:1px solid #252525;
background:#91c245;
text-align:right;
padding:10px;
padding-bottom:5px;
font-size:24px;
color:#FFF;
line-height:18px;
font-weight:bold;
cursor:pointer;
font-family:Rockwell;
}
#contact_form {
position:absolute;
}
#contact_thanks {
position:absolute;
}
#contact_form_around {
display:none;
position:absolute;
width:510px;
margin-left:450px;
}
#top1 {
cursor:pointer;
}
#signmeupbox {
color:#FFF;
-moz-box-shadow: 0 0 10px #000; /* Firefox */
  -webkit-box-shadow: 0 0 10px #000; /* Safari, Chrome */
  box-shadow: 0 0 10px #000; /* CSS3 */
}
#signmeupbox:hover {
-moz-box-shadow: 0 0 20px #000; /* Firefox */
  -webkit-box-shadow: 0 0 20px #000; /* Safari, Chrome */
  box-shadow: 0 0 20px #000; /* CSS3 */
color:#252525;
}

#signmeupbox1 {
background:#8dbc43;
cursor:pointer; font-size:36px; font-family:HoneyScript; color:#FFF;
position:absolute;
margin-top:-60px;
padding:4px 8px;
padding-bottom:2px;
left:50%;
margin-left:300px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;

}
#signmeupbox1:hover {
color:#252525;
}
#readmore {
cursor:pointer;	
}
#nowserving {
border-bottom:6px solid #252525;
margin-bottom:20px;	
padding:10px;
text-align:center;
}
#twitter_update_list {
margin:0;
padding:0;
list-style:none;
display:inline;
}
.ob_twitter {
float:left;	
}