body
{
    line-height: 18px;
	font: 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.body
{
    background-color: #FFFFFF;
    padding: 10px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
p, .p {
	margin-bottom: 12px;
	font-weight: normal;
}
h1, .h1 {
	font-size: 26px;
}
h2, .h2 {
	font-size: 20px;
}
h3, .h3 {
	font-size: 18px;
}
h4, .h4 {
	font-size: 14px;
}
h5, .h5 {
	font-size: 12px;
	font-weight:normal;
}

ul, ol {
	padding-bottom:5px;
	margin-left:40px;
}
ul {
	list-style-type: square;
}
ol {
	list-style-type: decimal ;
}

a, a:visited, a:link, a:active {
	color: #D78100;
	text-decoration: underline;
}
a:hover {
	color: #68980E;
}

input, textarea, select
{
	font: 12px Verdana, Arial, Helvetica, sans-serif !important;
}

input[type="text"],input[type="password"],textarea, select {
	padding:2px;
	border:solid 1px #999999;
}

input[type="radio"]{
    padding: 10px;
    margin: 5px;
}

select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #A5ACB2;
}

#container {
	width: 940px;
	margin: 0px auto;
	position: relative;
}

#logo a
{
    color: #ffffff;
    font-size: 28px;
    text-transform: uppercase;
    border: solid 1px #ffffff;
    text-decoration: none;
}
#logo a span
{
    display: inline-block;    
    padding: 2px 6px 2px 6px;
}
#logo a .logo-3
{
    background-color: #7DB610;
}
#logo a .logo-advance
{
    background-color: #FFC918;
    border-left: solid 1px #ffffff;
}
#logo a .logo-com
{
    text-indent: -11px;
    background-color: #FD9900;
    border-left: solid 1px #ffffff;
}

.bar
{
    height: 10px;
    background: #373737;
}
#content .bar
{
    margin: -14px -326px 14px -14px;
}

#navigation
{
    margin: 7px 0 2px 0;
    background: #373737;
    height: 31px;
    padding-left: 6px;
}
#navigation ul
{
    padding: 0;
    margin: 0;   
	list-style-type: none;
}
#navigation ul li
{
    float: left;
    padding: 8px 8px;
}
#navigation ul li a, .clients a
{
    font-size: 13px;   
	color: #ffffff;
	text-decoration: none;
}
#navigation ul li a:hover, .clients a:hover
{
	color: #FFD851;
}

#navigation ul li.current a
{
	color: #FFD851;
	font-weight: bold;
}


#services
{
}
#services ul
{
    padding: 0;
    margin: 0;   
	list-style-type: none;
}
#services ul li
{
    float: left;
    width: 280px;
    height: 37px;
    padding: 10px 10px 10px 22px;
    cursor: pointer;
}
#services ul li.websites
{
    background: #618E0D url('../images/bg-green.png') repeat-x top left;
    border-right: solid 1px #ffffff;
}

#services ul li div
{
    display: none;
    margin: 4px 0;
    font-size: 14px;   
    line-height: 19px;
	color: #ffffff;
}

#services ul li a.title, #services ul li a.title-sel
{
    width: 100%;
    text-transform: uppercase;
    display: inline-block;
    font-size: 32px;   
    font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
#services ul li.websites
{    
    border-right: solid 1px #ffffff;
}
#services ul li.mobile-apps
{
    background: #EAB600 url('../images/bg-yellow.png') repeat-x top left;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
}
#services ul li.databases
{
    border-left: solid 1px #ffffff;
    background: #EC8D00 url('../images/bg-orange.png') repeat-x top left;
}
#services ul li.websites a.title
{    
    background: transparent url('../images/select-green.png') no-repeat right;
}
#services ul li.websites a.title:hover, #services ul li.websites a.title-sel
{    
    background: transparent url('../images/selected-green.png') no-repeat right !important;
    /*color: #B6CF87 !important;*/
}
#services ul li.mobile-apps a.title
{
    background: transparent url('../images/select-yellow.png') no-repeat right;
}
#services ul li.mobile-apps a.title:hover, #services ul li.mobile-apps a.title-sel
{
    background: transparent url('../images/selected-yellow.png') no-repeat right !important;
    /*color: #F8DE83 !important;*/
}
#services ul li.databases a.title
{
    background: transparent url('../images/select-orange.png') no-repeat right;
}
#services ul li.databases a.title:hover, #services ul li.databases a.title-sel
{
    background: transparent url('../images/selected-orange.png') no-repeat right !important;
    /*color: #F8c880 !important;*/
}
#services #coming
{
    display: none;
    position: absolute;
    font-weight: bold;
    margin-top: -42px;
    margin-left: 146px;
}

#footer
{
    font-size: 11px;
    text-align: center;
    margin-bottom: 10px;
}

#footer .bar
{
    margin-top: 2px;
    margin-bottom: 8px;
}

#footer .fullsite
{
    display: none;
}


#content
{
    padding: 14px;
    font-size: 14px;
}


.cph-left
{
    display: none;
}

.cph-main
{
    float: left;
    width: 600px;
}

.cph-right
{
    display: block;
    float: right; 
    width: 300px;
}



.card
{
    width: 500px;
    height: 290px;
    margin: 20px;
    border: solid 1px #ABABAB;
}
.card object
{
    position: relative;
    top: -210px;
    left: 340px;
}

.contact
{
    width: 500px;
    margin: 16px auto;
    text-align: center;
}

#logo 
{
    float: left;
	margin: 16px;
}

.twitter 
{
    float: right;
	background-image: url("../images/bg-twitter.jpg");
	width: 357px;
	height: 64px;
}
.twitter .main {
    display: none;
    text-indent: 12px;
    padding: 7px 10px 7px 54px;
    clear: both;
    color: #ffffff;
}

.twitter .main ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.twitter .main ul li {
    margin: 0;
    padding: 0;
}

.twitter img {
    float: left;
}

.twitter .top a {
    font-size: 11px;
    color: #428DC4 !important;
    text-decoration: none;
    font-weight: bold;
}
.twitter .top a:hover {
    color: #787878 !important;
    text-decoration: underline;
}
.twitter .middle a.link:hover {
    text-decoration: underline;
}

.twitter .middle a, #home-right .twitter .middle a:hover {
    color: #ffffff;
    font-weight: bold;
}

