/* CSS Document */

@import url("tinymce.css");

* {margin:0; padding:0 }
html { height: 100%; font-size:100%}
body { height: 100%; font: .76em Verdana, Arial, Helvetica, sans-serif; color: #d2d7e8; background: #2e3e4b url(images/top-bg2.gif) repeat-x 0 0;}

/* Common definitions */
a {color:#ccc; text-decoration: underline}
a:hover {color:#fff }
img { border: none; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; color: #ccc; }
h1 {font-size: 1.4em; font-weight:normal}
h2 {font-size: 1.3em; font-weight:normal}
h3,h4 {font-size: 1.2em}
h5,h6 {font-size: 1.0em}
p {margin: 3px 0; padding: 3px 0;}
p.portfolio { font-family: "Arial"; font-size: 1.4em; font-weight: normal; }
a.top { font-family: "Arial"; font-size: 1.36em; font-weight: normal; }
ul, ol {margin: 5px 0 5px 20px; padding: 3px 0 3px 5px;}
li {margin: 2px 0; padding: 1px 0;}

/* Special styles */
.blockquote { padding-left: 30px; background: transparent url(imgages/bq.gif) no-repeat left top; }
.normal { font-weight: normal !important}
.smallText { font-size:.9em !important}
.bigText {font-size:1.2em !important}
.justify {text-align:justify}
.grey {color: #d4d4bf;}
.green {color: #ccc;}
.orange {color:#ffca3d}

.more {text-align: right}
.bottomBorder {padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #627483;}
.clearAll {clear:both}

/* Common layouts */
#layout { margin-bottom: -55px; min-height:100%;}
* html #layout { height:100%; }
#clearer {clear:both; height: 55px; }
#footerLayout {height:54px; background-color: #263542; border-top: 1px solid #000; min-width:880px}

/*  Top */
#topLayout { position:relative; margin: 0 auto; width:880px; height:78px; overflow:hidden;}
#logo a { position:absolute; top: 20px; left:15px; background:url() no-repeat 0 0; width:192px; height:41px;}
#laptop { display:none}
#sketch { display:none}

/*  Top menu */
#topMenu { float:right; margin:25px 10px 0 0; padding:0; list-style:none;}
#topMenu li { display:inline; margin:0; padding:0;}
#topMenu a { float:left; display:block; margin-left: 20px; padding: 7px 0 10px 0; font: bold .8em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color: #fefefe; }
#topMenu a:link, #topMenu a:visited {color: #fefefe}
#topMenu a:hover { padding-bottom:6px; border-bottom: 2px solid #ccc; color: #ccc;}
#topMenu a.active, #topMenu a.active:hover { padding-bottom:6px; border-bottom: 2px solid #ccc; color: #ccc; cursor: default}


/* Top banner */
#bannerLayout {display:none}
/* Content area */
.content { padding: 7px 0 10px 0;}
.contentTopBg { background: url(images/shadow.gif) repeat-x 0 0; min-width:880px}
.contentWrapper {margin: 0 auto; padding: 0; width:960px; min-height_:200px; overflow:auto; line-height:1.4em;}
.contentWrapper .leftRow {float:left; width:100%}
.contentWrapper .rightRow {float:right; width:100%}
.additionalInfo { font-size: 1.0em;}
.content img { border: 2px solid #ccc}
.content a:hover img { border-color:#ccc}

/* Right column */
.pageHeader { margin-bottom: 20px; }

/* Blog & Articles & Showcase */
.infoBlock { margin: 5px 0 10px 0; padding:0;}
.infoBlock .itemInfo { margin-bottom:10px}
* html .infoBlock .itemInfo {height:50px}
.infoBlock h5 { margin:0; padding:0; font-size:1em; color:#b3cf2f;}
.infoBlock p { margin:0; padding:0;}

/* Blog */
.infoBlock .blogInfo { position:relative; margin: 0 0 10px 40px; min-height:50px;}
* html .infoBlock .blogInfo {height:50px}
.blogInfo .date { position:absolute; top:3px; left:-40px; width:40px; font: 20px/17px Arial, Helvetica, sans-serif; color:#6d7f8e;}
.blogInfo .date span { display:block; width:40px; font-size:10px; line-height:10px;}

/* Showcase layout */
.infoBlock .showcaseInfo { position:relative; margin: 0 0 10px 10px; min-height:70px;}
* html .infoBlock .showcaseInfo {height:70px}
.showcaseInfo img { position:absolute; top:0; left:10px; border:10px solid #293a42 !important; }
.showcaseInfo a:hover img { border-color:#34464e !important}

/* Articles links listing */
.links-list { margin: 15px 0 20px 0; padding: 0 0 0 15px; list-style-type: none; }
.links-list li { display: block; margin: 5px 0; font: 1em/normal Verdana, Arial, Helvetica, sans-serif; }
.links-list a { padding-left: 10px; background: transparent url(images/bullets.gif) no-repeat 0 4px; }
.links-list a:hover { background-position: 0 -18px; }
.links-list .active { color:#b3cf2f; cursor:default; text-decoration:none; background-position: 0 -18px; }

/* Navigation panel */
.navigation { margin: 3px 0; font-weight: bold; text-align: right;}
.navigation a { color:#ffca3d; font-weight: normal; }
.navigation a:link, .navigation a:visited {color:#ffca3d;}
.navigation a:hover, .navigation a:active  {color:#fff;}

/*BannerTop */

#bannertop
{
	height:40px;
	background-position:bottom;
	background-repeat:repeat-x;
	padding-top:20px;
}

#bannertop .box
{
	text-align:center;
	width:238px;
	text-align:center;
	float:left;
}


/* Portfolio */

#portfolioLine
{
	height:630px;
	background-position:bottom;
	background-repeat:repeat-x;
	padding-top:10px;
}

#portfolioLine .box
{
	text-align:center;
	width:320px;
	text-align:center;
	float:left;
}

#portfolioLine .box .sitetitle
{
	font-size:12px;
	color:#677073;
	height:45px;
}


#portfolioLine .scrbg
{
	width:310px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	cursor:hand;	
}

#portfolioLine .scrbg img
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	border:0px;
}


/* Footer */
#footerBorder {border-top: 1px solid #3b4a57}
#footerWrapper { position:relative; margin:0 auto; padding: 14px 0 3px 0; width:960px; font-size:.9em; overflow:hidden}

#counters { position:absolute; right:0; top:10px; height:20px;}
#counters img {border:none}
#ra { height:1px; overflow:hidden; }
#ra img { position:absolute; top: 1000px; height:1px;width:1px;}