/* Mind2Eye Studios */


body {
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	line-height: 125%;
	padding: 0;
	margin: 0;
	background: url(portfolio/gradient.png) no-repeat;
	/* background-color: #24577b; */
}

/* positioning */

h1, h2, p, ul, li {
	margin: 0;
	padding: 0;
}

li {
	font-size: small;
	list-style-type: none;
}

p {
	font-size: small;
	color: #0c3450;
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
}

/*
"margin: 0 auto" with a width will center the layout
in the browser window
*/


/* top navigation and bottom navigation */

#mainnav1 {
	margin: 0 auto;
	margin-top: 5px;
	width: 860px;
	color: #fff;
}

#mainnav1 h1 {
	float: left;
	width: 200px;
	margin: 0 0 2px 15px;
}

#mainnav1 h1 img {
	width: 275px;
	height: 70px;
}
	
	
#nav {
	float: right;
	margin: 30px 20px 20px 0;
	font-size: 1.5em;
}

#nav li {
	display: inline;
	margin: 0 0 0 25px;
}

#nav li a {
	color: #fff;
	background: none;
	font-size: 1em;
	text-decoration: none;
}

#mainnav2 {
	margin: 0 auto;
	margin-top: 2px;
	width: 860px;
	color: #fff;
}

#mainnav2 h1 {
	float: left;
	width: 200px;
	margin: 0 0 2px 15px;
}

#nav2 {
	float: right;
	margin: 15px 15px 0 0;
	font-size: 1.4em;
}

#nav2 li {
	display: inline;
	margin: 0 0 0 25px;
}

#nav2 li a {
	color: #24577b;
	text-decoration: none;
	background: none;
	font-size: 1em;
}

/* end of top navigation and bottom navigation */


/*
Because the header content is outside the wrap <div>,
we need to use the same "margin: 0 auto" trick to center
the layout
*/

#wrap {
	clear: both;
	margin: 0 auto;
	padding: 7px;
	width: 820px;
	background: #fff;
	border: 1px solid #906c3e;
}

/* css sub navigation suckerfish */


#subnav, #subnav ul {
	float: left;
	width: 817px;
	list-style: none;
	line-height: 2.5;
	background: white;
	font-weight: normal;
	text-align: center;
	padding: 0;
	border: solid #dfb783 1px;
	margin: 0;
	clear: both;
}

#subnav ul li a {
	font-size: 12px;
	text-align: center;
}

#subnav li a.option {
	text-transform: uppercase;
	text-align:center;
	width: 94px;
	height: 27px;
	background: #dfa861 url('portfolio/option_li_bg_orange.gif') no-repeat right;
	padding: 5px;
	color: #0c3450;
}

#subnav li a.option2 {
	/*text-transform: uppercase;
	text-align:center;
	width: 93px;
	height: 27px;*/
	background: #dfa861;
	/*padding: 5px;
	color: #0c3450;*/
}
#subnav a {
	display: block;
	width: 100px;
	color: #0c3450;
	text-decoration: none;
	padding: 5px 0 0 0;
	height: 32px;
}
 
#subnav li {
	float: left;
	padding: 0;
	width: 101px;
	/*position: absolute;*/
}
 
#subnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 165px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

 
#subnav li li {
	padding-right: 15px;
	width: 150px;
	height: 25px;
}
 


#subnav li ul a {
	width: 180px;
	font-size: 11px;
	text-align: left;
}

 
#subnav li ul ul {
	margin: -1.75em 0 0 14em;
}

 
#subnav li:hover ul ul, #subnav li.sfhover ul ul {
	left: -999em;
}
 
#subnav li:hover ul, #subnav li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul {
	left: auto;
}
 
#subnav li:hover, #subnav li.sfhover {
	background: #dfb783;
}



/* end of css sub navigation suckerfish */


/* start transforming ideas into solutions header */

#header img {
	border: none;
}

#header h1 {
	font-size: 1.4em;
	margin: 0;
	padding: 10px;
	text-align: center;
	font-style: italic;
	color: #fff;	
	background-color: #906c3e;
}

/* end of transforming ideas into solutions header */


/* start of css for index page information content and right side "see our portfolio" and "contact us" info link  */

#content {
	width: 405px;
	margin: 5px 0 5px 0;
	padding: 3px;
}


#content {
	float: right;
}

#contentind {
	width: 300px;
	margin: 5px 0 5px 0;
	padding: 3px;
}


#contentind {
	float: right;
}


#content h2 {	
	font-size: 1em;
	color: #0c3450;	
	margin: 0;
}

#content p {
	margin: 0 0 5px 0;
}

#contentind h2 {
	font-size: 15px;
	color: #0c3450;
	margin: 0;
}

#contentind p {
	margin: 0 0 5px 0;
}

#link-list {	
	margin: 20px 0 0 0;
	font-size: 1.05em;
		
}

#link-list li {	
	margin: 0 0 10px 0;

}

#link-list li a {
	text-decoration: none;
	color: #0c3450;
	font-weight: bold;
	font-size: 1.05em;
}

