/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea,fieldset{ margin:0; padding:0;}
/******************************************************************/

body{ background:#FFF url(../images/navy-bg.gif) center repeat; 
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
line-height:23px; 
position:relative; z-index:0;
}

#top{position:absolute; top:0; left:0; min-height:190px; min-width:1050px;
z-index: 6; width:100%; background: url(../images/bg-container-top.png) repeat-x;
}

#bottom {position:absolute; bottom:0; left:0;  height:300px; min-height:300px; width:100%; background: url(../images/wrinkled.png) repeat-x; margin:240px 0 0 0;
}

#frame {width:990px; margin:0 auto; border:none;}


#intro {position:relative; margin:0 0 35px 0px; width:100%;
}

#text {background:transparent; padding:5px 0px 15px 10px;}

/**************** Main Content *******************************/
#main{ /*main area, contains all content and sidebars*/
float:left;  /* background:#dcdad3 url(../images/schoolpaper.png) repeat-y; /*SCHOOLPAPER BG */
position:relative; 
margin:365px 0 0px 25px;
width:890px; min-height:1300px; height:100%;
}





.services-frame {min-height:340px;  margin:0 0 30px 10px;  width:885px; padding:10px ;   }
.services-frame .why {position:absolute; left:665px; top:-150px; background: url(../images/bg_texture.png) repeat; border: thin dashed silver; min-height:328px; z-index:12;}
.services-frame .why h2, ul {margin:0; padding:5px ; list-style:none; }
.services-frame .why ul li {font-size:9px; font-style:italic; line-height:1em; padding:0 2px 0 5px; 
 }

.latest-frame {width:920px; padding:10px ; min-height:310px; /* border:thin dashed silver; */ margin-bottom:25px;} 
.latest-frame h3 {color:#FFF;}
.latest-frame p {color:#CCC;}
.latest-frame #recent_projects {width:578px; float:left; margin:28px 0px 0px 0px;}
.latest-frame #recent_projects h2 {font-size:18px; font-weight:normal; color:#0CB0CC; background:url(../images/backgrounds/monitor-icon.jpg) no-repeat; line-height:32px; margin-bottom:19px; text-indent:38px;}


.text { padding:10px ;}

.text h3{max-width:925px;}

/*** PAGINATION ***/
#logo{
	width:200px; 
	text-align:center;
	margin:0 0 0 380px;
	float:left; border:none;
}

#tonian {position:relative; top:-95px; float:right; margin-right:15px; opacity:.5; z-index:7;} /* IAN & TONI IMAGE */





/* old contact form 
#contact {position: absolute; right:0; top:4px; width:230px; float:right; height:180px; background: url(../images/contact-bg.png) no-repeat; z-index:11;}
#contact form {position:relative; *left:40px; *top:25px;}

#contact div {position:relative;}
#contact div p {position:absolute; top:0px; left:45px; width:190px; height:90px; }
#commentForm {top:26px; left:42px; float:left; position:inherit; font-size:9px; margin:2px 0 0 2px; color: #333;}
#quick-submit {position:absolute; left:85px; top:100px;}

*/


/* Top Navigation bar menu styling */
#header { 
	font-family:Tahoma, Arial, Verdana; position:relative;
	width:970px;
	margin-top:0px;	left:20px;
	float:left;
	list-style-type:none;
}




/*LATEST DESIGNS IMAGE PLUS BLOCKS*/
.one_fourth{
	overflow:hidden;
	float:left;
	position: relative;
	font-size:12px;
	line-height:15px;
	margin-right:21px;
	width:209px;
}

.one_fourth a:hover {color: #900;}

.one_fourth .last{
	overflow:hidden;
	float:left;
	position: relative;
	font-size:12px;
	line-height:15px;
	margin-right:0px;
	width:209px;
}

.one_fourth img{
	padding:2px; border:2px silver solid; 
}
.one_third{
	overflow:hidden; margin-top:-160px;
	float:right;
	position: relative;
	margin-right:15px;
	width:230px;
}
.one_third .last{
	overflow:hidden; margin-top:-165px;
	float:right;
	position: relative;
	margin-right:20px; 
	width:230px;
}
.one_half{overflow:hidden; float:left; position: relative; margin-right:23px; width:298px; }
.three_fourth{overflow:hidden; float:left; position: relative; font-size:12px; margin-right:23px; width:510px; }
.two_third{overflow:hidden; float:left; position: relative; margin-right:23px; width:436px; }

.one_fourth .more-link {clear:all;  float:left; background:url(../images/bg_texture.png) repeat; padding:2px; margin:10px 0 0 0; border:thin dashed silver; color:#FFF}



/************************************************************************
-) TESTIMONIALS / SERVICES SECTION - HOVER BLOCKS
*************************************************************************/
#testimonial{
clear:both;
position: relative;
}

#testimonial .quote{
height:60px;
width:60px;
position: absolute;
z-index: 5;
top:52px;
left:0;
}

