@charset "utf-8";

/* resets all styles */
@import url("reset.css");

/*

SUMMARY OF CONTENT IN THIS CSS FILE
This css file is organized into categories to 
best organize it. Please refer to the summary 
below to find the right section you want to 
edit.

-------------------------------------
----------------SUMMARY--------------
-------------------------------------

- MAIN TAGS (Tags that need to be defined with specific styles ie: body)

	- HEADINGS
	
	- FORMS
	
	- TABLES
	
	- TEXT TAGS

- OVERALL (Styles that apply to all pages)

- COLUMNS

- HEADER
	
	- LOGO
	
	- MENU
	
		- DROPDOWN
	
	- SEARCH BAR

- SLIDER

	- CONTAINERS

	- NAVS

	- SELECTORS
	
- INDEX PAGE

	- HEADINGS
	
	- NOTEBOOK SLIDER
	
		-NAVS
	
- PORTFOLIO

- BLOG

	- BLOG INFO
	
	- COMMENTS
	
		- COMMENT INFO
		
		- COMMENT CONTENT
		
- SIDEBAR

	- LISTS
	
- PAGINATION
	
- FOOTER

	- HEADINGS

- COPYRIGHT

*/


/*------------------------
---------------- MAIN TAGS
------------------------*/

body {
	
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	text-align: justify;
}

p a {
	
	text-decoration: underline !important;
	
}

code {
	
	display: block;
	padding: 0 14px;
	margin-bottom: 2.5em;
	font-size:10px;
	white-space: pre;
	line-height: 22px;
	
}

blockquote {
	
	border-left-width: 5px;
	padding: 10px;
	
}




	/*------------------------
	----------------- HEADINGS
	------------------------*/
	
	h1, h2, h3 {
		
		font-weight: normal;
		
	}
	
	h1, h2 {
		
		letter-spacing: -1.3px;
		
	}
	
	h3 {
		
		letter-spacing: -.8px;
		
	}
	
	.title {
		
		margin-top: 18px;
		position: relative;
		
	}
	
		.title em {
			
			font: normal 11px/18px Arial, Helvetica, sans-serif;
			left: 0;
			position: absolute;
			letter-spacing: 0;
			top: -14px;
			
		}
		
	.index_heading {
		
		padding: 0 0 25px 0;
		margin-bottom: 2px;
		
	}




	/*------------------------
	---------------- FORMS
	------------------------*/
	
	label { 
	
		font: bold 11px/18px Arial, Helvetica, sans-serif;
		margin-bottom: 5px;
		text-transform: uppercase;

	}
	
	label em {
		
		font-size: 10px;
		
	}
	
	input, textarea, select {
		
		display: block;
		font: italic 1em Arial, Tahoma, sans-serif;
		margin: 0px 0px 8px 0px;
		padding: 8px 5px;
		width: 98%;
		
	}
	
	input:focus, textarea:focus, select:focus {
		
		font-style: normal;
		
	}
	
	.medium { width: 50%; }
	
	.short { width: 30%; }
	
	input.submit, input.reset {
		
		display: block;
		font-size: 11px !important;
		width: 120px;
		margin: 0 20px 8px 0;
		padding: 5px 0px 5px 0px;
		font: bold 1.1em Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		cursor: pointer;
		
	}
	
	input.checkbox {
		
		float: left;
		margin: 3px 4px 0 0;
		padding: 0;
		width: 20px;
		
	}




	/*------------------------
	---------------- TABLES
	------------------------*/




	/*------------------------
	---------------- TEXT TAGS
	------------------------*/




/*------------------------
---------------- OVERALL
------------------------*/

#bg_wrapper {
	
	float: left;
	width: 100%;
	
}

.wrapper {
	
	margin: 0 auto;
	position: relative;
	width: 900px;
	
}

.wrapper_full {
	
	margin: 0 auto;
	position: relative;
	width: 960px;
	
}

#content {
	
	float: left;
	margin: 0 0 50px 0;
	width: 100%;
	
}

.divider_one {
	
	float: left;
	height: 13px;
	margin: 10px 0 20px 0;
	width: 100%;
	
}

