* { 
	margin:0; 
	padding:0; 
	border:none;
    z-index: 0;
}
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-family:Georgia, "Times New Roman", Times, serif; */
	font-size: 13px;
	color: #1e1e1e;
    height: 100%;
}

/* HEADER */

#header {
    position: absolute;
	height: 97px;
	width: 100%;
	background-image: url(../images/header_background.gif);
}
#header #header-wrapper {
	width: 900px;
	margin: 0 auto 0 auto;
}

#header #header-wrapper #main-menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#header #header-wrapper #main-menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: left;
}

#header #header-wrapper #header-menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#header #header-wrapper #header-menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: right;
}

#header #header-wrapper #logo {
	float: left;
	width: 180px;
	height: 77px;
	padding-top: 20px;
}

#fanbox {
	margin-top:20px;
	padding-left:25px;
}

#header #header-wrapper #menus {
	float: right;
	height: 97px;    
    text-align:  right;
	width: 720px;
}

#header #header-wrapper #main-menu {
	height: 55px;
	width: 578px;
    float: right;
}

#header #header-wrapper #header-menu {
	height: 42px;
    float: right;
	width: 578px;
    padding: 5px;
}

/* TOP */


#top {
    position: absolute;
    top: 97px;
    left: 0px;
    width: 100%;
    height: 329px;
    text-align: center;
    background: url("../images/top_background.gif");
}

#top #read-more {
    position: absolute;
    z-index: 20;
    width: 100%;
    margin-left: -350px;
    margin-top: 200px;
}

.showcaseLinks { color:#fff; text-decoration: none; }

	
#top #top-wrapper {
    height: 329px;
    width: 900px;
    margin: 0 auto 0 auto;
}


#showcase table { margin-top:20px;margin-bottom: 20px; width: 100%;}
/* #showcase td { padding-bottom: 20px; color: #727272;} */
#showcase td { padding-bottom: 20px; padding-right:55px; }
#showcase img { border: 4px solid #e0e0e0; }
/*
#showcase td a { color:#976162;}
#showcase td a:hover { color:#C71B1F; }
*/
#showcase td.descr { padding-bottom:40px;}
#showcase h2 { padding-top:0px;margin-bottom:10px; color: #727272; font-size:13px; color:#C71B1F;}


#content #web #twitter-content {
    width: 860px;
    border: 4px solid #e0e0e0;
    background-color: #f5f5f5;
    padding: 15px 10px 10px 10px;
    font-size: 11px;
    background-image: url('../images/twitter_backgorund.gif');
    background-repeat: repeat-x;
    margin-bottom: 5px;
    list-style:none;
}

#slideshow { width: 860px; margin-left: auto; margin-right: auto;}

#slideshow img {
    z-index:8;
    display: none;
}

#slideshow img.active {
	display: block;
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
    display: none;
}



/* FOOTER */

#footer {
	width:100%;
	clear:both;
	height:149px;
    /* line-height:149px; */
	background-image: url(../images/footer_background.gif);
	font-family:arial;
    position:relative;
}

#footer #footer-wrapper {
    width: 900px;
    padding: 25px 0 0 0;
    margin: 0 auto 0 auto;
}

#footer #footer-wrapper #copyright {
    width: 300px;
    color: #FFFFFF;
    font-size: 11px;
    float: left;
}

#footer #footer-wrapper #copyright .about {
    color: #b9b9b9;
    padding-bottom: 20px;
}

#footer #footer-wrapper .sub {
    float: right;
    font-family:Arial;
    font-size: 11px;
    padding: 0px 10px 0px 35px;
    color: #FFFFFF;
    line-height: 22px;
}
#footer #footer-wrapper .sub ul {
    margin: -10px 0 0 0; 
    padding: 0px;
    list-style: none;
    list-style-image: url(../images/bullet.gif); 
    display: block;  
}

#footer #footer-wrapper .sub ul li a{
    color: #FFF;
    text-decoration: none;
}

#footer #footer-wrapper .sub ul li a:hover {
    color: #FFF;
    text-decoration: underline;
}

.red {
    background-color: #C71B1F;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}



/* CONTENT */

#content {
	width: 100%;
	background-image: url(../images/content_background.gif);
    background-repeat: repeat-x; 
	min-height:100%;

    margin-bottom:-149px;     
}

#content a {
	
	color:#C71B1F;
	
}

.red-link {
	
	color: #C71B1F;
	
}

