/*
Theme Name: Minima Designs
Version: 1.0
Author: Michelle Martello
Author URI: http://www.minimadesigns.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

img {
	border: 0;
}


body {	
	color:#cbcbcb;
	background:#610800;
	}

body, select, textarea, input {	
	font: 90% Arial, Helvetica, sans-serif;
	}

a, a:hover {outline:none}

#container {
	width: 960px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -180px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

.home {border-top:3px solid #63c5c3;	background: #0e0e0e url(images/bg_main_home.jpg) no-repeat scroll 50% 0;}
.interior {border-top:3px solid #63c5c3;	background: #0e0e0e url(images/bg_main.jpg) no-repeat scroll 50% 0;}
.home #fronttext {float:left;width:450px;border-top:1px solid #ff9900;line-height:1.3em;}
.home #special {float:left;font-size:90%;width:225px;color:#919191;border-top:1px solid #ff9900;padding:0 20px 0 20px}
.home #frontcontact {float:left;font-size:90%;width:175px;color:#919191;border-top:1px solid #ff9900;}
.home #frontcontact .button {margin:15px 0 0 0}



.clear {
	clear: both;
}



/*-------------------------------------------    
    Header
-------------------------------------------*/
#header {margin:30px 0 0px 0;height:80px;width:960px}
#headerleft {float:left;margin:0;width:560px;padding:0 0 20px 0;}
#headerright {float:right;padding:10px 0 0 0px;width:370px;}


/*-------------------------------------------    
    Navigation
-------------------------------------------*/
ul#topnav {	width:370px;		/*overflow: hidden;*/background:transparent url('images/nav.gif') no-repeat 0 0px;	padding:0;margin:0px 0 0 0;	}
ul#topnav li {	padding:0;	margin:0;	display:block;	float:left;	text-indent:-9999px;	outline:none	}
ul#topnav li a {	 border:0;	display:block;	text-decoration:none;	background:transparent url('images/nav.gif') no-repeat 0 0px;outline:none	}



li#navHome 			a {width:60px; height:40px; }	
li#navAbout			a {width:70px; height:40px; }	
li#navPortfolio 	a {width:100px; height:40px; }	
li#navBlog 			a {width:60px; height:40px; }
li#navContact 		a {width:80px; height:40px; }

li#navHome a:link, li#navHome a:visited			{background-position:0px 0px;	}	
li#navHome a:hover, li#navHome a:focus			{background-position:0px -40px;	 }	
li#navAbout a:link, li#navAbout a:visited 		{background-position:-60px 0px;	}	
li#navAbout a:hover, li#navAbout a:focus 		{background-position:-60px -40px;	 }	
li#navPortfolio a:link, li#navPortfolio a:visited {background-position:-130px 0px;	}	
li#navPortfolio a:hover, li#navPortfolio a:focus 	{background-position:-130px -40px;	 }	
li#navBlog a:link, li#navBlog a:visited 		{background-position:-230px 0px;	}	
li#navBlog a:hover, li#navBlog a:focus 			{background-position:-230px -40px;	 }
li#navContact a:link, li#navContact a:visited	{background-position:-290px 0px;	}	
li#navContact a:hover, li#navContact a:focus 	{background-position:-290px -40px;	}




