body
{
/*    border-top:solid 2px #FF850C;*/
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

#wrapper
{
    background:#FFF url(../Img/Master/home_bg.gif) repeat-x;    
}
#wrapper.noBlue
{    
    background:#FFF url(../Img/Master/bg2.jpg) repeat-x;    
}

#wrapper.noBlue #container
{
	background:url(../img/master/sidebar.png) no-repeat 600px 60px;	
}

/*Logo Style*/
#logo h1
{
	padding:0;
	margin:0;
}
#logo{
	width:211px;
	height:33px;
	float:left;
	padding-top:7px;
}
#logo a{
	display:block;
	width:211px;
	height:33px;
}


/*Menu Style*/
#menu_wrap{
	float:right;

}
#menu_wrap ul{
	padding-left:0;
	padding-bottom:0;
}
#menu_wrap ul li{
	list-style:none;
	display:inline;
	margin-left:0px;
	
}
#menu_wrap ul li a{
	font:14px Arial, Helvetica, sans-serif;
	color:#fefefe;
	text-decoration:none;
	padding:16px 16px 16px 16px;
	display:block;
	float:left;
	font-weight:bold;
}
#menu_wrap ul li a:hover{
	color:#abd0ef;
	padding:16px 16px 16px 16px;
}

#menu_wrap ul li.current a{
	color:#abd0ef;
	border-top:4px solid #abd0ef;
	padding:12px 16px 16px 16px;
}

/* Responses */

.success
{
	background-color: #DBEF95;
	padding:5px 10px;
	color: Black;
	font-size:110%;
	margin: -10px 0 15px 0;
}

.error
{
	background-color: #FF6F6F;
	padding:5px 10px;
	margin: -10px 0 15px 0;
	color: Black;
	font-size:110%;
	clear:both;
}

.notice
{
	background-color: #FFFF99;
	padding:5px 10px;
	margin: -10px 0 15px 0;
	color: Black;
	font-size:110%;
	clear:both;
}


.websitesColour
{
    /*color:#0FA9CC;*/
    color:#FFF;
}

.webappsColour
{
    /*color:#FF850C;*/
    color:#FFF;
}

#tagline
{
    font-size:3em;
    color:#093a64;
    line-height:1em;
    font-family:Rockwell, Helvetica, Sans-Serif;
    padding:0 40px;
}

.midContentBox
{
    -moz-border-radius:10px;
    padding:0 10px;
    width:420px;
    height:210px;
}
.midContentBox h2
{
    font-family:Rockwell, Helvetica, Sans-Serif;
    color:#FFF;
    padding:5px 10px;
    font-weight:normal;
}
.midContentBox .boxReadMore
{
    padding:10px 0 5px 0;
    /*margin:0 0 0 10px;*/
    text-align:right;
}
.midContentBox .boxReadMore a
{
    color:#FFF;
    /*font-weight:bold;*/
    font-size:1.3em;
    background:Transparent url(../../../upload/bullet_go.png) no-repeat right center;
    padding:0 30px 0 0;
}

.midContentBox .details
{
    font-size:1.3em;
    color:#FFF;
    font-weight:normal;
}
.midContentBox .details .blurb
{
    margin:0 0 10px 0;
    position:relative;
    z-index:20;
    padding:10px;
}
.midContentBox .details .point
{
    padding:5px 0 5px 20px;
    margin:0 0 0 10px;
}
.midContentBox .details .onlinePresence
{
    background:Transparent url(../../../upload/world_small.png) no-repeat left 5px;
}
.midContentBox .details .moreCustomers
{
    background:Transparent url(../../../upload/basket_put_small.png) no-repeat left 5px;
}
.midContentBox .details .automateBusiness
{
    background:Transparent url(../../../upload/cog_go_small.png) no-repeat left 5px;
}
.midContentBox .details .increaseProd
{
    background:Transparent url(../../../upload/chart_bar_add_small.png) no-repeat left 5px;
}
.midContentBox .details .compSearch
{
    background:Transparent url(../../../upload/magnifier_small.png) no-repeat left 5px;
}
.midContentBox .details .integrate
{
    background:Transparent url(../../../upload/server_database.png) no-repeat left 5px;
}

