@import url("font/droidsans.css");
@import url("font/fertigo.css");
@import url("font/texgyre.css");

* {padding:0; margin:0;}
ul {list-style:none;}
a {color:#1b78a8; text-decoration:none;}
a img {border:none;}
.clear {
 clear:both;
 line-height:1px; height:1px;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}
section, header, footer, article, nav 
{display:block;
text-decoration:none;}

body
 { background:url(images/htmlbg.jpg) left top repeat-x; 
 font-size:62.5%; 
 color:#333; 
 font-family: Verdana, Geneva, sans-serif;}
 
body.normalpage 
{background:url(images/normalhtml.jpg) left top repeat-x;}

#page 
{width:100%; 
height:100%; 
background: url(images/headerbg3.jpg) center top no-repeat; }

body.normalpage #page 
{background:url(images/normalheader.jpg) center top no-repeat; 
height:255px;}

#bodywrap 
{ width:1032px; 
margin: 0 auto;}

#top 
{height:366px;}

body.normalpage #top 
{height:155px;}

body.normalpage #top #normalheader
{height:81px;}

#contentwrap
 { background:url(images/wrapbg.png) center top no-repeat;}


#contents 
{ margin:0 26px 0 26px; 
background:url(images/wraptop.jpg) 0 30px repeat-x;
min-height:300px; 
padding:45px 15px 0 15px;}
 

#homeheader 
{ height:292px; 
width:980px; 
margin:0 auto;}

#sitename 
{display:block;
 float:left; 
 padding:15px 0 0 0;}

#sitename a 
{display:block;
 background:url(images/portfoliologo.png) no-repeat; 
 height:86px; 
 width:170px; 
 float:left; 
 text-indent:-5000px; 
 overflow:hidden;}
 
 
/* Navigation----------------------------------------------*/
#top nav 
{height:74px; 
width:980px; 
margin:0 auto; 
font-family:'TeXGyreAdventor', Arial, sans-serif;
text-decoration:none;
}

#sitenav 
{display:block; 
float:right; 
height:59px; 
font-size:15px; 
font-family:'TeXGyreAdventor', Arial, sans-serif; 
padding-top:25px;
text-decoration:none;
}

#sitenav li 
{color: #2c5a9a;
font-weight:bold; 
display:inline;
text-decoration:none;}

#sitenav li a 
{display:block; 
float:left; 
color: #2c5a9a; 
padding:5px 15px 5px 15px;
text-decoration:none;}

#sitenav li a:hover
 {color:#fff; 
 text-shadow:#000 1px 1px 1px;
 text-decoration:none;}

#sitenav li.current a
{color:#fff;
text-decoration:none; 
background:url(images/activemenu.png) center bottom no-repeat;}

#sitenav li img:hover
 {color:#fff; 
 text-shadow:#000 1px 1px 1px;
 text-decoration:none;}
 
 
 /* About----------------------------------------------*/
#normalpage h2 
{font-size:30px; 
margin-bottom:10px; 
color:#2c5a9a;}

#normalpage 
{background:url(images/sidebarbg.jpg) 650px 0 repeat-y; 
min-height:200px;}

#left 
{ width:640px; 
float:left;}

#normalpage #left h2 
{display:block; 
background:url(images/lefth2.jpg) left center no-repeat; 
line-height:27px; 
padding:5px 10px 10px 10px;
color:#2c5a9a; }

#normalpage p 
{margin-bottom:15px;
font-size:13px;}

#left article 
{padding:0 10px;}

/*#normalpage h3 
{font-size:1.8em; 
color:#2885b5; 
margin-bottom:10px;}*/

#normalpage h4 
{font:bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; 
color:#000; 
margin-bottom:10px;}

 
/* Meet The Team----------------------------------------------*/
#sidebar 
{width:298px; 
float:right;}

#normalpage #sidebar h2 
{display:block; 
background:url(images/sidebarh2.jpg) left center no-repeat; 
line-height:27px; 
padding:5px 10px 10px 10px;
color: #2c5a9a;}

#sidebar article 
{padding:15px;}

#team
{position: relative;
margin-left: 10px;
margin-top:10px;
}
#team img
{position: relative;
margin-top:5px;
margin-left: 5px;
}

/* Meet The Team Pop Up Window
#team img
{position: relative;
margin-top:15px;
margin-left: 5px;
border: 2px solid #000000;
}

#team :hover{
border:2px solid #2c5a9a;	
}

#team a:hover{
border:none;	
}
*/

#normalpage #sidebar h3 
{ margin-top:30px;
margin-left:70px;
margin-bottom:5px;
font-size:15px;
color: #2c5a9a;}

#normalpage #sidebar p 
{margin-left:70px;
font-size:13px;}

#sidebar .sbwrap 
{padding:10px;}

#sidebar ul li 
{display:block; 
height:31px;}

#sidebar ul li a 
{line-height:20px;  
padding:10px 0 0 25px; 
background:url(images/sidebarli.gif) left 7px no-repeat; 
text-decoration:none;
display:block;}

#sidebar ul li a:hover 
{background:url(images/sidebarli2.gif) left 7px no-repeat; 
color:#036;
text-decoration:none;
}





/* Services----------------------------------------------*/
#topcolumns 
{margin-bottom:15px;}

#topcolumns .col 
{width:30%; 
margin:6px; 
float:left; 
padding:0 3px;}
 
#contents p 
{font-size:1.2em; 
line-height:20px;}

#contents li 
{font-size:1.2em;
text-decoration:none;}

#topcolumns .col ul 
{padding-left:5px;
list-style-image:url(images/bullet.png);
}

#topcolumns .col li 
{font-size:13px;
padding-bottom:5px;
}

#topcolumns .col2 
{width:25%; 
margin:54px; 
float:left; 
}

#topcolumns .col2 ul 
{padding-left:0px;
list-style-image:url(images/bullet.png);
}

#topcolumns .col2 li 
{font-size:13px;
padding-bottom:0px;
}

#topcolumns .col3 
{width:25%; 
margin:54px;
margin-left:5px; 
float:left; 
}

#topcolumns .col3 ul 
{padding-left:5px;
list-style-image:url(images/bullet.png);
}

#topcolumns .col3 li 
{font-size:13px;
padding-bottom:0px;
}

#services-normalpage 
{min-height:450px;}

h2 
{font-family:'TeXGyreAdventor', Arial, sans-serif;}

h3 
{font-family:'DroidSansBold', Arial, sans-serif; 
font-weight:normal;}

#topcolumns h2
 {text-shadow:#fff 1px 1px 1px;
font-size:30px; 
margin-bottom:10px; 
color:#2c5a9a;}

#contents a:hover
{
	text-decoration:none;
}

#services-left 
{ width:930px; 
float:left;
padding-left:10px;
padding-right:10px;
font-size:12px;}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* New Computers----------------------------------------------*/

#computers-normalpage 
{min-height:600px;}

#computers-left 
{ width:930px; 
float:left;
padding-left:10px;
padding-right:10px;
font-size:12px;}


/* Contact----------------------------------------------*/

#contact-normalpage 
{min-height:400px;}

#contact-left 
{ width:220px; 
float:left;
padding-left:170px;
padding-right:10px;
font-size:12px;}

h3
 {text-shadow:#fff 1px 1px 1px;
font-size:20px; 
margin-bottom:10px; 
color:#2c5a9a;}

 
#contact-left p 
{font-size:15px; 
line-height:20px;}

#contact-left p a:hover
{color:#000000; text-decoration:none;}


#contact-right 
{ width:400px; 
float:right;
padding-left:0px;
padding-right:70px;
padding-top:40px;}

img.displayed2 {
    display: block;
    margin-left: auto;
    margin-right: auto }


/* gallery----------------------------------------------*/

#gallery-topcolumns .col h2 
{font-size:30px;
color:#2c5a9a;
width:30%; 
margin:6px; 
float:left; 
padding:0 9px;}

#gallery-normalpage 
{min-height:600px;}

#left #work-thumbs {
	width:110%;
	list-style:none;
	float:left;
	margin:40px 20px 25px 140px;
	padding:0px;}


/*thumbs design*/
#left #work-thumbs li{
	height:100px;
	list-style:none;
	float:left;
	margin:0px 5px 15px 5px;
	padding:0px;
	border: 2px solid #000000;
}

#left #work-thumbs li:hover{
	border: 2px solid #2c5a9a;
}

#left #work-thumbs li.last{margin:0px;}


/* Footer----------------------------------------------*/

#pagefooter 
{background:url(images/footerbg.jpg) repeat-x; 
height:351px; 
width:100%; 
padding-top:11px;}

#bottom 
{height:294px; 
width:940px; 
margin:10px auto;}


/* Reel Slider----------------------------------------------*/

#reel
{position: relative;
width: 980px;
height: 210px;
margin-left: -20px;
margin-top:5px;
background: url(images/reel-back.png) no-repeat;}

#reel .prev
{position: absolute;
top: 85px;
left: -1px;
display: block;
width: 45px;
height: 40px;
background: url(images/reel-left.png) no-repeat;}

#reel .next
{position: absolute;
top: 85px;
right: 0px;
display: block;
width: 45px;
height: 40px;
background: url(images/reel-right.png) no-repeat;}

#reel .prev:hover,
#reel .next:hover
{background-position: 0px -40px;}

#reel .slides_container
{position: absolute;
overflow: hidden;
top: 14px;
left: 42px;
width: 898px;
height: 181px;}

#reel .slides_container  .slide-box
{width: 898px;
height: 200px;
padding-left: 10px;
padding-right: 10px;}

#reel .slides_container .box-container
{overflow: hidden;
float: left;
width: 273px;
margin: 0px 10px;}

#reel .slides_container .box-container img
{margin-top: 0px;
margin-bottom: 0px;
}

#reel .slides_container .box-container h6
{color: #2c5a9a;
margin-top: 15px;
margin-bottom: 7px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;}

#reel .slides_container .box-container h7
{color: #2c5a9a;
margin-top: 5px;
margin-bottom: 7px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;}

#reel .slides_container .box-container p
{color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#reel .box-icon
{float: left;
margin-right: 10px;}

#reel .slides_container .box-divider
{clear: both;
padding-bottom: 5px;
margin-bottom: 5px;}

/* Copyright----------------------------------------------*/
#credits p 
{height:16px; 
width:980px; 
margin-top:20px;
margin-left:420px;
font-size:10px;}

#credits p .copyright 
{position: relative;
font-size:10px;
color:#ffffff;}

#credits a 
{font-size:10px;
color:#668cc0;}

#credits a:hover 
{font-size:10px;
color:#ffffff;}

/* Top Slider----------------------------------------------*/
#slider .thumbholder 
{float:right;
width:500px; 
text-align:right}

#slider h2 
{font: 22px 'TeXGyreAdventor', Arial, sans-serif;
margin-bottom:10px;
margin-left:15px; 
color:#fff;}

#slider
{height:232px; 
width:980px; 
padding-top:45px;}

#slider .container 
{overflow:hidden; 
position:relative; 
cursor:pointer; 
color:#ddd; 
height:232px; 
 width:980px;}

#slider .slides li 
{display:block; 
height:242px; 
width:980px; 
position:absolute; 
overflow:hidden; 
left:0; 
top:0;
text-decoration:none;}

#slider li .txtholder 
{float:left; 
width:470px; 
padding-top:35px;}

.slides 
{position:relative;}

#slider .slides p 
{font-size:1.4em; 
line-height:24px;}

#slider .pagination 
{display:block;
list-style:none;
z-index:999;
width:210px;
text-align:center;
position:absolute;
bottom:0px;
height:25px;
left:10px;}

ul.pagination li 
{display:inline;}

ul.pagination li a 
{ display:block; 
float:left; 
width:19px; 
height:19px; 
margin:3px; 
background:url(images/slidernav.png) no-repeat; 
text-indent:-9000px;
text-decoration:none;}
 
ul.pagination li.active a 
{background:url(images/slidernava.png) no-repeat!important; 
text-indent:-9000px;
text-decoration:none;}


 
.subhead 
{height:50px; 
line-height:50px; 
font:bold 2.6em 'TeXGyreAdventor', Arial, sans-serif; 
text-shadow:#fff 1px 1px 1px;}

#left ul li 
{display:block; 
background:url(images/listbullet.gif) left center no-repeat; 
line-height:22px; 
margin-bottom:5px; 
padding-left:25px;}

#left ul 
{margin-left:15px; 
margin-bottom:15px;}