/* porfolio Page ////////////////////////////////////////////////////////// */
.portpic {float:left;margin:0 10px 20px 0}
.portname {font-size:10px;padding:3px;background:#1a1a1a;color:#919191}
/* Home Page ////////////////////////////////////////////////////////// */


/*home page*/
.box1 {height:280px;float:left;width:390px;padding:0 25px 0 35px;margin:25px 0 0 0;font-size:13px;color:#cbcbcb}
.box2 {height:260px;float:left;width:280px;padding:0;margin:70px 0 0 0;font-size:12px;color:#919191}
.box3 {height:260px;float:left;width:220px;padding:0 0 0 10px;margin:70px 0 0 0;font-size:12px;color:#919191;line-height:20px;}

.box2 li {padding:0px 0 6px 0;}

.box1 img, .box2 img,  .box3 img {margin:15px 0 10px 0}
#homebox {width:960px;margin:0px 0 0 0}


#content-homepage{
	width: 960px;
	margin: 0 0 0px 0px;
}



#content {
	width: 605px;
	float: left;
	margin-bottom: 10px;
	padding: 0 0 0 0px;
}

.clients li {padding:2px 0 2px 0;}

#sidebar {
	float: right;
	width: 320px;
	text-align: left;
	margin-top: 20px;
}



#sidebar ul {margin:5px 0 10px 0; padding:0 0 10px 0; color:#cccccc}
#sidebar li {padding:0 5px 3px 0;font-size:11px;float:left;display:list-item; }
#sidebar a, #sidebar li a, .footercolumn a {text-decoration:none;color:#ccc;font-size:11px;}
#sidebar a:hover, #sidebar li a:hover .footercolumn a:hover{color:#6eb8aa;font-size:11px;}



#footport ul {margin:5px 0 5px 0; color:#5b5b5b;width:950px;line-height:14px;}
#footport li {padding:0 5px 3px 0;font-size:11px;float:left;display:inline-block;}
#footport li a {text-decoration:none;color:#ccc;}
#footport li a:hover {color:#6eb8aa}

/* Sidebar ////////////////////////////////////////////////////////// */

	#sidebar h2 {padding:0 0 0px 0}
	.Porfolio {margin:10px 0 0 0}
	#sidePorfolio {font-size:13px;margin:0;padding:0}
	
	#sidePorfolio table {border-collapse:collapse}
	#sidePorfolio td {padding:0 10px 5px 0}
	#sidePorfolio .time {font-weight:bold}



/* Typography ////////////////////////////////////////////////////////// */

p {
color: #cbcbcb;
margin: 15px 0;
line-height:145%;
}

p a {font-weight:bold;
	color: #6eb8aa;
	text-decoration: none;
}

p a:hover {
	color: #d7f4f3;
}



h1 {
	color: #edc959;
	font: bold 24px/30px "Lucida Grande", Helvetica, sans-serif;
	letter-spacing: -1px;
}

h1 a {
	color: #edc959;
	text-decoration: none;
}

h1 a:hover {
	color: #63c5c3;
}

h2 {
font: bold 1.3em/1em Georgia, "Times New Roman", Times, serif;
	color: #63c5c3;
	margin-bottom: 5px;margin-top: 5px;height:30px;
}




h3, h3 a, .blogtitle a {
	font: bold 1.3em/1em Georgia, "Times New Roman", Times, serif;
	color: #6eb8aa;
	margin-bottom: 5px;margin-top: 5px;
}

.blogtitle a {
font-family: Helvetica, Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
	color: #6eb8aa;
	margin-bottom: 5px;margin-top: 5px;
}


h4 {
	font:  bold 1.3em/1em Georgia, "Times New Roman", Times, serif;
	color: #6eb8aa;
	margin-bottom: 5px;margin-top: 5px;
}

h5 {
	color: #6eb8aa;
	text-transform: uppercase;
	letter-spacing: -1px;
	font: bold 15px/16px "Lucida Grande", Helvetica, sans-serif;
	border-bottom: 1px solid #6c989d;
	margin-bottom: 10px;
	padding-bottom: 3px;
}




/* Featured box////////////////////////////////////////////////////////// */
#header2 {
width: 100%;
height: 287px;
float: left;
margin: 0px;
}

#header3 {

background-position: bottom;
background-repeat: repeat-x;
width: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
height: 287px;
}

.featured {
width: 900px;
height: 277px;
float: left;
}

.featured-inside {width: 310px;height: 247px;padding: 15px;float: right;}
.featured-inside h3 {padding:180px 0 0 0px}
.featurelink a {text-decoration:none;color:#cccccc;text-transform:uppercase;font-size:12px;padding:0 0 0 0px}



.next {
float: left;
margin-top: 65px;
cursor: pointer;
background-image: url(images/next.gif);
position: relative;
width: 27px;
height: 150px;
}

.prev {
float: left;
margin-top: 65px;
cursor: pointer;
background-image: url(images/previous.gif);
position: relative;
width: 27px;
height: 150px;
margin-left: 6px;
}

.next-button {display: none;position: absolute;}

.prev-button {display: none;position: absolute;}

#sections {
overflow:hidden;
width: 890px;
height: 277px;
margin: 0px;
float: left;
border: 2px solid #100f0f;
}

