/* LAYOUT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#maincontainer
{
	width : 680px;
	padding : 0;
	margin-left : -340px;
	left : 50%;
	position : absolute;
	top : 12px;
}

div.main-content
{
	float : left;
	width : 480px;
	padding : 3px 0;
	/*margin-left:-5px;*/
	margin: 0 0 10px 0;
	display: block;
	color : #666666;
}

div.main-content-wide
{
	float : left;
	width : 680px;
	padding : 3px 0px;
	/*margin-left:-5px;*/
	margin: 0 0 10px 0;
	display: block;
	color : #666666;
}

div.side-bar
{
	float : left;
	width : 180px;
	text-align : center;
	margin: 5px 0 10px 20px;
	display: block;
}

div.top-nav
{
	padding : 4px 5px 0 5px;
	background-color : #FFFFFF;
	margin : -3px 0 0 0;
}

div.footer
{
	text-align : center;
	margin-top : 15px;
	margin-bottom: 15px;
	font-size:0.8em;
}

/* LAYOUT STYLING ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.top-nav table
{
	width : 650px;
	background-color : #FFFFFF;
	margin-left:10px;
}

div.top-nav table td
{
	width : auto;
	padding : 12px 5px;
	text-align : center;
	font-size : 1.4em;
	font-family : Arial, sans-serif;
}

div.top-nav table td a
{
	color: #656565;
}

div.top-nav table td a:hover
{
	color: #63a9d2;
}

td.services
{
	font-size : 1.2em;
	text-align : center;
	color : #666666;
}

.top-nav-flash
{
	padding : 5px 0;
	background-color : #FFFFFF;
}



#nav-web-design { float:left; text-align:center; width:143px; height:22px; margin-top:18px; margin-bottom:18px; }
#nav-web-design a { color:#B4B4B4; font-size:1.4em; font-weight:bold;}

#nav-web-hosting { float:left; text-align:center; width:160px; height:22px; margin-top:18px; margin-bottom:18px; }
#nav-web-hosting a { color:#62AAD0; font-size:1.4em; font-weight:bold;}

#nav-web-development { float:left; text-align:center; width:201px; height:22px; margin-top:18px; margin-bottom:18px; }
#nav-web-development a { color:#7CBD55; font-size:1.4em; font-weight:bold;}

#nav-web-marketing { float:left; text-align:center; width:160px; height:22px; margin-top:18px; margin-bottom:18px; }
#nav-web-marketing a { color:#FD9927; font-size:1.4em; font-weight:bold;}




#nav-seo-basic { float:left; text-align:center; width:150px; height:22px; margin-top:18px; margin-bottom:18px; }
#nav-seo-basic a { color:#FD9927; font-size:1.4em; font-weight:bold; text-transform:uppercase;}

#nav-seo-standard { float:left; text-align:center; width:150px; height:22px; margin-top:18px; margin-bottom:18px; }
#nav-seo-standard a { color:#FD9927; font-size:1.4em; font-weight:bold; text-transform:uppercase;}

#nav-seo-deluxe { float:left; text-align:center; width:150px; height:22px; margin-top:18px; margin-bottom:18px; }
#nav-seo-deluxe a { color:#FD9927; font-size:1.4em; font-weight:bold; text-transform:uppercase;}


/* CONTENT STYLING ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p
{
	margin : 0;
	padding : 5px 27px;
	font-size : 1.1em;
	color : #666666;
	text-align: left;
}

div.main-content ul
{
	font-size: 1.1em;
}

h3
{
	margin : 2px 5px 15px 5px;
	padding : 0px 10px 15px 22px;
	font-size : 2em;
	text-align : left;
	color : #666666;
	/*border-top: #dddddd solid 1px;*/
	border-bottom: #dddddd solid 1px;
	font-weight:normal;
}

h4
{
	margin : 10px 0 -5px 5px;
	padding : 5px 10px 5px 22px;
	font-size : 1.4em;
	text-align : left;
	color : #7bb5de;
	text-transform: lowercase;
}