.twitter .middle a:hover {
    text-decoration: underline;
}


.twitter .middle .tweet {
    line-height: 12px;
    width: 300px;
}
.twitter .middle .date {
    font-style: italic;
    position: absolute;
    top: -21px;
    margin-left: 2px;
    color: #666666;
    z-index: 10000;
    font-size: 11px;
}

.twitter .top, .twitter .top img, .twitter .top div {
    float: right;
}

.clients
{
    padding: 8px 8px;
    float: right;
    margin-right: 6px;
}
.clients a
{
    color: #DDDDDD;
}


.facebook 
{
    float: right;
    background-color: #ffffff;
	width: auto;
	height: 23px;
	margin-top: 2px;
	line-height: 12px;
	padding: 2px 0;
}
.facebook-side
{
    float: right;
    background-image: url('../images/side-fb.png');
	width: auto;
	height: 27px;
	width: 2px;
	margin-top: 2px;
	line-height: 12px;
}

#intro 
{
    display: none;
    height: 270px;
}

#intro div, #intro img
{
    position: absolute;
}

#intro #looking
{
    font-size: 32px;
    margin-top: 13px;
    margin-left: 110px;
}
#intro #well
{
    font-size: 25px;
    margin-top: 215px;
    margin-left: 100px;
}
#intro #found
{
    display: none;
    font-size: 25px;
    margin-top: 215px;
    margin-left: 196px;
}

#intro div span
{
    font-weight: bold;
    color: #333333;
}
#intro #block_w
{
    display: none;
    border: solid 1px #ffffff;
    background-image: url('../images/block-w.gif');
    width: 34px;
    height: 36px;
    margin-top: 281px;
    margin-left: 18px;
}
#intro #block_m
{
    display: none;
    border: solid 1px #ffffff;
    background-image: url('../images/block-m.gif');
    width: 34px;
    height: 36px;
    margin-top: 281px;
    margin-left: 332px;
}

#intro #block_d
{
    display: none;
    border: solid 1px #ffffff;
    background-image: url('../images/block-d.gif');
    width: 34px;
    height: 36px;
    margin-top: 281px;
    margin-left: 644px;
}
#intro #more_w
{
    display: none;
    border: solid 1px #7DB610;
    background-color: #ffffff;
    height: 43px;
    margin-top: 61px;
    margin-left: 106px;
    font-size: 38px;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
}
#intro #more_w a
{
    color: #7DB610;
    text-decoration: none;
}
#intro #more_m
{
    display: none;
    border: solid 1px #FFC918;
    background-color: #ffffff;
    height: 43px;
    margin-top: 108px;
    margin-left: 106px;
    font-size: 38px;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
}
#intro #more_m a
{
    color: #FFC918;
    text-decoration: none;
}
#intro #more_d
{
    display: none;
    border: solid 1px #FD9900;
    background-color: #ffffff;
    height: 43px;
    margin-top: 155px;
    margin-left: 106px;
    font-size: 38px;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
}
#intro #more_d a
{
    color: #FD9900;
    text-decoration: none;
}
#intro #block_s
{
    display: none;
    font-size: 34px;
    margin-top: 137px;
    margin-left: 438px;
    color: #ffffff;
}
#intro #question
{
    display: none;
    font-size: 34px;
    margin-top: 137px;
    margin-left: 474px;
}