#sections ul {
margin: 0px;
list-style-image: none;
list-style-type: none;
padding: 0px;
width: 4000px;
}

#sections li {
margin: 0px;
padding: 0px;
float: left;
}



/* post ////////////////////////////////////////////////////////// */
.quote a, .entry a {color: #6eb8aa;text-decoration:none;}
.quote {background:#2a2a2a;border-leftt:1px solid #302f2f;border-top:1px solid #302f2f;border-right:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c;margin:0 0 15px 0; padding:30px; font-size:13px;color:#ababab;line-height:18px}
.year {margin:10px 0 0 0; padding:10px 0 5px 0;border-top:1px solid #3e3e3e}
.year span, .address span, .services span {color:#979797;}
.address {}
.services {margin:15px 0 10px 0; padding:5px 0 10px 0;border-bottom:1px solid #3e3e3e;font-size:11px}

.gray {color:#666666}
.address a, .filedas a {color:#63c5c3;text-decoration:none;}
.address a:hover, .filedas a:hover {color:#ffffff;text-decoration:none;}


.filedas, .postmetadata {background:#161516;padding:5px;color:#5b5b5b;font-size:11px;text-transform:uppercase}


#sidebar-blog {
	float: right;
	width: 320px;
	text-align: left;
	margin-top: 20px;
}



#sidebar-blog ul {margin:5px 0 10px 0; padding:0 0 10px 0; color:#ababab}
#sidebar-blog li {padding:0 5px 3px 0;font-size:11px;display:list-item; }
#sidebar-blog a, #sidebar-blog li a, .footercolumn a {text-decoration:none;color:#ccc;font-size:11px;}
#sidebar-blog a:hover, #sidebar-blog li a:hover .footercolumn a:hover{color:#6eb8aa;font-size:11px;}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {background: #bebebe;
	border:none;
	vertical-align:top;padding:5px;border-left:1px solid #373537;border-top:1px solid #373537;border-right:1px solid #000000;border-bottom:1px solid #000000;}


/* Footer ////////////////////////////////////////////////////////// */

.clearfooter {
	height: 180px;
	clear: both;
}

#footer {
	height: 180px;
	width: 100%;
	background: #0e0e0e url(images/bg_footerlong.gif) repeat-x 0 top;
	position: relative;
}

#footercontainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative; 0 top
}




ul#footpics {	width:960px}
ul#footpics li a {	padding:0 0px 0 0;	margin:0 8px 0 0;	display:block;	float:left;		outline:none	}

.footercolumn {
	width: 960px;
	float: left;
	display: inline;padding-top:0px;height:155px;
}


.footercolumn2 {
	width: 700px;height:155px;
	margin-left: 0px;float:left;
	display: inline;text-align:right;padding-top:10px;
}


.testimonial {color:#94371e;text-align:right;font-size:90%;line-height:1.4em;}


.footlinks {padding-bottom:14px;font-size:90%;}

.footlinks a {
	color: #f6ebd0;
	text-decoration: none;
	border-bottom:1px solid #94371e;
	text-transform:uppercase;margin:0 0 0 5px;
}

.footlinks a:hover {
	
	text-decoration: none;
	border-bottom:1px solid #94371e;
	color: #94371e;
}

.utilitylinks {
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	width: 960px;
	position: relative;font-size:12px;
		background: url(images/tagline.gif) no-repeat;	
}

.utilitylinks span.copyright {
	float: left;
	display: inline;
	color: #7f9f78;
	font-style: normal;padding:0 0 0 60px
}


.utilitylinks span.utility {
	float: right;
	display: inline;
	font-size: .9em;
}

.utilitylinks span.utility span.tagline {
	float: left;
	width:372px;height:19px;
}