#content #content-wrapper {
	width: 900px;
    margin: 0 auto 0 auto;
}



    /* Left */
    
    #content #content-wrapper #left {
    	width: 580px;
    	float: left;
        padding: 20px 20px 20px 0;
    }
    
    
    #content #content-wrapper #left-contact {
    	width: 480px;
    	float: left;
        padding: 20px 20px 20px 0;
    }
    
    #content #content-wrapper #web {
    	width: 100%;
    	float: left;
        padding: 20px 20px 20px 0;
    }
    
    /* End Left */




    /* Right */
    
    #content #content-wrapper #right {
    	float: right;
        clear: right;
    	width: 290px;
    }
    
    #content #content-wrapper #right-contact {
    	float: right;
        clear: right;
    	width: 390px;
    }
    
    #contact-form input {
        margin: 10px auto 10px auto;
        padding: 5px 5px 5px 5px;
        border: 1px solid #d5d0be;
        width: 80%;
        background-color: #f5f3d3; 
    }
    
    #contact-form textarea {
        margin: 10px auto 10px auto;
        padding: 5px 5px 5px 5px;
        border: 1px solid #d5d0be;
        width: 80%;
        background-color: #f5f3d3; 
        height:200px;
    }
    
    #content #content-wrapper #right-web {
    	float: right;
        clear: right;
    	width: 520px;
    }
    
    #content #content-wrapper #right #right-head {
    	text-align: center;
        line-height: 30px;
        clear: both;
    }
    
    #content #content-wrapper #right #ecommerceBox {
    	margin: 0px auto 20px auto;
    	padding: 10px 0 20px 0;
    	border: 4px solid #d5d0be;
    	color: #fff;
    	background-color: #98b300;
    	font-weight:bold;
    
    }
    
    #ecommerceBox ul {
    	margin-left:30px;
    }
    
    #ecommerceBox li {
    	margin-top:20px;
    }
    
    
    
    
    #content #content-wrapper #right #hostingBox {
    	margin: 0px auto 20px auto;
    	padding: 10px 0 20px 0;
    	border: 4px solid #d5d0be;
    	color: #fff;
    	background-color: #c76de5;
    	font-weight:bold;
    }
    
    #hostingBox ul {
    	margin-left:30px;
    }
    
    #hostingBox li {
    	margin-top:20px;
    }
    
    #content #content-wrapper #right #systemsBox {
    	margin: 0px auto 20px auto;
    	padding: 10px 0 20px 0;
    	border: 4px solid #d5d0be;
    	color: #fff;
    	background-color: #ff7e00;
    	font-weight:bold;
    }
    
    #systemsBox ul {
    	margin-left:30px;
    }
    
    #systemsBox li {
    	margin-top:20px;
    }
    
    #content #content-wrapper #right #commsBox {
    	margin: 0px auto 20px auto;
    	padding: 10px 0 20px 0;
    	border: 4px solid #d5d0be;
    	color: #fff;
    	background-color: #44a5ff;
    	font-weight:bold;
    }
    
    #commsBox ul {
    	margin-left:30px;
    }
    
    #commsBox li {
    	margin-top:20px;
    }
    
    #content #content-wrapper #right #webBox {
    	margin: 0px auto 20px auto;
    	padding: 10px 0 20px 0;
    	border: 4px solid #d5d0be;
    	color: #fff;
    	background-color: #da1a21;
    	font-weight:bold;
    }
    
    #webBox ul {
    	margin-left:30px;
    }
    
    #webBox li {
    	margin-top:10px;
    }
    
    #designPortfolio {
    	margin: 0px auto 20px auto;
    	padding: 20px 20px 20px 20px;
    	border: 4px solid #da1a21;
    	color: #da1a21;
    	font-size:14px;
    	background-color: #fff;
    	font-weight:bold;    	
    }
    
    #designPortfolio a {
    	text-decoration:none;
    }
    
    .web h3 {
    	color:#da1a21;
    	font-weight:bold;
    	font-size:16px;
    }
    
    
    #content #content-wrapper #right #news {
        margin: 20px auto 20px auto;
        padding: 10px 0 20px 0;
        border: 4px solid #d5d0be;
        width: 95%;
        background-color: #f5f3d3; 
    }
    
    #content #content-wrapper #right-web #showcase {
        margin: 20px auto 20px auto;
        padding: 10px 0 20px 0;
        border: 1px solid #d5d0be;
        width: 95%;
        background-color: #f5f3d3; 
    }
    
    #content #content-wrapper #right #news a{
    	color:#000;
    	text-decoration:none;
     	
	}
	
    #content #content-wrapper #right #news a:hover {
    	text-decoration:underline;
     	
	}

    #content #content-wrapper #right .news-title {
       margin: 10px;
    }
    
    #content #content-wrapper #right-web .showcase-title {
       margin: 10px;
    }
    
    #content #content-wrapper #right-web .showcase-box {
    	margin: 10px;
       width:475px;
       height:280px;
       background-color:#ccc;
    }
    
        
    #content #content-wrapper #right .news-item {
        padding: 7px 15px 0 15px;
        font-size: 11px;
        height: auto;
        color: #484848;
    }    
    
    #content #content-wrapper #right .news-table {
    	margin-left:10px;
    	margin-right:10px;
    }
    
    #content #content-wrapper #right hr {
        width: 95%;
        text-align: center;
        margin: 0 auto 0 auto;
        height: 0px;
        border-top: 1px solid #dedcbf;
    }
     
    #content #content-wrapper #right .news-item .date {
        padding-top: 5px;
        width: 38px; 
        float: left;
        padding-right: 10px;
        height: 33px;
        text-align: center;
        line-height: 8px;
        background-image: url('../images/news_date_background.gif');
        background-repeat: no-repeat;
    }    
    
       
    #content #content-wrapper #right .news-item .news-content {
        padding-bottom: 5px;
    }         
    /* End Right */

	
	/* Home Hello */
	
	#redbox {
		margin-top:70px;
		margin-right:40px;
		width:261px;
		height:193px;
		float:left;
	}
		
	
	#greenbox {
		width:261px;
		height:193px;
		margin-top:70px;
		float:left;
		color: #748805;
	}
	
	
	#purplebox {
		width:261px;
		height:193px;
		margin-top:30px;
		margin-right:40px;
		float:left;
		color: #8717ac;
	}
	
	#bluebox {
		width:261px;
		height:193px;
		margin-top:30px;
		float:left;
		color: #1375d0;
	}
	



    /* Twitter */
    
    #content #twitter {
        width: 900px;
        margin: 0 auto 50px auto;
        color: #999999;
    }
    
    #content #twitter a {
    	color: #2380b5;
    }
    
    #content #twitter #twitter-top {
        width: 900px;
        text-align:right;
    }
    
    
    #content #twitter #twitter-content {
        width: 860px;
        border: 4px solid #e0e0e0;
        background-color: #f5f5f5;
        padding: 15px 10px 10px 10px;
        font-size: 11px;
        background-image: url('../images/twitter_backgorund.gif');
        background-repeat: repeat-x;
        margin-bottom: 5px;
        list-style:none;
    }
    #content #twitter #twitter-content ul {
        margin: 0px; padding: 0px;
        list-style:none;
    }
    
    #content #twitter #twitter-content li {
        padding-bottom: 2px;
        display: block;
    
    }
    
    #content #twitter #twitter-content .date {
        font-size: 11px;
        color: #2380b5;
    }
    
    #content #twitter #twitter-content .box {
        width: 50%;
        float: left;
    }
    
    /* End Twitter */    
    

/* Contact */


#contact_details {
	
	margin-top:115px;
	
}



/* Partners */

#partners {
    width: 100%;
    border-top: 4px solid #c0c0c0;
    height: 48px;
}
#partners-wrapper {
    width: 900px;
    margin: 0 auto 0 auto;
}


/* Fix 100% height */

#clear-header { 
	height: 427px; 
}

#clear-footer {
	clear:both;
	height: 149px;
}

.clear {
	clear: both;
}
.white {
    color: #FFF;
}

.hide {
	display:none;
}

.errors {
	font-weight:bold;
	color:#C71B1F;
	padding: 20px 0px 20px 0px;
}

.success {
	font-weight:bold;
	color:#347C2C;
	padding: 20px 0px 20px 0px;
}

#gradwell_prices td { background-color:#ebebeb; padding:7px; }

#gradwell_prices h2 { color:#000; font-size: 12px; margin-top:20px; }

#gradwell_prices input,select { background-color: #ebebeb; padding: 5px;}

.comms h3,h2 { color:#44a5ff; }

.ecommerce h3,h2 { color:#98b300; }

.contact h3,h2 { color: #000; }