#link-list li a:hover {
	text-decoration: none; 
	font-weight: bold;
	font-size: 1.05em;	
	color: #7d4d0f;
	background-color: transparent;
}

/* end of css for index page information content and right side "see our portfolio" and "contact us" info link  */
  

/* sidebar css and subnavigation with picture image for the index and about pages */


#sidebar {
	width: 395px;
	margin: 3px;
	padding: 3px;
	float: left;
}

#sidebar h2 {
	font-weight: bold;
	font-size: 1em;
	color: #0c3450;
	margin: 0;
	padding: 0;
}

#sidebar p a {
	text-decoration: none;
	color: #0c3450;
	font-weight: bold;
	font-size: 1em;
}

	
#sidebar p a:hover {
	text-decoration: none; 
	font-weight: bold;
	font-size: 1em;	
	color: #7d4d0f;
	background-color: transparent;		
}


#sidebar img {
	margin: 0 5px 5px 0;
	float: left;
	border: 0;
     /* border: 1px solid #dfa861; */
	width: 182px;
	height: 140px;		
}

#sidebarind {
	width: 495px;
	margin: 3px;
	padding: 3px;
	float: left;
}

#sidebarind h2 {
	font-weight: bold;
	font-size: 1em;
	color: #0c3450;
	margin: 0;
	padding: 0;
}

#sidebarind p a {
	text-decoration: none;
	color: #0c3450;
	font-weight: bold;
	font-size: 1em;
}

	
#sidebarind p a:hover {
	text-decoration: none; 
	font-weight: bold;
	font-size: 1em;	
	color: #7d4d0f;
	background-color: transparent;		
}


#sidebarind img {
	margin: 0 5px 5px 0;
	float: left;
	border: 0;
	/* border: 1px solid #dfa861; */
	width: 235px;
	height: 200px;
}





#capabilties li {
	font-weight: bold;
	font-size: .8em;
	color: #0c3450;
	margin: 15px;
	padding: 2px;	
	list-style-type: disc;
}

/* end of sidebar css and subnavigation with picture image index and about pages */

/* start of sidebar css and subnavigation with picture image for the portfolio pages */

#content2 {
	width: 230px;
	margin: 5px 0 5px 0;
	padding: 2px;
}

#content2 {
	float: right;
}

#content2 h2 {
	font-size: 1em;
	color: #0c3450;	
	margin: 0;
}

#content2 p {
	margin: 0 0 5px 0;
}

#sidebar2 {
	width: 570px;
	margin: 5px 0 5px 0;
	padding: 2px;
}

#sidebar2 {
	list-style-type: none;
}

#sidebar2 {
	float: left;
}

#sidebar2 h2 {
	font-weight: bold;
	font-size: 1em;
	color: #0c3450;
	margin: 0;
	padding: 0;
}

/*  css for large portfolio images section graphics, logos, illustrations, etc., for the paragraph and website links sections */

div.img {
  margin: 2px;
  border: none;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
	
div.img img {
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
	width: 126px;
	height: 100px;
}


div.img a:hover img {
  border: 1px solid #0000ff;
}

div.desc {
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	color: #0c3450;
	width: 550px;
	margin: 2px;
	
}

div.desc a {
	text-decoration: none;
}

div.img2 img {
	margin: 3px;
	border: 1px solid #ffffff;
	width: auto;
	height: auto;
}

/* end of sidebar css for large portfolio images section graphics, logos, illustrations, etc., for the paragraph and website links sections */
/* end of sidebar css and subnavigation with picture image for the portfolio pages */


#footer {
	clear: both;
	background: #eee;
	padding: 2px;
	border-top: 2px solid #ddd;
	text-align: center;
	color: #0c3450;
}

#footer img {
	border:none;
	width: 35px;
	height: 17.5px;
	display: inline;
}

#footer p {
	font-size: .7em;
}
	

/* end of index page css */


/* contact and quotes form pages using the class=form page css */

#bodycontent {
	left: 200px;
	
}

#bodycontent h2 {
	font-size: 1em;
	color:#0c3450;	
}	

#bodycontent p {
	padding: 10px;
}

form.contact fieldset {
	border:2px solid #dfa861;
	padding: 10px;
}
form.contact legend {
	font-weight: bold;
	font-size: small;
	color: #0c3450;
	padding: 5px;
}
form.contact {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	line-height: 100%;
}
form.contact label {
	font-weight: bold;
	font-size: small;
	color: #0c3450;
}
form.contact label.fixedwidth {
	display: block;
	width: 250px;
	float: left;
	text-decoration: none;
}
form.contact .buttonarea input {
	background: #dfa861;
	color: white;
	font-weight: bold;
	padding: 1px;
	border: 1px solid white;
}
form.contact .buttonarea {
	text-align: center;
	padding: 0.5px;
	background-color: #906c3e;
	font-size: small;
}	

form.services {
	text-align: center;
	width: 10px;
	height: 10px;
	padding: 0px;	
	margin: 10px 0 65px 340px;
}

/* end of contact and quotes page css */