/*  
Theme Name: Minimo
Theme URI: http://www.casimirlancaster.com/
Description: Minimo is a simple theme by <a href="http://www.casimirlancaster.com">Casimir Lancaster</a>.
Version: 1.0
Author: Casimir Lancaster
Author URI: http://www.casimirlancaster.com/
*/

/* Foundation */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#666;
	padding: 0px;
	margin: 0px;
	background-color:#0d0d0d;
}

a, a:visited, a:active {
	color: #ccc;
	text-decoration: none;
} 

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

p {
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}

h1, h2, h3, h4 {
	font-family: "Gill Sans Light", "Gill Sans", "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #252525;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

ul {
	margin: 0;
	padding: 0;
	font-style: normal;
}

li {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

input[type=text]:focus, input[type=password]:focus {
	outline: 0 none;
}

hr {
	border: 0;
	padding: 0;
	margin: 0;
}

/* Clear */
.clear {
	clear: both;
}

/* Footer */
#footer {
	color: #333;
	font-size: 10px;
	margin: 0px 0 0 0;
	padding: 20px 0 20px 0;
}

#footer a, a:visited, a:active {
	color: #888888;
}

#footer a:hover {
	color:#fff;
}

/*Header*/
#header {
	background-color:#000;
}

#header.front {
	background-color: #43525c;
}

/*Home*/
#home {
	overflow: hidden;
	background-color: #000;
	margin: 0 0 0px 0;
}

/* Logo */
#logo a {
	background-image: url(images/menu/casimir.gif);
	background-repeat: no-repeat;
	width: 140px;
	height: 95px;
	display: block;
}

#logo .front {
	background-image: url(images/menu/casimir-blue.gif);
}

/* Main */
.main {
	width: 900px;
    margin: 0 auto 0 auto; 
}

/* Menu */
#menu {
	background-color:#000;
}

#menu.front {
	background-color:#43525c;
}

#menu ul {
	height: 54px;
	width: 900px;
}

#menu li {
	float: left;
}

#menu li a {
	display: block;
	height: 54px;
	width: 225px;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	overflow: hidden;
}

#menu li:hover {
	background-position: 0 -54px;
}

#menu li.current_page_item {
	background-position: 0 -108px;
}

#menu li.current_page_parent {
	background-position: 0 -108px;
}

#menu .front {
	background-color: #43525c;
}

#menu .home {
	background-image: url(images/menu/home.gif);
}

#menu.front .home {
	background-image: url(images/menu/home-blue.gif);
}

#menu .page-item-6 {
	background-image: url(images/menu/about.gif);
}

#menu .page-item-22 {
	background-image: url(images/menu/contact.gif);
}

#menu.front .page-item-22 {
	background-image: url(images/menu/contact-blue.gif);
}

#menu .page-item-350 {
	background-image: url(images/menu/products.gif);
}

#menu .page-item-85 {
	background-image: url(images/menu/services.gif);
}

#menu .page-item-348 {
	background-image: url(images/menu/work.gif);
}

/* More */
#more {
	background-color: #0a0a0a;
	overflow: hidden;
	padding: 15px 0 30px 0;
}

#more a, a:visited, a:active {
	color: #444;
}

#more a:hover {
	color: #fff;
}

#more p {
	line-height:18px;
}

#more h3.title {
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	height: 20px;
	background-repeat: no-repeat; 
}

#more .featured {
	background-image: url(images/titles/featured.gif);	
}

#more .column {
	width: 275px;
	float: left;
	margin: 0 0 0 37px;
}

#more .first {
 	margin: 0px;
}

#more li {
	padding-bottom: 10px;
}

/* Navigation */
.navigation :hover {
	background-position: 0% 100%;
}

.navigation b {
	display: none;
}

.navigation a {
    display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

.navigation .next a {
	height: 30px;
	width: 60px;
	background-image: url(images/navigation/next.gif); 
}

.navigation .previous a {
	height: 30px;
	width: 115px;
	background-image: url(images/navigation/previous.gif);
}

/* Page */
#page {
	background-color:#000;
}

#page h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

#page h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ddd;
	padding: 4px 0 3px 0;
}

#page h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	padding: 4px 0 3px 0;
	font-weight: bold;
}

#page p {
	line-height: 22px;
	padding: 0 0 16px 0;
}

#page .story ul {
	margin: 0 25px 0 0px;	
	padding: 0 0 30px 0;
}

