/*-- Tags --*/ 
h1 { font-weight:bold; color:#fff; vertical-align:middle;  margin: 2rem auto; text-align:center;}
hr {border-top: 4px solid #fff; }

/*-- IDs --*/
#top-head {background: rgb(255,207,231);} 
#body { background: rgba(255,207,231,1); }
#btn-top {padding:8px 12px; background:#FF5AA5; border:2px solid #CC5885; color:#fff; float:right; text-align:right; border-radius:10px; margin-right:16px; text-decoration:none; font-weight: bolder; font-size:115%; }
#portfolio {width:100%; height:auto;}

#gMap {width:100%; height:275px;}

/*-- Classes --*/
.container { background: rgba(255,207,231,.5); }
/*-- Align --*/
.alignC	{ text-align:center; }
.alignL	{ text-align:left; }
.alignR	{ text-align:right; }
.alignV	{ vertical-align:middle; }

/*-- Border --*/
.border { border: 5px solid #fff; }
.borderT { border-top: 5px solid #fff; }
.borderR { border-right: 0px; }
.borderB { border-bottom: 5px solid #fff; }
.borderL { border-left: 0px; }

/*-- Fonts --*/
.bigfonts { font-style:italic; color: #00f; text-align:center; font-weight:bold; text-decoration:underline;}
.block { display:block;}
.spltxt { color:#FF0000; font-weight:bold; }
.copytxt { color:#FF0000; font-size:88%; }

/*-- backgrounds --*/
.background1 { background:#EE00EE; height:100%; }
.background2 { background:#AA00AA; height:100%; }
.background3 {background:#820082; height:100%; }
.background4 {background:#400040; height:100%; }
.background5 {background:#FFA500; height:100%; }
.bgRed {background:#f00;}
.bgGreen {background:#0f0;}
.fontRed { color:#f00; font-size:111%; font-weight:bold; }
.phone {text-decoration:none; font-weight:bold; color:#222; }
/*
7700AA
FF0080
EE0000
*/
/*-- images --*/
.images {margin: 0 auto; text-align: center;}
.rotater-img {width:100%; height:250px;}
.round-img { display:none; }
.round-img1 { border-radius: 100%; width:150px; height:150px;}
.hide1 {display:none;}

/*-- Navigation --*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FF5AA5;
}

li { float: left; width: 50%;}

li a {
    display: block;
    color: white;
	font-size: 125%;
	font-weight: bold;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
	border-top: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #DCDCDC;
	color: #AA0000;
}

@media (min-width: 640px) { 
#body { background: url("../images/main_bg.png") rgba(255,207,231,1); }
.rotater-img {width:100%; min-height:250px; height:425px;}
.hide11 {display:none;}
.hide1 {display:inline;}
.round-img { border-radius: 100%; width:100%; display:inline;}

.border { border: 4px solid #fff; }
.borderT { border-top: 0px; }
.borderR { border-right: 4px solid #fff; }
.borderB { border-bottom: 0px; }
.borderL { border-left: 4px solid #fff; }

li { width: auto; }
li a {
	font-size: 150%;
    padding: 14px 18px;
	border-top: 0px;
	border-right: 1px solid #DCDCDC;
}

}