.testimonial_slides{
clear:both;
float:left;
position:relative;
width:100%;
margin-top:0px;
}


#testimonial h1{
float:left;
line-height:60px;
padding: 0;
}

.testimonial_author_pics{
	float:left; 
	position: relative;
	padding-bottom:18px;
}

.testimonial_author_pics a, .testimonial_author_pics img {
float:left; border:white thin dashed;
display: block;
}

.testimonial_author_pics img{
padding:3px;
} 

.testimonial_author_pics a{
margin-left: 5px !important;
margin-left:2.5px; /*ie6fix*/
padding:1px;
outline: none;
}


.testimonial_arrow{
width:24px;
height:12px;
position: absolute;
bottom:-1px;
left:23px;
z-index: 10;
}

#testimonial .heading{
z-index: 5;
position: relative;
font-size: 16px; color:white; 
}

#top .t_slide_active{
display:block;
}

#testimonial_sidebar{
padding-top:78px;
}

.testimonial_author{ 
font-style: italic; color: #000; font-size:12px;
}

.t_slide{ /* Services img click box */
display: none; background: url(../images/bg_texture.png) repeat;
border:thin dashed white;
padding:15px;
clear: both;
position: relative;
width:572px;
float: left;
}

.testimonial_img, .testimonial_img img{
border: none;
display: block;
float: left;
z-index: 7;
position: relative;
width:150px;
}

#top .testimonial_img:hover img{
border:none;
}

.testimonial_entry{
padding-left:20px;
font-size: 12px;
z-index: 5;
position: relative;
float: left;
width: 395px;
}

/************************************************************************
-) SLIDER
*************************************************************************/

.feature_wrap{
position: relative; top:210px; *top:-75px;
width:990px;
}

.featured_inside, .featured, .fadeout{ 
height:400px; 			/*this changes the height of the image slider*/
}

.featured_inside a{
display: block;
width:100%;
height:100%;
}

.newsselect{
height:398px; 			/*if you change the height value above also change this one*/
}

#feature_background{
padding:0 0 20px 0;
}

.featured_inside{ /*main frame */
position:absolute; top:0; float:left;
width:940px; margin:10px 25px;
overflow: hidden;
}

#top .featured1{
border:none;
display: block;
}


.featured{
width:910px; 
position:absolute;
top:-1px;
left:-1px;
overflow: hidden;
display:none;
}

#top .fadeout{
position:absolute;
width:200px;
display:block;
right:0px;
z-index: 4;
}


/*accordion*/

 .feature_excerpt, {
width:630px; display:none;
}

.feature_excerpt a:hover {display:inline;}

.heading_clone{
position: absolute;
z-index: 5;
bottom:20px;
left:20px;
font-size: 13px;
text-transform: uppercase;
padding:0;
margin: 0;
}

/*blockslider + fadeslider */
.blockslider .featured, .fadeslider .featured{
width:100%;
border:none;
}

#top .blockslider .feature_excerpt, #top .fadeslider .feature_excerpt{
display:none;
}

.js_active .blockslider .featured img, .js_active .fadeslider .featured img{
visibility: hidden;
}

#top .slidecontrolls{
position:absolute;
right:30px;
top:420px;
/* width:10px; */
z-index: 10;
}

#top .slidecontrolls a{
height:10px;
padding:2px 2px;
width:10px;
display:block;
cursor: pointer;
outline: none;
float:left;
}



/************************************************************************
-) FOOTER
*************************************************************************/

#footer_inside{
clear:both;
padding-bottom:0px;
}

#footer_outside{
font-size:11px;
line-height:16px;
margin:0 auto;
overflow:auto;
padding:15px 0 0px;
position:relative;
width:960px;
}



#copyright {position:relative; }
#copyright h4 {width:350px; margin:10px auto 0 auto; }
#copyright img {}