.divider_two_three {
	
	float: left;
	height: 13px;
	margin: 20px 0;
	width: 100%;
	
}

.divider_three {
	
	float: left;
	height: 13px;
	margin: 20px 0;
	width: 100%;
	
}

.list-tick {
	
	list-style-image: url(../images/icons/tick.png) !important;
	list-style: circle;
	
}

.list-arrow {
	
	list-style-image: url(../images/icons/arrow_small.png);
	
}

.list-b-and-w {
	
	list-style-image: url(../images/icons/BandW.png);
	
}

.list-star {
	
	list-style-image: url(../images/icons/bullet_star.png);
	
}

.list-blue {
	
	list-style-image: url(../images/icons/bullet_blue.png);
	
}

.list-black {
	
	list-style-image: url(../images/icons/bullet_black.png);
	
}

.list-red {
	
	list-style-image: url(../images/icons/bullet_red.png);
	
}

.list-pink {
	
	list-style-image: url(../images/icons/bullet_pink.png);
	
}

.list-green {
	
	list-style-image: url(../images/icons/bullet_green.png);
	
}

.list-orange {
	
	list-style-image: url(../images/icons/bullet_orange.png);
	
}

.list-yellow {
	
	list-style-image: url(../images/icons/bullet_yellow.png);
	
}

.list-purple {
	
	list-style-image: url(../images/icons/bullet_purple.png) !important;
	
}

.list-hot {
	
	list-style-image: url(../images/icons/bullet_flame.png) !important;
	
}

.list-clip {
	
	list-style-image: url(../images/icons/paper-clip.png) !important;
	
}




/*------------------------
---------------- COLUMN
------------------------*/

.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifths, .three_fifths, .four_fifths, .one_sixth, .five_sixths {

	margin-right: 30px;

} 

.one {
	
	float: left;
	width: 900px;
	
}

.one_half {
	
	float: left;
	width: 435px;
	
}

.one_third {
	
	float: left;
	width: 280px;
	
}

.two_thirds {
	
	float: left;
	width: 590px;
	
}

.one_fourth {
	
	float: left;
	width: 202px;
	
}

.three_fourths {
	
	float: left;
	width: 667px;
	
}

.one_fifth {
	
	float: left;
	width: 156px;
	
}

.two_fifths {
	
	float: left;
	width: 342px;
	
}

.three_fifths {
	
	float: left;
	width: 528px;
	
}

.four_fifths {
	
	float: left;
	width: 714px;
	
}

.one_sixth {
	
	float: left;
	width: 125px;
	
}

.five_sixths {
	
	float: left;
	width: 745px;
	
}

.last {
	
	margin-right: 0 !important;
	
}




/*------------------------
---------------- HEADER
------------------------*/

#header {
	
	float: left;
	margin: 0 0 30px 0;
	width: 100%;
	
}




	/*------------------------
	---------------- LOGO
	------------------------*/
	
	#logo {
		
		float: left;
		margin: 17px 0;
		position: absolute;
		left: 0;
		
	}
	
		#logo h1 {
			
			margin: 0;
			
		}




	/*------------------------
	---------------- MENU
	------------------------*/
	
	#menu {
		
		float: left;
		margin: 75px 0 0 8px;
		
	}
	
		#menu ul {
			
			
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			z-index: 20;
			
		}
		
			#menu ul li {
				
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
				
			}
			
				#menu ul li a {
					
					float: left;
					font: bold 13px/18px Arial, Helvetica, sans-serif;
					margin: 0;
					padding: 12px 15px;
					
				}




		/*------------------------
		---------------- DROPDOWN
		------------------------*/
		
		#menu ul, #menu ul * {
			
			margin: 0;
			padding: 0;
			list-style: none;
			
		}
			
		#menu ul ul {
			
			position: absolute;
			top: -999em;
			width: 170px; /* left offset of submenus need to match (see below) */
			
		}
			
		#menu ul ul li {
			
			width: 100%;
			
		}
			
		#menu ul li:hover {
			
			visibility: inherit; /* fixes IE7 'sticky bug' */
			
		}
			
		#menu ul li {
			
			float: left;
			position: relative;
		}
			
		 #menu ul ul a {
			
			float: left;
			display: block;
			position: relative;
			width: 140px;
			
		}
			
		#menu ul li:hover ul,
		#menu ul li.sfHover ul {
			
			left: 0;
			top: 42px; /* match top ul list item height */
			z-index: 99;
			
		}
			
		#menu ul li:hover li ul,
		#menu ul li.sfHover li ul {
			
			top: -999em;
			
		}
			
		#menu ul li li:hover ul,
		#menu ul li li.sfHover ul {
			
			left: 170px;
			top: 0;
			
		}
			
		#menu ul li li:hover li ul,
		#menu ul li li.sfHover li ul {
			
			top: -999em;
			
		}
			
		#menu ul li li li:hover ul,
		#menu ul li li li.sfHover ul {
			
			left: 170px; 
			top: 0;
			
		}




	/*------------------------
	--------------- SEARCH BAR
	------------------------*/
	
	#search {
		
		height: 27px;
		position: absolute;
		right: 8px;
		top: 83px;
		width: 224px;
		
	}
	
		#search input.search_field {
			
			height: 15px;
			left: 0;
			padding: 5px;
			position: absolute;
			top: 0;
			width: 184px;
			
		}
		
		#search input.search_submit {
			
			cursor: pointer;
			height: 27px;
			padding: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 30px;
			
		}




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