.midContentBox .overlayBack
{
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    background-color:#07497F;
    -moz-border-radius:10px;
        
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index:-10;
}

.boxItem
{
    position:relative;
    display:block;
    width:420px;
    height:52px;
    margin:0 0 10px 0;
}

.boxItem img
{
    float:left;
    padding:10px 0;
    margin:0 0 0 10px;
}
.boxItem .item
{
    float:left;
    font-size:1.7em;
    line-height:32px;
    padding:10px 0;
    margin:0 0 0 10px;
    color:#666;
}

.boxItem .overlayBack
{
    position:absolute;
    top:0px;
    left:0px;
    height:52px;
    width:420px;
    background-color:#FFF;
    -moz-border-radius:10px;
    
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;    
}

.boxItem .overlayTop
{
    position:absolute;
    top:0px;
    left:0px;
    height:52px;
    width:420px;
    -moz-border-radius:10px;
}

#websites
{
    float:left;
/*    background-color:#0FA9CC;*/
}

#webapps
{
    float:right;
/*    background-color:#FF850C;*/
}

#nav ul{
	overflow:hidden;
	width:100%;
	background-color:#FFFFFF;
	list-style-type:none;
	padding:0;
	margin:0;
}

#nav li { 
	display: block; 
	height: 38px; 
	width: 135px; 
	text-transform: uppercase;
	letter-spacing: 1px; 
	line-height: 38px; 
	color: #666666; 
	float: left; 
	text-align:center;
	font-size:1.2em;
	border-right: solid 1px #DDDDDD;
	font-weight:bold;
}

#nav li a:link, #nav li a:active, #nav li a:visited  {
	display: block;
	color: #666666; 
	text-decoration: none; 
}

#nav li a:hover
{
	color:Black;
	background-color:#DDDDDD;
}

/* remove the left margin for the first link*/
#nav ul a.first{
	margin-left:0;
}


/* Portfolio */
#portfolio li
{
    list-style-type: none;
    list-style: none;
    clear: both;
    display: block;
    border-bottom: dotted 1px #d2cfcb;
    overflow: auto;
}

.portfolio_top
{
    display: block;
    text-align: left;
    overflow: visible;
    height: auto;
    padding-top: 10px;
}

.portfolio_top h2
{
	padding: 0 0 20px 0;
	margin:0;
}

.portfolio_top_left
{
    float: left;
    color: #2b2b2b;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 26px;
    width: 380px;
}

.portfolio_top_left a, .portfolio_top_left a:hover, .portfolio_top_left a:visited
{
    text-decoration: none;
}

.portfolio_top_right
{
    float: right;
    width: 200px;
}

.portfolio_bottom
{
    display: block;
}

.portfolio_item
{
    font-size: 1.1em;
}

.portfolio_item .slideshow
{
    display: block;
    text-align: center;
}

.portfolio_item .slideshow img
{
    border: solid 1px gray;
}


#portfolioItem img
{
    text-align: center;
}

#portfolioItem slideshow
{
    float: left;
    width: 400px;
}

.portfolio_item_link
{
	clear:both;	
	font-size:1.1em;
	padding:0px 15px 30px 15px;
}

.portfolio_item_link .externalLink
{
	float:left;
	padding:5px 20px 5px 5px;
	background:Transparent url(../img/world_go.png) no-repeat center right;
}

.portfolio_item_link .launched
{
	float:right;
	padding-top:5px;
}

.miniPortfolio li
{
	padding:0 0 5px 0;
}
.miniPortfolio li h4
{
	padding-bottom:10px;
}

/* HOME PAGE */

#contentMid
{
    margin:0 0 30px 0;
}

#contentTop
{
    padding:0px 0 30px 0;
}