h3 .sub-heading
{
	//margin : 10px 0 -5px 5px;
	//padding : 5px 10px 5px 22px;
	font-size : 0.9em;
	text-align : left;
	font-weight: normal;
	font-style: italic;
	color : #D7D7D7;
	text-transform: lowercase;
}

div.main-content ul, div.main-content-wide ul 
{
	margin : 11px 0 16px 25px;
	padding : 0 0 0 20px;
	text-align : left;
	color : #666666;
}

div.main-content ul li, div.main-content-wide ul li
{
	font-size : 1em;
	margin : 0 0 5px 0;
}

div.main-content ul li ul li, div.main-content-wide ul li ul li
{
	font-size : 0.9em;
	margin : 0 0 5px 0;
}

div.main-content ol li, div.main-content-wide ol li
{
	font-size : 1em;
	margin : 0 0 10px 0;
}

div.main-content label
{
	font-size : 1.2em;
	text-align : left;
	color : #666666;
}

div.main-content h4 a:hover, div.main-content-wide h4 a:hover
{
	color : #666666;
}

div.side-links-heading
{
	color: #666666;
	border: 0;
	margin: 40px 0px 0px 0px;
	padding: 5px 5px 17px 25px;
	text-align: left;
	font-size : 1em;
	font-weight : bold;
	border-left: 1px solid #DDDDDD;
}

div.side-links
{
	font-size: 1em;
	border-left: 1px solid #DDDDDD;
	padding-left:25px;
}

div.side-links ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

div.side-links ul li
{
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
	background: url(/images/layout/bullet.gif) no-repeat 0 0;
	font-weight : bold;
}

div.side-links ul li a
{
	display: block;
	width: 156px;
	padding: 3px 0px 5px 5px;
	margin: 0 0 0 8px;
	text-decoration: none;
	text-align: left;
	color:#666666;
	font-weight:normal;
}

div.side-links p
{
	margin: 0;
	padding: 8px;
	text-align: left;
}

div.footer .info
{
	font-size : 1.1em;
	color : #666666;
	text-align:center;
	margin-bottom: 15px;
}


/* EXTRA CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.portfolio-screenshot
{
	margin : -3px 0 0 5px;
	padding : 0 0 5px 15px;
	float: right;
}

.news-image
{
	margin : 5px 0px 5px 5px;
	padding : 5px 20px 5px 20px;
	float: right;
}

.news-date
{
	font-style: italic;
	color: #999999;
}

#clock
{
	color : #C0C0C0;
}

span.highlight
{
	color: #63a9d2;
}

/* MAIN HTML OVERRIDES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body
{
	background-color : #f1f1f1;
	background : url(../images/layout/bg.gif) repeat-y center 0%;
	margin : 0;
	padding : 0;
	font-family : verdana, san-serif;
	font-size : 62.5%;
	text-align : left;
}

table
{
	padding : 0;
	margin : 0;
}

img
{
	margin : 0;
	padding : 0;
	border : 0;
}

a
{
	text-decoration : none;
}

a:link
{
	color : #63a9d2;
}

a:visited
{
	color : #63a9d2;
}

a:hover
{
	color : #999999;
}

a:active
{
	color : #999999;
}

h3.borderTop
{
	margin : 15px 5px 15px 5px;
	padding : 15px 10px 0px 22px;
	font-size : 2em;
	text-align : left;
	color : #666666;
	border-top: #dddddd solid 1px;
	border-bottom: 0px;
	font-weight:normal;
}
div.footer .info {margin:0px; padding:0px; color:#999999; line-height:150%;}
div.footer .info a {color:#999999;}
table.vacanciesTable {margin: 0px 25px 0px 25px;}
table.vacanciesTable td {vertical-align: top;}
table.vacanciesTable p {padding-left:0px; padding-right:0px;}
.recruitment-subtitle {vertical-align: top; text-align: left; width: 110px; font-weight: bold;}
div.hr {float:left; width:100%; height:1px; border-bottom:1px solid #CCCCCC; margin-bottom:16px;}