#slider {
	
	float: left;
	width: 100%;
	
}

	#slider_bg_wrapper {
		
		float: left;
		padding: 0 0 37px 0;
		width: 100%;
		
	}
	
		#slider_width_wrapper {
			
			margin: 0 auto;
			position: relative;
			width: 900px;
			
		}
		
			




	/*------------------------
	---------------- CONTENT
	------------------------*/

	ul#slider_images {
		
		list-style: none;
		margin: 0;
		height: 300px;
		overflow: hidden;
		padding: 0;
		position: relative;
		
	}

		ul#slider_images li {
			
			display: none;
			float: left;
			height: 300px;
			margin: 0;
			padding:0 ;
			position: absolute;
			width: 100%;
			
		}
		
		ul#slider_images li.current {
			
			display: block;
			z-index: 3 !important;
			
		}
		
		ul#slider_images li.next {
			
			display: block;
			z-index: 2 !important;
			
		}
		
		ul#slider_images li ul li {
			
			display: block;
			
		}


	/*------------------------
	---------------- NAVS
	------------------------*/
	
	#slider_arrow_left, #slider_arrow_left_disabled {
		
		bottom: 23px;
		cursor: pointer;
		float: left;
		height: 33px;
		left: -53px;
		position: absolute;
		width: 33px;
		
	}
	
	#slider_arrow_left_disabled {
		
		cursor: default;
		z-index: 5;
		
	}
	
	#slider_arrow_right, #slider_arrow_right_disabled {
		
		bottom: 23px;
		cursor: pointer;
		float: left;
		height: 33px;
		right: -53px;
		position: absolute;
		width: 33px;
		
	}
	
	#slider_arrow_right_disabled {
		
		cursor: default;
		z-index: 5;
		
	}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	ul#slider_selector_dis li {
		
		cursor: default !important;
		z-index: 10;
		
	}
	
	ul#slider_selector, ul#slider_selector_dis {
		
		bottom: 10px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		z-index: 5;
		
	}
	
		ul#slider_selector li, ul#slider_selector_dis li {
			
			cursor: pointer;
			float: left;
			margin: 0 5px;
			height: 15px;
			width: 15px;
			
		}