#page .story li {
	background-image: url(images/icons/dot-gray.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 0 0 0 15px;
	line-height: 22px;
}

#page .simple li {
	background: none;
	padding: 0;
	line-height: 22px;
}

#page .column {
	width: 275px;
	float: left;
	margin: 0 0 0 37px;
}

#page .quartet {
	width: 197px;
	float: left;
	margin: 0 0 0 37px;
}

#page .first {
 	margin: 0px;
}

#page .details h1 {
	margin: 0 5px 25px 0;
	float: left;
}

#page .role {
	font-size: 10px;
	color: #333;
	margin: 3px 0 0 0;
	float: left;
}

#page .website {
	font-size: 10px;
	margin: 3px 0 0 0;
	float: right;
}

#page .footnote {
	font-size: 10px;
	color:#333;
}

#page .more {
	background-image: url(images/buttons/more.gif);
	height: 32px;
	width: 82px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#page .photo {
	margin: 0 0 40px 0;
}

#page .story {
	overflow: hidden;
	padding: 0 0 30px 0;
}

#page h1.sideTitle {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 50px 0 0 0;
	height: 26px;
	width: 200px;
	background-repeat: no-repeat;
}

#page h1.title {
	text-indent: -9999px;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	height: 26px;
	background-repeat: no-repeat;
}

#page .header-6 {
	background-image: url(images/titles/about-us.gif);	
}

#page .header-22, .header-655 {
	background-image: url(images/titles/say-hello.gif);	
}

#page .header-85 {
	background-image: url(images/titles/our-services.gif);	
}

#page .header-348 {
	background-image: url(images/titles/our-work.gif);	
}

#page .header-353 {
	background-image: url(images/titles/themes.gif);
}

#page .header-355 {
	background-image: url(images/titles/icons.gif);
}

#page .header-357 {
	background-image: url(images/titles/newsletter.gif);
}

#page .header-359 {
	background-image: url(images/titles/thank-you.gif);
}

#page .header-361 {
	background-image: url(images/titles/our-clients.gif);	
}

#page .header-sorry {
	background-image: url(images/titles/sorry.gif);
}

/* Photo */
#photo {
	background-color:#000;overflow: hidden;
}

#photo .photo-6, .photo-85, .photo-361 {
	background-image: url(images/photos/about.gif);
	height: 135px;
	width: 600px;
}

#photo .photo-22, .photo-655 {
	background-image: url(images/photos/contact.gif);
	height: 135px;
	width: 600px;
}

#photo .photo-350, .photo-355 {
	background-image: url(images/photos/products.gif);
	height: 135px;
	width: 600px;
}

#photo .photo-348 {
	background-image: url(images/photos/work.gif);
	height: 135px;
	width: 600px;
}

#photo .photo-sorry {
	background-image: url(images/photos/404.gif);
	height: 135px;
	width: 600px;
}

#photo .submenu {
	background-repeat: no-repeat;
	display: block;
	margin: 10px auto 0 auto;
	height: 135px;
}

#photo .title {
	background-repeat: no-repeat;
	display: block;
	margin: 60px auto 0 auto;
	height: 135px;
}

/* Sidemenu */
#sidemenu ul {	
	margin: 50px 0 50px 0;
	width: 700px;
	float: right;
}

#sidemenu li {
	width: 129px;
	height: 50px;
	border-left-color: #111;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0 0 0 10px;
	float: left;
}

#sidemenu .detail {
	font-size: 10px;
	color: #232323;
	margin: 3px 0 0 0;
}

#sidemenu li a {
	font-size: 11px;
	margin: 0 0 5px 0;
	color: #555;
	display: block;
}

#sidemenu li a:hover {
	color: #777;
}

#sidemenu li.current_page_item a {
	color: #efefef; 
}

/* Submenu */
#submenu {
	background-color:#000;
	height: 50px; 
}

#submenu ul {
	float:right;
	margin: 0 25px 0 0;
}

#submenu li {
	float: left;
}

#submenu li a {
	color: #333;
	padding: 20px 0 15px 0;
	margin: 0 0 0 20px;
	display: block;
}

#submenu li a:hover {
	color: #777;
}

#submenu li.current_page_item a {
	color: #efefef; 
}

.icons {
    /* background-color:#000; */
}

.iconimg {
    height: 48px;
    width: 48px;
    padding: 10px 20px 10px 20px;
}