/* CSS Document 
background:url(images/bg-body.jpg) repeat-x top #06181e;
*/


body{
background:#06181e; 
font-size:90%; 
font-family: Verdana, Arial, Sans-Serif; 
color: #f1f1f1; 
padding: 0px; 
margin: 0px;
}


a:link { 
text-decoration: none; 
color : #63dbf5; 
border: 0px; 
-moz-outline-style: none;
}
a:active { 
text-decoration: underline; 
color : #63dbf5; 
border: 0px; 
-moz-outline-style: none;
}
a:visited { 
text-decoration: none; 
color : #63dbf5; 
border: 0px; 
-moz-outline-style: none;
}
a:hover	{ 
text-decoration: underline; 
color : #ffffcc; 
border: 0px; 
-moz-outline-style: none;
} 
a:focus { 
outline: none;
-moz-outline-style: none;
}
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

h1, h2, h3, h4, h5 { 
font-family: "Trebuchet MS"; 
color:#fff;
}


img { 
padding: 0px; 
margin: 0px; 
border: none;
}
hr { 
border-left:0px solid #abb0b5; 
border-right:0px solid #abb0b5;
border-top:1px dotted #abb0b5; 
border-bottom:0px solid #abb0b5; 
height : 1px;  
}

/* Top Bar +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#topbar{
height:24px;
background-color:#06181e;
border-bottom: 1px solid #647278;
text-align:center;
}
#topbar h1{
font-size:70%;
line-height:2em;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#647278;
padding:0;
margin:0;
}
/* BG +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#bg-all{
background:url(images/bg-body.jpg) #202e33 repeat-x;
float:left;
width: 100%;
}
#bg { 
width: 1040px; 
margin: 0 auto;
background:url(images/bg-page.jpg) no-repeat top center;
float:left;
width: 100%;
}
#wrap{
width:960px;
margin:0 auto;
}

/* container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container{
width:960px;
margin:0 auto;
float:left;

}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header{
height:80px;
}
	.header h1{ 
	text-indent: -55000px;
	padding:0;
	margin:0; 
	}
		.header h1 a{ 
		display: block; 
		height: 80px; 
		width: 160px; 
		cursor: hand;
		}
		
	.header .quotescollection_randomquote{ 
	margin:0 0 0 180px;
	width:420px;
	font-size:70%;
	padding:0;
	top:65px;
	position:absolute;
	color:#666;
	}
	.header .quotescollection_randomquote p{
	padding:0;
	margin:0;
	}
	p.quotescollection_nextquote{
	display:none;
	}

/* Main body +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mainbody{
margin-top:0px;
margin-bottom:10px;
font-size:90%;
line-height:1.5em;
padding-bottom:10px;
}

.c1, .c2, .c3{
float:left;
}


/* Col 1 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c1{
width:480px;
margin:50px 0 20px 0;
}
.home h2 { 
color:#ffffcc;
font: normal 25px/25px "Trebuchet MS";
letter-spacing: -1px; 
padding: 0 0 5px 0;
margin:0;
}
.home h3 { 
color:#ff9999; 
font-size: 16px; 
padding: 10px 0px; 
text-transform: lowercase;
}

.home ul { 
padding: 0px 0px 0px 0px; 
margin: 0px; width: 100%; float: left;} 
.home li { 
margin: 0px; 
padding: 0px; 
list-style-type: none; 
}
.home li a { margin: 0px 5px 2px 0px; padding: 0px; float: left;}

.home p{
padding:0;
margin:0 0 10px 0;
font-size:90%;
}

/* Col 2 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c2{
width:270px;
margin-left:30px;
margin-top:53px;
}
.c2 h2, h3, h4, h4{
text-transform: lowercase;
}
.c2 a:hover { 
text-decoration: none;
}
.c2 ul {
margin:0 0 10px 0;
padding:0;
list-style:none;
}


.c2 .whyus { 
margin-bottom: 20px;
}
.c2 .whyus h3{ 
color:#fff; 

font-size: 18px;
border-bottom: 2px dotted #ccc;
margin:0 0 5px 0;
padding:0 0 5px 0;
text-transform: lowercase;
font-weight:normal;
}
.c2 .whyus li { 
background: url(images/s1h2.png) no-repeat left 5px; 
font-size:85%;  
color:#aac9c9;
padding-left:10px;
line-height:1.3em;
}


.c2 .recent{
margin-bottom:20px;
font-size:90%;
}
.c2 .recent h3{
color:#ff9999; 
font-size: 14px;
border-bottom: 2px dotted #ff9999;
margin:0 0 5px 0;
padding:0 0 5px 0;
text-transform: lowercase;
}

.TabMenu { 
float: left; 
margin: 0px; 
padding: 0px; 
}
ul.TabMenu {
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom: 2px dotted #ff9999 !important;
width:100%; 
}
.TabMenu li { 
display: inline; 
color:#fff; 
letter-spacing: -1px; 
font-size:14px;
margin:0 0 5px 0;
padding:0 0 5px 0;
text-transform: lowercase;
font-weight:bold;
}
.TabMenu li a{
color:#8dd88d;
margin-right:10px;
}
.TabMenu li a:hover { 
color: #ff9999;
}
.TabLink a:link.active {
color:#ff9999; 
text-decoration: none;
}
.TabLink a:visited.active {
color:#ff9999;
}

.TabContent li{
padding: 2px 0px 3px 0px; 
background: url(images/dotted-single.png) repeat-x bottom; 
font-size:90%;  
color:#ccc;
}
/* Col 3 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.c3{
width:150px;
margin-left:30px;
margin-top:59px;
}
.c3 h2, h3, h4, h4{
text-transform: lowercase;
}
.c3 h3 { 
font-size: 125%; 
font-weight: bold; 
padding: 5px 0px 5px 0px; 
margin: 0px; 
color:#8dd88d;
} 

.c3 ul { 
padding: 0px; 
margin: 0px 0 20px 0;
} 
.c3 li { 
margin: 0px; 
padding: 1px 0px 1px 7px; 
list-style-type: none; 
font-size: 85%;
line-height:1.2em;
background: url(images/links-ico.png) no-repeat left 5px;
}


/* Menu Bar +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menubar{
margin:8px 0 20px 0;
padding:0;
width:100%;
clear:both;
position:relative;
overflow:hidden;
}
#menubar .menu ul{
padding:0;
margin:0;
}
.menu li { 
display: inline; 
float: left;
margin-right:2px;
}
.menu li span{
z-index:-999999;
display:none;
}
.menu li a { 
float: left;
color:#fff;
margin:0;
height:30px;
}


.menu .home a{
background:url(images/b-home.png) no-repeat 0 0;
width:60px;
}
.menu .about a{
background:url(images/b-about.png) no-repeat 0 0;
width:62px;
}
.menu .portfolio a{
background:url(images/b-portfolio.png) no-repeat 0 0;
width:80px;
}
.menu .clients a{
background:url(images/b-clients.png) no-repeat 0 0;
width:68px;
}
.menu .career a{
background:url(images/b-career.png) no-repeat 0 0;
width:68px;
}
.menu .log a{
background:url(images/b-log.png) no-repeat 0 0;
width:45px;
}
.menu .contact a{
background:url(images/b-contact.png) no-repeat 0 0;
width:73px;
}
.menu li a:hover{
background-position: left -30px;;
}

/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.search {  
width: 250px; 
background: url(images/bkg-search.png) no-repeat left; 
height: 75px;
margin-bottom:10px;
}
.search form { background: url(images/SearchForm.gif) no-repeat left top; padding: 32px 20px 0px 30px; margin: 0px; }
.search input { color: #330033; font-size: 11px;}
.search input.s { background: none; border: none; width: 170px;} 
.search input.button { width: 22px; height: 21px; background: url(images/SearchButton.gif) no-repeat;}
.search .bt { 
padding: 0px; 
background: none;
width: 22px; 
height: 21px;
position:relative;
margin: -16px 2px 2px 0px;
float:right;
}


/* Content 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.wp-pagenavi{
background: url(images/nav-right.png) no-repeat left; padding-left: 8px;
font-size:80%;
}

.bighead{ 
padding:0px 0px 10px 0px;
}

.bighead h1 { 
border-bottom: solid 5px #729da7; 
color:#fff; 
font-size: 28px; 
line-height: 28px; 
letter-spacing: -1px; 
padding: 0px 0px 10px 0px; 
margin: 0px 0px 10px 0px;
font-weight:normal;
}
.bighead h1 strong{ 
font-weight:bold;
text-transform:lowercase;
}

/* Central - Entry Post
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { margin-bottom: 30px;}
.post h1 { 
font: normal 25px/25px "Trebuchet MS"; 
letter-spacing: -1px;
margin:0;
padding:0 0 5px 0; 
}
.p-head { 
position: relative; margin-bottom: 20px; 
}
.p-head p{
margin:0;
font-size:100%;
}
.p-date { 
background: url(images/p-date-ico.png) no-repeat left top; 
padding:0 0 5px 15px;
margin:0 0 4px 0;
border-bottom: solid 1px #729da7; 
color:#cccc99;
}
.p-date a { 
color:#cccc99; text-decoration: none;
}

.p-tag { background: url(images/p-tag-ico.png) no-repeat left 1px; 
padding-left: 15px; 
color:#83afbb; 
}
.p-tag a { 
color:#83afbb;
}

.p-con { 
font-size: 100%; 
line-height:1.5em;
color:#d4e6e6; 
}
.p-con p { 
font-size: 100%; 
line-height:1.5em;
color:#d4e6e6; 
padding: 7px 0px; 
margin:0 0 15px 0;
}
.p-con ol { padding: 10px 0px; margin-left: 35px;}
.p-con ol li { padding: 2px 0px; font-size: 12px; line-height: 16px; }
.p-con ul, .p-con ol { padding: 10px 0px; margin-left: 20px;}
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 16px; color:#8a9ba0;}

.p-con blockquote { border-top: dashed 1px #627f87; border-bottom: dashed 1px #627f87; margin: 10px 0px; color:#cccc99; }
.p-con blockquote p { font: italic 13px/18px 'Georgia'; padding: 5px 0px; margin: 5px 0px; color:#cccc99;}
.p-con blockquote li { padding: 3px 0px 3px 15px; list-style-type: none; background: url(images/post-con-li.png) no-repeat left top; font-size: 13px; line-height: 18px; }

.p-con h1 { font: normal 21px/21px "Trebuchet MS"; letter-spacing: -1px; padding: 7px 0px; margin: 0px; }
.p-con h2 { font: normal 18px/18px "Trebuchet MS"; letter-spacing: -1px; padding: 6px 0px; margin: 0px;}
.p-con h3 { font: bold 14px/14px "Trebuchet MS"; padding: 5px 0px; margin: 0px; color:#fff; }

.single .p-date, .single .p-tag{
font-size:85%;
}
.single h3{
text-transform:capitalize !important;
margin:10px 0;
}
.single li{
color:#d4e6e6 !important;
}


/* Category News
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cat { float: left;}
.cat .post { margin-bottom: 30px;}
.cat .p-head { 
background: url(images/dotted-single.png) repeat-x bottom; 
margin-bottom: 0px; padding-bottom: 10px; 
font-size: 10px;
line-height:1.3em;
}
.cat .p-head h2 { 
font: normal 19px/19px "Trebuchet MS"; 
padding-bottom: 2px; 
color:#fff; margin:0
}
.cat .p-head h2 a, .p-head h2 a:visited, .p-head h2 a:hover { 
text-decoration: none;
}
.cat .p-date { color:#cccc99; border-bottom: none; padding: 1px 0px 1px 15px; margin-bottom: 0px;}
.cat .p-tag { padding: 1px 0px 1px 15px; }
.cat .p-com { 
background: url(images/p-com-ico.png) no-repeat left 3px; 
padding:1px 0px 1px 15px; 
}
.cat .p-con {
padding:5px 0; 
color:#aac9c9;
font-size:85%;
line-height:1.5em;
}
.cat .p-con p { font-size:11px; line-height: 16px; padding: 5px 0px; color:#aac9c9;}


.cat .more-link { 
font-size: 10px; 
text-align: right; 
padding-top: 5px; 
background: url(images/dotted-single.png) repeat-x top;
margin-top:10px; 
}
.cat .more-link a { font-weight: bold; padding-right: 15px; background: url(images/fullentry.png) no-repeat right 2px;}


/* Tags
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tags{
}

/* Extra Comments
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments { width: 960px; margin: 0 auto; padding-bottom: 20px;}
.comments h3 { font: normal 19px/19px "Trebuchet MS"; letter-spacing: -1px; padding: 0px; margin: 0px; width: 480px;}

/* Comment Entry
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.com-top { 
position: relative; 
padding: 40px 0px; 
width: 960px;
}
.com-top .com-rss { 
position: absolute; 
top: 40px; 
left: 510px; 
font: normal 80%/1.3em "Trebuchet MS"; 
padding: 0px; margin: 0px;}

.com-entry { 
padding: 25px 0px 20px 0px; 
color:#8b9a9a; 
line-height: 15px; 
background: url(images/dotted-single.png) repeat-x top; 
position: relative; 
width: 960px; 
min-height: 80px;
}
/**/ *html .com-entry  { height: 80px;} /**/ 
.com-head { position: absolute; top: 25px; left: 510px; width: 440px; float: left;}
.com-head .avt-nr { 
background: url(images/avt-nr.png) no-repeat left top; 
width: 54px; 
height: 75px; 
float: left; 
text-align: center;
}
.com-head .avt-nr .nr { font: bold 16px "Trebuchet MS"; color:#a7b7a9; letter-spacing: -1px; padding: 5px 0px 0px 0px; margin: 0px; letter-spacing: -1px;}
.com-head .avt-nr .avt { padding: 10px 0px 0px 0px; margin: 0px;}
.com-head .avt-nr .avt img { border: solid 1px #576659; }
.com-head .name-date { float: right; width: 375px; padding: 5px 0px;}
.com-head .name-date .name { font: bold normal 110%/1.5em "Trebuchet MS"; color:#8b9a9a; padding: 0px; margin: 0px;}
.com-head .name-date .date { font-size: 70%; line-height: 1.3em; padding: 0px; margin: 0px; }
.com-head .name-date .date a, .com-head .name-date .date a:visited, .com-head .name-date .head .date a:hover { color:#546267; text-decoration: underline; }
.com-con { width: 480px; font: normal normal 90%/1.5em "Verdana";}
.com-con p { font: normal 90%/1.5em "Verdana"; 
padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; }
.com-con p a { color:#8b9a9a; text-decoration: underline;}

.com-con code { font-size: 11px; line-height: 14px; display: block; background: url(images/dotted-left.png) repeat-y left; padding: 10px; color:#647474;}
.com-con blockquote { font: italic 11px/14px "Verdana"; padding-left: 10px; color:#647474; margin-left: 0px; background: url(images/dotted-left.png) repeat-y left;}
.com-con blockquote p { font: italic 11px/14px "Verdana";}



/* Admin Comments
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.admin {} 
.admin .com-head .avt-nr { background: url(images/avt-nr-admin.png) no-repeat left top;}
.admin .com-head .avt-nr .nr { color:#fff;}
.admin .com-head .name-date .name { color:#ff8181; }
.admin .com-head .avt-nr .avt img { border: solid 1px #fff; }
.admin .com-con { color:#fff;}
.admin .com-con p a { color:#fff; text-decoration: underline;}
.admin .com-con code { font-size: 11px; line-height: 14px; display: block; border-left: dashed 1px #647474; padding-left: 10px; color:#c9d4d4;}


/* Ping Entry
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.trackback { margin-top: 60px;}
.trackback h3 { padding: 0px 0px 10px 0px; margin: 0px; background: url(images/dotted-single.png) repeat-x bottom; width: 960px;}
.trackback .track-entry { padding: 5px 0px; color:#a5afb2; background: url(images/dotted-single.png) repeat-x bottom; width: 960px;}


/* Comments Form
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.com-form { position: relative; padding: 0px; margin: 60px 0px 40px 0px; color:#8b9a9a; }
.com-form h3 { color:#fff; padding: 0px; margin: 0px;}

.com-form .f1 { position: absolute; top: 30px; left: 454px; width: 250px;}

.com-form form label { padding: 8px 0px; margin: 0px; display: block;}
.com-form form small { font-size: 12px;}
.com-form form p { padding: 0px; margin: 0px; }
.com-form form small strong { color:#ff8181; }
.com-form form { padding: 0px; margin: 0px; }
.com-form .txt { border: none; padding: 8px 30px 8px 40px; color:#fff; width: 180px; height: 16px; font: normal 12px/16px "Verdana";  }
.com-form .inname { background:url(images/com-form-inname.png) no-repeat #06181e;}
.com-form .inemail { background:url(images/com-form-inemail.png) no-repeat #06181e;}
.com-form .inurl { background:url(images/com-form-inurl.png) no-repeat #06181e;}
.com-form .inspam { background:url(images/com-form-inspam.png) no-repeat #06181e;}

.com-form button { float: left; cursor: pointer; text-indent: -1000em; width: 96px; height: 31px; border: none; background: url(images/com-form-button.png) no-repeat; margin-top: 15px; }
.com-form form textarea { border: none; background:url(images/com-form-textarea.png) no-repeat; color:#fff; font: normal 12px/18px "Verdana";}

.com-form imput{
background-color:#06181e;
}


/* Footer Extra +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer-extra { 
background:#06181e url(images/footer-extra.png) repeat-x top; 
width: 100%; 
margin: 0px; 
padding: 0px; 
float: left; 
}
.footer-extra-top { 
overflow: hidden; 
position: relative; 
background: url(images/footer-top.png) no-repeat top; 
width: 960px; 
margin: 0 auto; 
}

/* Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { 
background: url(images/dotted-single.png) repeat-x top; 
width: 960px; 
margin: 25px auto; 
position: relative;
font-size:75% !important;
float:left;
}
.footer p { 
color:#647278; 
padding:20px 0px; 
margin: 0px;
}
.footer p a { 
color:#647278;
}
.footer p img { 
vertical-align: middle;
}
.copyright{
float:left;
}
.feed{
float:right;
}

p.feed{
padding-left:20px;
background:url(images/rss.jpg) no-repeat left;
}