#cloud 
{
    margin-top: -7px;
    margin-left: 600px;
    width: 340px;
    text-align: center;
    vertical-align: middle;
}

.latest
{
    line-height: 42px;
    font-size: 16px;
    font-weight: bold;
}

#intro #news div, #intro #news img
{
    position: relative;
}
#news
{
    padding: 4px 9px;
    margin-left: 600px;
    width: 320px;
    background: #E5E5E5 url('../images/bg-cloud.jpg') repeat-y top center;
    border-left: 2px solid #373737;
    
}

#news p, #news .h3
{
    margin-top: 4px;
    margin-bottom: 4px;
}

#news a
{ 
    color: #000000;
}

#news a:hover
{ 
	color: #68980E;
}
#news img
{
    margin-top: 2px;
    margin-right: 4px;
    margin-bottom: 4px;
}
#news h4
{
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 2px;
}

#cloud a
{
    text-decoration: none;
    color: #333333;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    
    
}
#cloud a:hover
{
    text-decoration: underline;
}

#cloud .c_1
{
    top: -18px;
    font-size: 28px;
}
#cloud .c_2
{
    font-size: 68px;
}
#cloud .c_3
{
    top: -20px;
    font-size: 31px;
}
#cloud .c_4
{
    font-size: 42px;
}
#cloud .c_5
{
    font-size: 28px;
}
#cloud .c_6
{
    font-size: 24px;
}
#cloud .c_7
{
    bottom: -10px;
    font-size: 28px;
}
#cloud .c_8
{
    margin-top: 8px;
    font-size: 30px;
}
#cloud .c_9
{
    bottom: -10px;
    font-size: 21px;
}
#cloud .c_10
{
    font-size: 48px;
}
#cloud .c_11
{
    top: -10px;
    font-size: 24px;
}
#cloud .c_12
{
    font-size: 40px;
}
#cloud .c_13
{
    top: -6px;
    font-size: 20px;
}
#cloud .c_14
{
    font-size: 40px;
}
#cloud .c_15
{
    font-size: 28px;
}

.cph-right ul
{
    margin: 0 -5px 0;
	list-style-type: disc;
    
}
.cph-right ul li
{
    margin-left: 35px; 
}

.logos
{
    text-align: center;
}
.logos img
{
    margin: 14px;
}


#press_logos
{
    text-align: center;
    padding: 8px;
}

#logo_3advance
{
    width: 162px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-image: url('../images/logo-bs.png');
    text-indent: -4000px;
    display: inline-block;
    margin-right: 40px;
}

#logo_bigmess
{
    width: 148px;
    height: 38px;
    background-image: url('../images/big-mess-media.jpg');
    text-indent: -4000px;
    display: inline-block;
    margin-right: 27px;
}

#logo_change
{
    margin-left: 7px;
    width: 150px;
    height: 38px;
    background-image: url('../images/change-org.jpg');
    text-indent: -4000px;
    display: inline-block;
}
ul.social
{
    padding: 0;
    position: absolute;
    width: 184px;
    margin-left: 140px;
    z-index: 2200;
}

ul.social li
{
    float: right;
    list-style-type: none;
    padding: 2px;
    margin: 0;
}

#news ul.items
{
    padding: 0;
    margin: 0 !important;
}

#news ul.items li
{
    list-style-type: none;
    padding: 0;
    margin: 0 !important;
    border-bottom: 1px solid #CCCCCC;
    clear: left;
}

#news ul.items li span
{
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 2px;
}
.tumblr_img
{
    width: 70px;
    border: 1px solid #CCCCCC;
}

.news_scroll
{
    border-top: 1px solid #CCCCCC;
    overflow: auto;
    height: 218px;
}

ul.portfolio
{
    padding: 0;
    margin: 0 -10px 0 -10px;   
	list-style-type: none;
}
ul.portfolio li
{
    float: left;
    padding: 6px 4px;
}
ul.portfolio li img
{
    border: 1px solid #222222;
}
ul.portfolio li h2
{
    background-color: #222222;
    color: White; 
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    margin: 0;
    text-align: center;
}
ul.portfolio li p
{
    border: 1px solid #222222;
    background-color: #DDDDDD;
    padding: 4px;
    margin: 0;
    font-size: 12px;
    text-align: center;
}

#birthday
{
    margin: 180px 0 0 510px;
}

ul.cycle
{
    margin: 0 -10px 0 10px;
    padding: 0;
}
ul.cycle li
{
    margin: 0 0 0 0;
    padding: 0;
}