@charset "UTF-8";
/* CSS Document */

/* illustration website version 7 */

/* main sutructure begins */

body {
	height:100%;
	font:13px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../images/background_square.gif);
	color:#000000;
	margin:5 px 555px 5px 5px;
	padding:0px;
}

#layout {
	height:auto;
	width:1000px;
	margin:0px auto;
	background:#f99d03;
	overflow:auto;
}

#headerbackground{
background:url(../images/background_swirl.gif) top left no-repeat;
width:1000px;
height:350px;
}

#logozone {
	float:left;
	margin-top:20px;
	margin-left:65px;
	width:360px;
	padding:40px 0px 40px 0px;
}

#social_zone{
	float: right;
	width: 200px;
	margin-bottom: 20px;
}

a img {
border: none;
} 


/*	Menu Style Start Here - still inside the main structure  */

#topmenu {
	width:500px;
	text-align:right;
	float: right;
	margin-top:25px;
	margin-right:40px;
	margin-bottom: 190px;
}

#topmenu ul {
	margin:0px;
	padding:12px 0px 20px 0px;
}

#topmenu ul li {
	display:inline;
	background:url(../images/menudevider1.png) left top no-repeat;
	padding:12px 20px 20px 20px;
}

#topmenu li a {
	font:15px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

#topmenu li a:hover {
	color:#9e0b0f;
}


/*	Menu Style End Here  */

	
#maincontainer{
	width:1000px;
	float:left;
}

#socialicons{
	width:200px;
	height:42px;
	float:right;
	margin-right:15px;
}

#mainimagecontainer{
	background:url(../images/main_illustration_4.png) left top no-repeat;
	width:900px;
	height:300px;
	float:left;
	margin-left:47px;
	}

#maintypecontainer{
	width:500;
	float:left;
	margin-top: 10px;
	margin-right: 485px;
	margin-left:40px;
}

#indexmainportfoliobutton{
	float: left;
	text-align: right;
	width: 175px;
	margin-left:220px;
	}

#indexmainportfoliobutton a {
	font-size:15px;
	font-weight:bold;
	color:#FF0;
}

#indexmainportfoliobutton a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

.columnimg {
	width: 240;
	padding:0px 0px 10px 0px;
}

.column_img_links {
	float: right;
	margin-right: 10px;
}

.column_img_links a {
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.column_img_links a:hover {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#FF0;
}

.bottomcolumn1 {
	width:240px;
	float:left;
	margin:20px 0px 50px 88px;
}

.bottomcolumn2 {
	width:240px;
	float:left;
	margin:20px 0px 50px 50px;
}

.bottomcolumn3 {
	width:235px;
	float:left;
	margin:20px 0px 50px 10px;
}


/* main sutructure ends */


/*  portfolio page begins here  */


#portfolioarea {
	width:955px;
	padding: 0px 0px 0px 0px;
	margin-left: 45px;
	float:left;
}

#portfoliothumbnailarea {
	float:left;
	width:900px;
	height:100%;
	background:url(../images/portfolio_bkgrnd.jpg);
	padding: 0px 0px 0px 0px;
	margin-bottom:40px;
	
}

#portfoliocopy{
	width:500px;
	float:left;
	margin-bottom: 10px;
}


.thumbnailarea{
	height:100px;
	width: 100px;
	float:left;
	border: 1px solid #dcddde;
	padding: 9px 9px 9px 9px;
	margin: 15px 15px 12px 15px;
}

.thumbnail-img{
	border: 1px solid #FFF;
}


/*  portfolio page ends here  */




/*  about page begins here  */

.about_main {
	width:955px;
	float:left;
	padding:0px 0px 5px 0px;
	margin-left: 45px;
	margin-bottom: 25px;
}

.about_title {
	float: left;
	width: 560px;
}

.about_copy_container {
	float: left;
	width: 560px;
	height: auto;
	}

#about-col1{
	width:330px;
	float: left;
	margin: 20px 15px 20px 60px;
}