#breadcrumbs {position:relative; left:0px; *left:55px; float:left; margin:5px auto 25px auto; width:920px;  min-height:120px; z-index:2; } 
#breadcrumbs .f-block {width:200px; padding:5px; margin:0 15px 0 10px; float:left;  }
#breadcrumbs .f-block.last {width:145px; padding:5px; margin:0 10px 0 0px; float:right; *float:none;}
#breadcrumbs h4 {margin:4px 0 0 0;}
#breadcrumbs .f-block .last h5 img {float:left; margin:0 2px 0 0; }
#breadcrumbs .f-block h5 a:active, a:link, a{color:#900; }
#breadcrumbs .f-block h5 a:hover{color: #000; }
#breadcrumbs span{position:absolute; top:100px; left:0px; }
#breadcrumbs ul {list-style:inside  disc; list-style-image:}
#breadcrumbs ul li{color:#CCC;}
#breadcrumbs ul li a{color:#000;} 

#breadcrumbs .social-icons {float:left; padding:2px; margin:4px; border:none;}

/************************************************************************
-) CONTENT AREA
*************************************************************************/

/*pagination*/


.hr{
padding:35px 0;
position: relative;
clear: both;
}

.hr a{
position: absolute;
right:0;
top:13px !important;
top:-2px; /*ie6fix*/
padding-right:0;
font-size: 11px;
}





/************************************************************************
-) GENERIC
*************************************************************************/



a img, a:hover img{
z-index: 2;
position: relative;

}

.entry img{
padding:4px;
display:block;
border:1px solid;
}

.fullwidth .entry img{
max-width: 900px;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, legend, .sliderheading {
font-weight:bold;
letter-spacing:0.4px;
line-height:1.4em;
padding-bottom:5px;
position:relative;
font-family: "Trebuchet MS", Tahoma, Helvetica;
}


h1{clear:both; font-size:34px; font-weight:normal; margin-bottom:0px; padding-bottom:0px;}
h2{font-size:24px; clear:both; font-weight:normal; margin-bottom:0px; padding-bottom:0px;}
.entry h2{font-size: 28px;}
h3, legend{font-size:15px; clear:both; margin-bottom:5px;}
h4{font-size:14px; clear:both; margin-bottom:5px;}
h5{font-size:13px; clear:both; margin-bottom:0px; padding-bottom:0px;}
h6{font-size:12px; clear:both;margin-bottom:0px; padding-bottom:0px;}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
padding-top:10px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: none;}
#top .siteheading{font-size: 28px;margin-bottom:10px; padding:10px 0;}


.clearboth{
clear:both;
}

body .alignleft{
float:left;
margin:5px 10px 0px 0;
display: block;
}

body .alignright{
float:right;
margin:5px 0px 0px 10px;
display: block;
}

body .aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

.alignleft img, .alignright img{
display:block;
} 


.rounded{
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.rounded_small, .button, .categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a, #top .pagination span, #top .pagination a, #top .pagination .current, #js_sort_items a{
-moz-border-radius: 2px;
-webkit-border-radius:2px;
border-radius:2px;
}

#top .noborder, #top .noborder img{
border:none;
padding:0;
background: transparent;
}

#top div .hidden{
display:none;
}


.entry ul li {
list-style-type:none;
padding:3px 0px 3px 10px;
}

.entry ol li{
list-style-type: decimal;
list-style-position: inside;
padding:3px 0px 3px 0;
}




/*lightbox*/

#top .pp_nav p {
margin:0px 4px;
font-size: 11px;
padding: 0;
line-height: 18px;
}

.preloading{
display: block;
}


/************************************************************************
-) FEATURED
*************************************************************************/
.fancyborder{position: absolute; z-index:99; display:block;}
.fancyborder_top{top:0; left:10px; height:10px; width:100%}
.fancyborder_left{bottom:10px; left:0; height:100%; width:10px}
.fancyborder_right{top:10px; right:0; height:100%; width:10px}
.fancyborder_bottom{bottom:0; right:10px; height:10px; width:100%}



/************************************************************************
-) FORM ELEMENTS
*************************************************************************/
.fieldset{
border:none;
padding: 0;
margin:0;
}

.text_input, textarea, select{
border-width: 1px;
border-style: solid;
font-family: Arial, Helevtica, Verdana, san-serif;
font-size: 12px;
}


/*Contact Form*/
fieldset{
border:none;
}

.ajax_form .text_area{
padding:10px;
width:500px;
}

.ajax_form .text_input{
width:250px;
margin-right:10px;
}

.ajax_form h3{
border:none;
}

.ajax_form p{
padding: 0 0 10px 0;
}

.ajax_form label{
font-size: 11px;
font-weight: bold;
}