#contentLeft
{
    float: left;
    width:409px;
    padding:10px 20px;
    border-right: solid 1px #D3E2EF;    
}

#contentRight
{
    float: right;
    width:409px;
    padding:10px 20px;
}


/*footer*/
#footer_inner{
	width:100%;
	float:left;
	padding:0 0;
	background:#f8f8f8 url(../img/master/footer_bg.gif) repeat-x;
}
#footer{
	color:#5f5f5f;
	width:900px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#footer a{
	color:#5f5f5f;
}
#footer a.current{
	font-weight:bold;
}
.footer_nav{
	float:left;
	padding:0;
	margin:0;
}
.footer_nav li{
	list-style:none;
	display:inline;
	margin-left:0;
	padding:0 10px 0 0;
	font-size:12px;
}
.copyright{
	float:right;
	font-size:11px;
}


/*Mainpage Portfolio*/

#portfolioStart li
{
    list-style-type: none;
    list-style: none;
    clear: both;
    display: block;
    border-bottom: dotted 1px #d2cfcb;
    overflow: auto;
    padding: 0 10px 0 10px; 
    margin-bottom: 10px;
}

#portfolioStart li img
{
    float: right;
    padding: 5px;
}

#portfolioStart h3
{
    margin-bottom: 10px;
    padding: 0;
}

/* contact */

#contactForm
{
	padding-left:20px;
}

#contactForm .field
{
	padding:10px 0;
}

#contactForm .field label
{
	display:block;
	font-weight:bold;
	padding-bottom:5px;
	color:#2B2B2B;
}

#contactForm .field input
{
    width:290px;
    border:solid 1px #DDDDDD;
    padding:5px;	
}

#contactForm .field textarea
{
    width:340px;
    height:100px;
    border:solid 1px #DDDDDD;
    padding:5px;	
}

.email
{
	font-weight:bold;
	font-size:1.1em;
	padding:3px;
}

.contactText
{
}

.contactButton
{	
    margin:10px 0 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    text-decoration:none;
    font-weight:bold;
    color:#2B2B2B;
    cursor:pointer;
    padding:5px 10px; /* Links */
    
    font-size:1.1em;
}

.contactButton:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:Black;
}


.findus ul
{
	margin:0;
	padding:0;
}

.findus ul li
{
	padding:5px;
	padding-top:0;
	margin-bottom:2px;
	font-weight:bold;
	font-size:1.1em;	
}

.findus ul li .emailIcon
{
	background:url(../img/email.png) no-repeat left center;	
	padding-left:25px;
}

.findus ul .phoneIcon
{
	background:url(../img/phone.png) no-repeat 5px 1px;	
	padding-left:30px;
}

.findus ul li .twitterIcon
{
	background:url(../img/twitter.png) no-repeat left center;	
	padding-left:25px;
}

.findus ul li .linkedIn
{
	background:url(../img/linkedin.png) no-repeat left center;	
	padding-left:25px;
}


/* about */
.bigText
{
	color: #7d7d7d;
	font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    padding-bottom:20px;
}

.bigText a
{
	font-weight:bold;
}

.user
{
	clear:both;
	padding-bottom:80px;
	padding-left:5px;
}

.user .profilePic
{
	float:left;
	width:65px;
}

.user .userRight
{
	float:right;
	width:205px;
}

.user .userRight h4
{
	padding:0;
	padding-bottom:2px;
	margin:0;
	font-weight:bold;
}

.user .userRight .title
{
	color: #aaaaaa;
}

.user .userRight .userLinks
{
	padding-top:5px;
	clear:both;
}
.user .userRight .userLinks a
{
	margin-right:2px;
}

.images
{
	padding:0 10px;
}

.images img
{
	padding-right:40px;
}

.aboutHeading
{
	padding:10px 0 10px 0;
}

/*sitemap*/
.sitemap
{
	list-style-type:circle;
	margin-left:20px;
}

.serviceText
{
    padding:0 0 20px 0;
}