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

*{margin:0; padding:0}

#wrapper{
}

#container{
	
	padding-top:12px;
	-webkit-box-shadow: #75879f 0px 0px 4em;
	-moz-box-shadow: #75879f 0px 0px 4em;
	box-shadow: #75879f 0px 0px 4em;
	
	
	-webkit-border-radius: 0px 0px 10px 30px;
	-moz-border-radius: 0px  0px 10p x 30px;
	border-radius: 0px  0px 20px 20px;
	
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	
	top:0px;
}

#header{
	background-color: #fff;
	text-align: center;
	height:376px;
}

#topparagraph{
	position: relative;
	float:right;
	top:60px;
	width: 575px;
	text-align:left;
	margin-right:25px;
	}

h1{
	padding-top:10px;
	padding-bottom:15px;
	position: relative;
	float:right;
	top:60px;
	width: 600px;
	text-align:left;
	font-variant: small-caps;
	letter-spacing: 3px;
	font-size: 18px;
	font-weight: lighter;
}

h3{display:none;}
h4{display:none;}

h5{font-size:15px}

a {color:#36C; text-decoration:none;}
a:hover {color:#93F;; text-decoration:none;}
a:visited {color:#606; text-decoration:none;}

.list {font-family: Verdana, Geneva, sans-serif;
	font-size: 13.5px;
	font-weight: normal;
	color: #000;}

#titleimg {
	padding-top:0px;
	background-image: url(images/Paintbox75pc.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 364px;
	width: 396px;
	left: 30px;
	position: relative;
	float:left;
}

#titlename{
	left:0px;
	top:0px;
	background-image: url(images/Megan-Trever-Web-Design.jpg);
	position: relative;
	float:left;
	height: 56px;
	width: 432px;
	background-repeat: no-repeat;
	background-position: left top;
	top:60px;
}

#leftdiv {float:left; width:310px;padding-top:40px;text-align:right;}

#content {
	position: relative;
	top: -50px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul {
	
	padding: 0;
	list-style-type: none;
	font:  14px Verdana;
	width: 200px; /* Main Menu Item widths */
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -1px;
	text-align:right;
}
 
.sidebarmenu ul li {
	position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color:#9C6;/*This is the plain type color */
	text-decoration: none;
	padding:6px;
	}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active {
	background-color:# 000; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited {
	color:#09F;
}
.sidebarmenu ul li a:hover {
	color:#F0F;
	
}

/*Sub level menu items */
.sidebarmenu ul li ul {
	position: relative;
	margin-left:-260px;
	width: 250px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
}
.sidebarmenu ul li ul li {
	text-align:right;
	font-size: 12px;
	margin:0px;
}

.sidebarmenu a.subfolderstyle {
	background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float:left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }

/* End of the sidebarmenu */


.menuplace {
	position:relative;
	z-index:100;
	width:200px;
	left: 100px;
	top: 0px;
}

.about {
	width:154;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/about.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}


.services {
	width:154;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/services.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.portfolio {
	width:184;
	height:43px;
	background-attachment: scroll;
	background-image: url(images/portfolio.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	top:0px;
}

.vector {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/vector.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.pshop {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/pshop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.logo {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/logos.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.traditional {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/traditional.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.contact {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.sites {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/websitedesign.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.banner {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/banners.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.qa {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/qa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px;
}

.photoediting {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/photoediting.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px}
	
.thankyou {
	width:184;
	height:45px;
	background-attachment: scroll;
	background-image: url(images/thankyou.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	top:-20px;
	left:100px}

#rightdiv{float:right;
background-color:# 030;
width:670px;}



.subjectdiv1, .subjectdiv2, .subjectdiv3, .subjectdiv4, .subjectdiv5, .subjectdiv6, .subjectdiv7, .subjectdiv8 {
	-webkit-border-radius: 30px 0px 0px 30px;
	-moz-border-radius: 30px  0px 0p x 30px;
	border-radius: 30px  0px 0px 30px;
	background-color: #fff;
	text-align:left;
	padding:25px;
	margin-top:-25px;
	margin-bottom:12px;
	margin-left:0px;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.subjectdiv1 {border-color:#FC6;}
.subjectdiv2 {border-color:#CCF;}
.subjectdiv3 {border-color:#FCC;}
.subjectdiv4 {border-color:#9CC;}
.subjectdiv5 {border-color:#69F;}
.subjectdiv6 {border-color:#F9F;}
.subjectdiv7 {border-color:#9CC;}
.subjectdiv8 {border-color:#C9C;}

.subjectdiv1 ul li{
	list-style-type: none;
}


.yellowspan, .orangespan, .redspan, .purplespan, .bluespan, .greenspan, .violetspan {
	font-size: 26px;
	font-style: normal;
	font-weight: bolder;
}



.yellowspan {color:#FF0;}
.orangespan {color:#F63;}
.redspan {color:#F00;}
.purplespan {color:#93F;}
.bluespan {color:#36C;}
.greenspan {color:#393;}
.violetspan {color:#606;}

.bluespan a:hover{
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;color:#393;
}
	
	
.requiredspanwhite,  requiredspanblue {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
}

.requiredspanwhite {color:#fff;}
.requiredspangreen {color:#393;}
.requiredspanorange {color:#F63;}
.requiredspanpurple {color:#93F;}

.oneiros {margin-right:auto;
	margin-left:auto;
	width:240px;
	height:174px;
	background-image:url(images/Logos/Oneiros.jpg);
	position: relative;
	background-color: #099;
	}
	
.annette {
	margin-right:auto;
	margin-left:auto;
	width:323px;
	height:165px;
	background-image:url(images/Logos/Annette.jpg);
	position: relative;
	background-color: #099;
}

.BCPress  {
	margin-right:auto;
	margin-left:auto;
	width:180px;
	height:141px;
	background-image: url(images/Logos/BCPress.jpg);
}

.girls {
	margin-right:auto;
	margin-left:auto;
	width:272px;
	height:143px;
	background-image: url(images/Logos/girlsPINK.jpg);
}
	
	
.RBProductions {
	margin-right:auto;
	margin-left:auto;
	width:502px;
	height:69px;
	background-image: url(images/Logos/RbLOGO.jpg);
}	

.erc {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:359px;
	height:123px;
	background-image: url(images/Logos/ERClogo.jpg);
}

.gaa {
	margin-right:auto;
	margin-left:auto;
	width:277px;
	height:183px;
	background-image: url(images/Logos/GAALogo.jpg);
	}
	
.laquila {
	margin-right:auto;
	margin-left:auto;
	width:449px;
	height:166px;
	background-image: url(images/Logos/LAquilaLogo.jpg);
	}

.pupkit {
	margin-right:auto;
	margin-left:auto;
	width:333px;
	height:264px;
	background-image: url(images/Logos/KitPupCards.jpg);
	}
	
.RBBanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:482px;
	height:199px;
	background-image: url(images/Banners/RoundBarn.jpg);
	}
	
.petfoodbanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:466px;
	height:100px;
	background-image: url(images/Banners/petfood.jpg);
	}
		
.knoepflebanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:408px;
	height:113px;
	background-image: url(images/Banners/knoepfle.jpg);
	}
	
.linscottbanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:391px;
	height:82px;
	background-image: url(images/Banners/Linscott.jpg);
	}

.montessoribanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:495px;
	height:105px;
	background-image: url(images/Banners/Montessori.jpg);
	}
	
.mardigras {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:420px;
	height:114px;
	background-image: url(images/Banners/MardiGras.jpg);
	}
	
.poetrybanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:515px;
	height:146px;
	background-image: url(images/Banners/Poetry.jpg);
	}

.LIAbanner {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:450px;
	height:115px;
	background-image: url(images/Banners/LIA.jpg);
	}


.dancers {
	margin-right:auto;
	margin-left:auto;
	width:273px;
	height:257px;
	background-image: url(images/Illustrator/PattyDancers.jpg);}


.ercillus {
	margin-right:auto;
	margin-left:auto;
	width:180px;
	height:119px;
	background-image: url(images/Illustrator/ERCoutline.jpg);
	}
	
.patty {
	margin-right:auto;
	margin-left:auto;
	width:269px;
	height:293px;
	background-image: url(images/Illustrator/ERCoutline.jpg);
	}
	
.lovehouse {
	margin-right:auto;
	margin-left:auto;
	width:433px;
	height:313px;
	background-image: url(images/Logos/Love_House.png);
	}
	
.branches {
	margin-right:auto;
	margin-left:auto;
	width:512px;
	height:186px;
	background-image: url(images/Illustrator/branches.jpg);
	}
	
.patty {
	margin-right:auto;
	margin-left:auto;
	width:269px;
	height:293px;
	background-image: url(images/Illustrator/Confused.jpg);
	}

.nameplate {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:216px;
	height:100px;
	background-image: url(images/PShop/PlatedName.jpg);
	}
	
.educ {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:216px;
	height:134px;
	background-image: url(images/PShop/educ.jpg);
	}
	
	
.pet {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:144px;
	height:122px;
	background-image: url(images/PShop/Pet.jpg);
	}
	
.bighouse {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:252px;
	height:186px;
	background-image: url(images/PShop/BigHouse.jpg);
	}

.picframe {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:252px;
	height:86px;
	background-image: url(images/PShop/Detail.jpg);
}
.fire {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:108px;
	height:196px;
	background-image: url(images/TradMedia/Fireside.jpg);}
	
.sam {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:214px;
	height:215px;
	background-image: url(images/TradMedia/sam.jpg);}
	
.ufo {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:207px;
	height:220px;
	background-image: url(images/TradMedia/UFO.jpg);}

.misst {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:264px;
	height:193px;
	background-image: url(images/TradMedia/MissTsmall.jpg);}


.clothes {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:304px;
	height:225px;
	background-image: url(images/TradMedia/Clothesline.jpg);}

	
.webpanel {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:252px;	
}
	
.photoedit {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:500px;
	height:748px;
	background-image: url(images/PhotoEdit/trever_fix.png);
	}
	
.photocolor {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:576px;
	height:325px;
	background-image: url(images/PhotoEdit/Eunice.jpg);
	}

.veccircle {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:303px;
	height:114px;
	background-image: url(images/VecDemo/VectorCircle.gif);
	}

.rasconstruct {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:303px;
	height:114px;
	background-image: url(images/VecDemo/RasterCircle.gif);
	}
	
.size {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:62px;
	height:58px;
	background-image: url(images/VecDemo/WholeCanary.jpg);
	}
	
.vecChange {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:62px;
	height:58px;
	background-image: url(images/VecDemo/WholeCanary.jpg);
	}
	
.sizedemo {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:369px;
	height:325px;
	background-image: url(images/VecDemo/VectorDemo.jpg);
	}
	
.sizedemo2 {
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	width:369px;
	height:325px;
	background-image: url(images/VecDemo/RasterDemo.jpg);
	}	
	
.clear {
	clear:both;
	}
	
.plainparagraph {
	margin-top:15px;
	margin-right:25px;
	margin-bottom:0px; 
	margin-left:35px;
	}


#footer {
	}

#trademark{text-align:center;
	
	margin-bottom:25px;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.address {margin-right:auto;
	margin-left:auto;
	width:300px;}
	
.tdleft {padding-right:6px;
	text-align:right;
	vertical-align: top;
}