/* STANDARDS */
.orange {color: #BF6000}
.blue {color:#00C;}
.white {color:#fff;}
.black {color:#000;}
.silver {color:#ccc;}
.red {color:#900;}
.lime {color: #93AB47;}
.blue-bg {color:#7b838b;}

.no-border {border:none;}

.floatR {float:right;} .floatL {float:left;}
/* STIKE OUT TEXT */
.strike {font-size: 12px; font-style:italic; text-decoration:line-through;}

.h-divider {background:url(../images/h-divider.png) repeat-x; min-width:800px; height:10px; }


.clearance {clear:both; margin:5px 0; display:block; position:relative;}

/*** TRANSPARENT PNG BLOCKS ***/
.xray {background:url(../images/main-bg.png) repeat; width:905px; padding:2px 0px 0 5px  ;  } 
.transparent {background:url(../images/main-bg.png) repeat;}


.hori {width:890px; margin-left:12px;}


/* Sub Pages */
.sub-mast { /* Sub page header */
position:relative; min-height:370px; *min-height:100%; margin:0 auto 30px auto;
}
.sub-mast p {position:absolute;  top:225px; left:25px; width:920px; border:2px silver solid; padding:4px 4px 2px 4px;}
.sub-mast p img {}

#sub-intro{ /* TEXT INTRO OVERLAY OF MAST IMG **** REMOVED EXCEPT FOR ABOUT PAGE*****/
float:left;  
position:absolute;  *position:relative; 
top:230px; padding-left:25px;
width:890px; 
}

#sub-main{ /*main area, contains all content and sidebars*/
float:left;  /* background:#dcdad3 url(../images/schoolpaper.png) repeat-y; /*SCHOOLPAPER BG */
position:relative; border:thin dashed silver;
margin:25px 0 50px 25px;
width:930px; min-height:500px;
}

/*ABOUT PAGE SUB-Main **/
#about-sub-main{ /*main area, contains all content and sidebars*/
float:left;  /* background:#dcdad3 url(../images/schoolpaper.png) repeat-y; /*SCHOOLPAPER BG */
position:relative; border:thin dashed silver;
margin:375px 0 50px 25px;
width:930px; min-height:500px;
}

.blocks {position:relative; font-size:11px; font-style:italic; line-height:12px;}
.blocks h4 { padding:0 0 2px 4px;}
.blocks ul {list-style:inside; list-style-type:square; }
.blocks ul li {margin:0 0 0 15px; color:silver; line-height:normal; font-style:normal;}
.block-l {position:absolute; width:280px; float:left; min-height:150px; top:2px; left:12px; padding:2px; }
.block-c {position:absolute; width:280px; float:left; min-height:150px; top:2px; left:322px; padding:2px; }
.block-r {position:absolute; width:270px; float:left; min-height:150px; top:2px; left:632px; padding:2px; }

.front-icon{
	width:60px;
	float:left; margin-bottom:45px;
}
 
/* Lebowski quotes - HOME PAGE */
#lebowski {position:relative; min-height:45px; margin:5px auto 30px auto; display:block; min-height:70px; *min-height:95px;}
#lebowski h3 {padding-left:60px; height:25px; max-height:25px;  width:860px; }   
#lebowski img {position:absolute; top:-20px; left:10px;}

/* Lebowski quotes */
#outro {position:relative; min-height:45px;  }
#outro h3 {padding-left:60px; height:25px; max-height:25px;  width:850px; }
#outro img {position:absolute; top:-20px; left:10px;}

/* Ian Polaroid */
#ian-polaroid {position:absolute; width:200px; height:200px; top:-40px; left:-5px; background:url(../images/ian-polaroid_z.png) no-repeat;}

/*#ian-polaroid a:hover {position:absolute; top:-40px; left:-5px; background:url(../images/ian-polaroid-2.png) no-repeat;} */


/*GRAPHIC DESIGN PAGE */
#entry-wrap {position:relative; width:900px; border:none;}
#entry-wrap a {border:none;}
.entry-content {position:relative; margin:0; border:none; width:410px; background:url(../images/portfolio/graphic-design-hover_z.png) no-repeat;}
.entry-content img {border:none;}
.entry-content h4 {clear:both; position:relative; width:410px; padding:5px 0px; color: #000;  min-height:50px; max-height:50px; overflow:hidden;} /*Paragraph content*/
.siteheading { width:405px; border-bottom:thin dotted #FFF; color:#FFF;}

.entry-L {width:400px; text-align:left; float:left; position:relative;}
.entry-R {width:400px; text-align:left; float:right; position:relative;}