body {
	background: #ffffff;
	color:#7BCFFD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
 
a { 
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}
 
a:hover { 
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
a img {
	border: none;
	}

/* Top Nav */

.logo {
	position:absolute;
	top:4px;
	left:4px;
	}

	 .top_nav {
            position: relative;
            height: 30px;
            width: 895px;
            background: url("top_bg.png") no-repeat top;
            padding: 6px 6px 6px 100px;
            margin: 25px auto;
            overflow: hidden;
	 }
 
	 .top_nav img {
                    float: left;
                    list-style: none;
                }
 
                .top_nav li {
                    float: left;
                    list-style: none;
                }
                
                .top_nav #search_box {
                    float: right;
                    list-style: none;
                    background: url(search_bg.png) center center no-repeat;
                    width: 250px;
                    height: 25px;
                    margin: 3px;
                } 
                
                .top_nav #search_box .text_box {
                	float: left;
                	width: 180px;
                	height: 25px;
                	background: none;
                	border: none;
                	color: #555555;
                	font-size: 12px;
                	padding-left: 7px;
                	}
                	
                .top_nav #search_box #site_search {
                	height: 25px !important;
                	width: 17px !important;
                	padding: 0px !important;
                	background: none;
                	border: none;
                	}
                	
                .top_nav #search_box #site_search:hover {
                	cursor: pointer;
                	}
                	
                .top_nav #search_box .web_search {
                	float: right;
                	width: 40px;
                	height: 25px;
                	background: none;
                	border: none;
                	}
                	
                .top_nav #search_box .web_search:hover {
                	cursor: pointer;
                	}
               
                    .top_nav li.back {
                        background: url("link_bg.png") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .top_nav li.back .left {
                            background: url("link_bg.png") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .top_nav li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #555555;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px; 
						text-shadow:0px 1px 1px #ffffff;   
                    }
                        .top_nav li a:hover, .top_nav li a:active, .top_nav li.current a {
                            border: none;
                        	color: #ffffff;
							text-shadow:0px -1px 1px #555555;
                        }
 
#sub_nav_wrapper {
	position:absolute;
	height:30px;
	top:85px;
	left:0px;
	right:0px;
	}

#sub_nav_wrapper .sub_nav {
	height:30px;
	width:1000px;
	text-align:left;
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 12px;
	margin: auto;
	}
 
#sub_nav_wrapper .sub_nav .default {
	display: inline;
	}
 
#sub_nav_wrapper .sub_nav .active {
	display: inline;
	}
 
#sub_nav_wrapper .sub_nav .default {
	color: #777777;
	text-decoration: none;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	}
 
#sub_nav_wrapper .sub_nav .default:hover {
	color: #777777;
	text-decoration: underline;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	}
 
#sub_nav_wrapper .sub_nav .active {
	color: #00aff0;
	text-decoration: none;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	font-weight: bold;
	}
 
#sub_nav_wrapper .sub_nav .active:hover {
	color: #7BCFFD;
	text-decoration: none;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	}

.news {
	background: #eaf8ff;
	border: 1px solid #999;
	color: #555555;
	text-decoration: none;
	font-size: 12px;
	width: 975px;
	margin: 50px auto;
	padding: 7px 10px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow:0px 1px 1px #ffffff;
	}
 
.news a {
	color: #555 !important;
	text-decoration: none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
 
.chatbox {
	width:300px;
	height:160px;
	background: url(chat_box.png) center center no-repeat;
	}
	
#user_wrapper {
	position:absolute;
	height:30px;
	top:7px;
	left:0px;
	right:0px;
	}

#user_wrapper .user_nav {
	height:30px;
	width:1000px;
	text-align:right;
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 12px;
	margin: auto;
	color: #555555;
	}
	
.content {
	width: 1000px;
	margin: 25px auto;
	background: url(content_bg.png) top center no-repeat;
	padding-top: 10px;
	color: #555555;
	text-align: left;
	text-shadow:0px 1px 1px #ffffff; 
	}
	
.content_new {
	width: 1000px;
	margin: 25px auto;
	background: url(content_bg_new.png) top center no-repeat;
	padding-top: 10px;
	color: #555555;
	text-align: left;
	text-shadow:0px 1px 1px #ffffff; 
	}
	
.content_dabubble {
	width: 1000px;
	margin: 25px auto;
	background: url(content_bg_dabubble.png) top center no-repeat;
	padding-top: 10px;
	color: #555555;
	height: 500px;
	text-align: left;
	text-shadow:0px 1px 1px #ffffff; 
	}
 
#content_wrapper {
	left: 0px;
	right: 0px;
	top: 135px;
	position: absolute;
	background: #00aff0 url(content_bg.png) center center repeat;
	height: 400px;
	}
 
#content_wrapper .front {
	left: 0px;
	right: 0px;
	position: absolute;
	background: url(front_bg.png) center center no-repeat;
	height: 400px;
	}
 
#content_wrapper .packages {
	left: 0px;
	right: 0px;
	position: absolute;
	background: url(packages_bg.png) center center no-repeat;
	height: 400px;
	}
 
#content_wrapper .content_projects {
	left: 0px;
	right: 0px;
	position: absolute;
	background: url(projects_bg.png) center center no-repeat;
	height: 400px;
	}
 
#content_wrapper .mobile {
	left: 0px;
	right: 0px;
	position: absolute;
	background: url(mobile_bg.png) center center no-repeat;
	height: 400px;
	}
 
.footer {
	left:0px;
	width:970px;
	margin: 50px auto;
	padding: 15px;
	color:#555555;
	border-top: dashed 1px #555555;
	border-bottom: dashed 1px #555555;
	}
 
.footer a {
	color:#777777;
	text-decoration:none;
	}
.footer a:hover {
	color:#777777;
	text-decoration:underline;
	}

a img {
	border: none;
	}
 
.button {
	border:solid 2px #a0de6e;
	background: url(button_bg.png) center center repeat-x;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow:0px 1px 1px #555;
	}
 
.button:hover {
	border:solid 2px #ffffff;
	background: url(button_hover.png) center center repeat-x;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow:0px 1px 1px #555;
	}