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

.circle {
	border-radius:50%;
	color: #f6f6f6;
	height:100%;
	width:100%;
	margin: 0 auto;
	position: absolute;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

.circlemenu {
    float:right;
    margin:15px auto;
    overflow:hidden;
    width: 70%;
}

.circlemenu ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.circlemenu li {
    height: 100px; 
    width: 100px;
    background: #f8f8f8;
    border: 15px solid #f6f6f6;
    float:left;
    margin-left: 25px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.circlemenu li:last-child {
    margin-right: 0px;
}

.circlemenu li a {
    height: 100%;
    width: 100%;
    border-color:#EEEEEE;
    color: #000;
    display:block;
    font-weight:bolder;
    position: relative;
    text-align: center;
}

.circlemenu li:hover {
    background: #E6E6E6;
    border-color: #fff;
    opacity:0.8;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

/* ============================================================================== */

.bigcircle {
	background-color: #f6f6f6;
	border-radius:50%;
	display:block;
	height:100%;
	width:100%;
	margin: 0 auto;
	position: absolute;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear;
}

#bigorbsmenu {
    width: 100%;
/*    float:left;   */
    margin:0px  auto 0 auto;
    overflow:hidden;
    position:relative;
}

#bigorbsmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

#bigorbsmenu li {
    height: 200px; 
    width: 200px;
    background: #f8f8f8;
    border: 15px solid #f6f6f6;
    float:left;
    margin-left: 55px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 225px;
    -moz-border-radius: 225px;
    border-radius: 225px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

#bigorbsmenu li:last-child {
    margin-right: 0px;
}

#bigorbsmenu li a {
    height: 100%;
    width: 100%;
    border-color:#EEEEEE;
    color: #000;
    display:block;
    font-weight:bolder;
    position: relative;
    text-align: center;
}

#bigorbsmenu li:hover {
    background: #E6E6E6;
    border-color: #fff;
    opacity:0.8;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

/* ============================================================================== */

.circleaction {
	height:auto;
	margin:0px auto;
	overflow:hidden;
	width: 95%;
}

.circleaction ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.circleaction li {
    height: 100px; 
    width: 100px;
    background: #f8f8f8;
    border: 15px solid #f6f6f6;
    float:left;
    margin-left: 0px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.circleaction li:last-child {
    margin-right: 0px;
}

.circleaction li a {
    height: 100%;
    width: 100%;
    border-color:#EEEEEE;
    color: #000;
    display:block;
    font-weight:bolder;
    position: relative;
    text-align: center;
}

.circleaction li:hover {
    background: #E6E6E6;
    border-color: #fff;
    opacity:0.8;
    transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
}

/* ============================================================================== */
.ch-img-1 { background-image: url(images/icon_home.png); }
.ch-img-2 { background-image: url(images/graphicdesign001.png); }
.ch-img-3 { background-image: url(../images/6.jpg); }