/*------------------------
--------------- INDEX PAGE
------------------------*/




	/*------------------------
	---------------- HEADINGS
	------------------------*/




	/*------------------------
	---------- NOTEBOOK SLIDER
	------------------------*/
	
	#slider_note {
		
		float: left;
		height: 138px;
		margin: 20px 0 0 0;
		position: relative;
		width: 280px;
		
	}
	
		#slider_note ul {
			
			height: 103px;
			left: 50px;
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
			position: absolute;
			top: 10px;
			width: 171px;
			
		}
		
			#slider_note ul li {
				
				float: left;
				left: 171px;
				margin: 0 !important;
				padding: 0 !important;
				position: absolute;
				
			}
			
			#slider_note ul li.current {
				
				left: 0;
				z-index: 2;
				margin: 0 !important;
				padding: 0 !important;
				
			}
			
			#slider_note ul li.next {
				
				z-index: 3;
				
			}
			
		#slider_note ul li div.continueDiv {
			
			display: none;
			height: 40px;
			float: left;
			left: 41px;
			position: absolute;
			top: 32px;
			width: 40px;
			
		}
			
		#slider_note ul li div.zoomDiv {
			
			display: none;
			height: 40px;
			float: left;
			left: 91px;
			position: absolute;
			top: 32px;
			width: 40px;
			
		}
		
		#slider_note ul li div.continueDiv a, #slider_note ul li div.zoomDiv a {
			
			display: block;
			float: left;
			height: 40px;
			width: 40px;
			
		}




		/*------------------------
		---------------- NAVS
		------------------------*/
		
		#slider_note_right {
			
			bottom: 30px;
			cursor: pointer;
			height: 22px;
			position: absolute;
			right: 15px;
			width: 25px;
			
		}
		
		#slider_note_left {
			
			bottom: 30px;
			cursor: pointer;
			height: 22px;
			position: absolute;
			left: 5px;
			width: 25px;
			
		}




/*------------------------
---------------- PORTFOLIO
------------------------*/

.portfolio_item {
	
	float: left;
	margin: 0 30px 30px 0;
	width: 280px;
	
}

	.portfolio_image {
		
		float: left;
		height: 123px;
		position: relative;
		width: 100%;
		
	}
	
	.portfolio_image ul {
		
		list-style: none;
		left: 30px;
		position: absolute;
		
	}
	
	.portfolio_image ul li {
		
		margin: 0;
		position: absolute;
		
	}
			
		.portfolio_image ul li div.continueDiv {
			
			cursor: pointer;
			display: none;
			height: 40px;
			float: left;
			right: 115px;
			position: absolute;
			top: 35px;
			width: 40px;
			z-index: 10;
			
		}
			
		.portfolio_image ul li div.zoomDiv {
			
			cursor: pointer;
			display: none;
			height: 40px;
			float: left;
			left: 115px;
			position: absolute;
			top: 35px;
			width: 40px;
			z-index: 10;
			
		}
		
		.portfolio_image ul li div.zoomDiv a.zoom, .portfolio_image ul li div.continueDiv a {
			
			display: block;
			float: left;
			height: 40px;
			width: 40px;
			
		}
		
	.portfolio_info {
		
		float: left;
		margin: 5px 0 0 30px;
		width: 220px;
		
	}
	
	.portfolio_info .info_title {
		
		display: block;
		font: bold 13px/18px Arial, Helvetica, sans-serif;
		
	}
	
	.portfolio_info span {
		
		display: block;
		margin: -3px 0 2px 0;
		
	}
	
	.portfolio_info span a {
		
		font: italic 10px/18px Arial, Helvetica, sans-serif;
		
	}
	
	.portfolio_info span a:hover {
		
		text-decoration: underline;
		
	}




/*------------------------
---------------- BLOG
------------------------*/