#about-col2{
	width:330px;
	float: right;
	margin: 20px 150px 20px 0px;
}

.floatl{
	width: 80px;
	height: 80px;
	float: left;
	margin: 5px 5px 20px 0px
}

.aboutcolcontent{
	width: 240px;
	height: auto;
	float: left;
	margin: 0px 0px 30px 0px;
}

.aboutlinks{
	width: 200px;
	float: right;
	text-align:right;
	margin: 10px 5px 0px 0px;
}

.aboutlinks a {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.aboutlinks a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#FF0;
}

#layout_illustration{
	width:300px;
	float:right;
	border: 1px solid #dcddde;
	padding: 3px 3px 3px 3px;
	margin-right: 55px;
	}

#floatl{
	width: 80px;
	height: 80px;
	float: left;
	margin: 5px 5px 20px 0px
}

.bodycopy {
	float: left;
	font: 13px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.bodycopy a {
	text-decoration: underline;
	font-weight: bold;
	color: #000;
}

/*  about page ends here  */



/*  new art page begins here  */

#new_art_container_1 {
	width:500px;
	float:left;
	border-right:thin;
	border-right-color:#C00;
	border-right-style:solid;
	padding:0px 0px 5px 0px;
	margin-left: 45px;
	margin-bottom: 10px;
}

.new_art_container_2 {
	width: 350px;
	float: right;
	padding: 0px 0px 5px 0px;
	margin: 20px 30px 20px 0px;
}

.new_art_title_left {
	float: left;
	width: 455px;
	margin-bottom: 10px;
}

.new_art_title_right {
	width: 300px;
	margin-bottom: 15px;
}

.new_art_vert_illustration_left {
	width:auto;
	float:left;
	border: 1px solid #dcddde;
	padding: 3px 3px 3px 3px;
	margin: 5px 70px 25px 70px;
}

.new_art_hor_illustration_left {
	width:auto;
	float:left;
	border: 1px solid #dcddde;
	padding: 3px 3px 3px 3px;
	margin: 5px 30px 25px 30px;
}

.new_art_left_column_dotted_line{
	width:460px;
	border-bottom:1px dotted #fff;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 50px 0px;
	float:left;
}

.new_art_illustration_right {
	border: 1px solid #dcddde;
	padding: 2px 2px 2px 2px;
	width:auto;
	float:left;
	margin-bottom: 15px;
}

.new_art_download_link {
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	float: left;
	width: 300px;
	margin-top: 10px;
	color: #C00;
}

.new_art_download_link a {
	text-decoration: underline;
	color: #C00;
}

.new_art_copy_container {
	width: 455px;
	float: left;
	margin-bottom: 15px;
}

.new_art_copy_container_2 {
	width: 300px;
	float: left;
	}

/*  new art page begins here  */






/*	Text Style Start Here  */

h1 {font: 27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 35px;
	color:#000;
}

h2 {font: 20px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	color: #930307;
	}

h2 a {font: 20px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#930307;
}

h3 {font:22px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	float: left;
	color:#000;
	}
	
h4 {font:17px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	color:#930307;
	margin:0px 0px 5px 0px;
}
	

/*	Text Style End Here  */



/*  Footer Style Begins Here  */

#bottom {
	height:auto;
	background:#3c0000;
	margin:0px auto;
	width:1000px;
	hieght: 100;
	overflow:auto;
}

#footerleft {
	float:left;
	width:auto;
	color:#ffcf74;
	font-size:9px;
	font-weight:bold
	padding: 20px 5px 20px 5px;
	padding: 20px 5px 0px 20px;
	}

#footerright {
	float:right;
	color:#ffcf74;
	font-size:9px;
	font-weight:bold;
	padding: 20px 20px 20px 0px;
	}
	
/* Footer Style Ends Here #/


/*this is to keep page from shifting to left on load in safari and firefox*/

html { min-height: 100%; margin-bottom: 1px; }

html { overflow: -moz-scrollbars-vertical !important; }