/********* BASIC SETUP *********/

body{
background:#f9f9f9 url(images/bg_header_v9.jpg) top center repeat-x;
font:normal .60em arial, verdana, sans-serif;
text-align:center;
margin:0 auto;
padding:0;
}
a {
 outline:none;
}
/* Header Wrap */
#hwrap{
width:100%;
background: #f9f9f9 url(images/bg_header_v9.jpg) top center repeat-x;
text-align:center;
margin:0 auto;
padding:0;
border-bottom:0px solid #f5f5f5;
}

/* header */
#header{
width:780px;
background:#f9f9f9 url(images/bg_header_v9.jpg) top center repeat-x;
text-align:left;
margin:0 auto;
padding:0;
}

#header a#logo, #header h1{
text-indent: -9999px;
text-decoration: none;
padding:0;
margin:0;
border:0;
height:150px;
width:254px;
background-image: url(images/bg_logo_v12.jpg);
background-repeat:no-repeat;
display:block;
}

/* Content Wrap */
#contentwrap{
width:100%;
background:#f9f9f9;
text-align:center;
margin:0 auto;
padding:0 0px 0px 0;
}

/* Content */
#content{
width:780px;
background:#f9f9f9; 
text-align:left;
margin:0 auto;
padding:0;

}

/* Main Menu */
#mm{
text-align:left;
margin:0;
padding:10px 0 0px 0;
background:#f9f9f9;
float:left;
display:inline;
}

/* Main Menu Links*/

#mm ul{margin:50px 0; padding:0; list-style:none; text-align:left; background:transparent; width:1px;}

#mm ul li{margin:0px 0; padding:0; display:block;}

#mm ul li a:link, #mm ul li a:visited{
margin:0;
padding:5px 4px 10px 15px;
border:0;
color:#525252;
text-decoration:none;
text-align:left;
text-transform:capitalize;
display:block;
width:100px;
height:7px;
}
#mm ul li a:hover{background:#f9f9f9 url(images/) top center no-repeat;}

#mm ul li a.currentpage:link, #mm ul li a.currentpage:visited, #mm ul li a.currentpage:hover{background: url(images/roll_v1.gif) top center no-repeat;}

/* Main Content */
#maincontent{
width:570px;
background:transparent;
text-align:left;
margin:0;
padding:55px 10px 0px 10px;
color:#aaa;
float:right;
}
.slide {
	width:44px;
	height:33px;
	float:left;
	background-color:#FFFFFF;
	padding:1px;
	margin-left:7px;
	margin-bottom:7px;
	display:inline;
	overflow:hidden;
	}
.slide:hover {
	background-color:#666666;
}
.slide a:link img{
	border:none;
	display:inline;
	}
.slide a:current img{
	border:none;
	}
.slide a:visited img{
	border:none;
	display:inline;
	}

/* Main Content Text */
#maincontent h2{font-size:1.4em; font-weight:bold; font-style:italic; font-family:georgia; margin:0; padding:0 0 2px 0; color:#ff00ab;}
#maincontent h3{font-size:1.4em; font-weight:normal; margin:0; padding:0 0 2px 0; color:#00b1fc;}
#maincontent h4{font-size:1.3em; margin:0; padding:10px 0 0 0; color:#c2c2c2;}
#maincontent h5{font-size:2.0em; font-weight:normal; margin:0; padding:0 0 2px 0; color:#fd5bfd;}

#maincontent p{font-size:120%; margin-top:0; line-height:130%;}

#maincontent a:link, #maincontent a:visited{color:#Ff00ab; text-decoration:none;}
#maincontent a:hover{color:#cbf932;}

.content2col{
width:340px;
margin:0 28px 0 0;
padding:0 0 20px 0;
float:left;
display:inline;
}


.content4col{
width:170px;
margin:0 14px 0 0;
padding:0 0 20px 0;
float:left;
display:inline;
}

/*footer */
#footerwrap{
width:100%;
background:transparent url(images/) top left repeat-x;
text-align:center;
margin:0 auto;
padding:40px 0;
}

#footer{
width:580px;
background:transparent;
text-align:left;
margin:0 auto;
padding:0 0 0 200px;
color:#767676;
font-size:95%;
}

#footer .fleft{
margin:0;
padding:0;
width:380px;
float:left;
display:inline;
}

#footer .fright{
margin:0;
padding:0;
width:200px;
float:left;
display:inline;
}

/*footer text and links */
#footer a:link, #footer a:visited{
text-decoration:none;
color:#767676;
margin:0 2px;
padding:0;
border:0;
}
#footer a:hover{color:#00b1fc;}
#footer ul{margin:0; padding:0; list-style:none; text-align:left;}
#footer ul li{margin:0; padding:0; display:inline;}
#footer ul.menu{margin:0 0 20px 0;}


/* Portfolio List */
#maincontent .portfolio{margin:0 0 50px 0; padding:0;}
#maincontent .portfolio img{display:inline; float:left;}
#maincontent .portfolio p{padding:0; margin:0 10px 15px 215px;}
#maincontent .portfolio h3{margin:0 10px 0 215px;}

a.launch{font-weight:bold;}


/********* GENERAL STYLES *********/

/* clearing */

.clearfix:after {
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
background:transparent;
height: 0.1px
}
* html>body .clearfix {
display:inline-table; 
width:100%;
}	
* html .clearfix {
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}

.clear {clear: both; background: transparent; margin:0; padding:0; height: 0.1px; line-height: 0px;}
html>body .clear {display: block; height: 0px; margin:0; padding:0; height: 0.1px; line-height: 0px;}
/* end clearing */

.imgleft {
border: 0;
padding: 0;
margin:0 15px 15px 0;
float: left;
clear:right; 
display: inline;
}
	
.imgright {
border: 0;
padding: 0;
margin: 0 0 0 .6em;
float: right;
clear:left; 
display: inline;
}

/* swap class */
.swap{
text-indent: -9999px;
text-decoration: none;
padding:0;
margin:0;
border:0;
background-repeat:no-repeat;
display:block;
}

/* colors */
#emailcloak{color:#cbf932;}