.blog_item {
	
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	width: 100%;
	
}




	/*------------------------
	---------------- BLOG INFO
	------------------------*/
	
	.blog_info {
		
		float: left;
		margin: -15px 0 20px 0;
		width: 100%;
		
	}
	
		.blog_info a:hover {
			
			text-decoration: underline;
			
		}
	
		.blog_info .author {
			
			margin: 0 30px 0 0;
			padding: 2px 0 2px 20px;
			
		}
		
			.blog_info .author a {
				
				font-weight: bold;
				
			}
	
		.blog_info .categories {
			
			margin: 0 30px 0 0;
			padding: 2px 0 2px 20px;
			
		}
		
		.blog_info .categories a {
			
			font-style: italic;
			
		}
	
		.blog_info .comments {
			
			margin: 0 30px 0 0;
			padding: 2px 0 2px 20px;
			
		}
	
		.blog_info .date {
			
			margin: 0 30px 0 0;
			padding: 2px 0 2px 20px;
			
		}




	/*------------------------
	---------------- COMMENTS
	------------------------*/
	
	#comments {
		
		float: left;
		width: 100%;
		
	}
	
		#comments ol {
			
			list-style: none;
			
		}
		
			#comments ol li {
				
				margin: 0 0 30px 0;
				position: relative;
				
			}
			
			#comments ol li ol li {
				
				margin: 20px 0 30px 30px;
				
			}




		/*------------------------
		------------- COMMENT INFO
		------------------------*/
		
		#comments .comments_gravatar {
			
			float: left;
			padding: 0 0 8px 13px;
			width: 76px;
			
		}
		
		#comments .comments_info {
			
		}
		
			.comments_info .author {
				
				font: bold 13px/18px Arial, Helvetica, sans-serif;
				padding: 0 0 0 15px;
				
			}
			
			.comments_info .time {
				
				font: normal 10px/16px Arial, Helvetica, sans-serif;
				padding: 0 0 0 15px;
				margin: 0 20px 0 0;
				
			}
			

			.comments_info .date {
				
				font: normal 10px/16px Arial, Helvetica, sans-serif;
				padding: 0 0 0 15px;
				
			}
			
			.comments_info .date {
				
				padding: 0 0 0 15px;
				
			}
			
			.comments_info .url {
				
				font: normal 10px/16px Arial, Helvetica, sans-serif;
				padding: 0 0 0 15px;
				text-decoration: underline;
				
			}
			
			.comment_reply {
				
				font: normal 10px/16px Arial, Helvetica, sans-serif;
				padding: 0 0 0 15px;
				position: absolute;
				right: 0;
				top: 53px;
				text-transform: uppercase;
				
			}




		/*------------------------
		---------- COMMENT CONTENT
		------------------------*/
		
		.comment_content p {
			
			display: block;
			font-size: 11px;
			padding: 25px 20px 15px 20px;
			margin: 10px 0 0 0;
			
		}
		
		.comment_top {
			
			float: left;
			height: 12px;
			overflow: hidden;
			width: 100%;
			
		}




/*------------------------
---------------- SIDEBAR
------------------------*/

#sidebar ul, #sidebar ol {
	
	list-style: none;
	
}

	#sidebar ul li, #sidebar ol li {
		
		padding: 8px 0 8px 8px;
		margin: 0;
		
	}
	
	#sidebar ul li a, #sidebar ol li a {
		
		display: block;
		
	}




	/*------------------------
	---------------- LISTS
	------------------------*/




/*------------------------
--------------- PAGINATION
------------------------*/

#pagination {
	
	float: left;
	width: 100%;
	
}

	#pagination .left a {
		
		height: 42px;
		float: left;
		width: 54px;
		
	}

	#pagination .right a {
		
		height: 42px;
		float: right;
		width: 54px;
		
	}




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

#footer {
	
	float: left;
	padding: 40px 0;
	width: 100%;
	
}
	
	#footer ul {

		list-style: none;
		padding: 0;
		
	}
	
		#footer ul li {
			
			margin: 0;
			
		}
		
			#footer ul li a {
				
				display: block;
				padding: 6px 0 8px 10px;
				
			}
			
			#footer ul li a em {
				
				font: italic 10px/18px Arial, Helvetica, sans-serif;
				
			}
			
	#footer input, #footer textarea {
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
			
	}




	/*------------------------
	---------------- HEADINGS
	------------------------*/
	
	#footer h1, #footer h2, #footer h3, 
	#footer h4, #footer h5, #footer h6 {
		
		margin-bottom: 5px;
		padding: 7px 0 3px 0;
		
	}
	
	.star_heading {
		
		padding-left: 33px !important;
		
	}
	
	.coffee_heading {
		
		padding-left: 38px !important;
		
	}
	
	.balloon_heading {
		
		padding-left: 37px !important;
		
	}
	
	.mail_heading {
		
		padding-left: 42px !important;
		
	}




/*------------------------
---------------- COPYRIGHT
------------------------*/

#copyright {
	
	float: left;
	font-size: 11px;
	padding: 10px 0;
	width: 100%;
	
}