/* CSS Document */




/*General------------------------------------------------------------------------------------ */

body{ text-align:center; margin:0; padding:0; font-family:Arial; font-size:13px; color:#e1e1e1; background-color:#012b49; line-height:1.5em;}

#main{background:url(images/back2.jpg) #013e6b top right repeat-x; background-attachment: fixed; width:100%; height:100%;}

.wrapper{ margin:0 auto; width:800px; padding-bottom:20px; text-align:left; position:relative; }

.top{height:10px; background-color:#012b49;  }

.clear{clear:both;}

.line{background:url(images/line.gif) top left repeat-x; height:16px; margin:25px 0;}

.back{background:url(images/nav_back.jpg) top left repeat; padding:10px;}

.left{float:left;}

.right{float:right;}

a:link, a:visited{color:#ff3ad7; text-decoration:none;}

a:hover{color:#84be43; text-decoration:underline;}

h1, h2, h3 {color:#8dc63f; text-transform:uppercase;}

h1{font-size:26px; margin-top:0px; padding-top:20px;}

h2{font-size:18px;}

.page_headline{margin:20px 0 20px 0;}

/*.top_right{background:url(images/right_top.jpg) top right no-repeat; height:466px; width:432px; position:absolute; top:10px; right:0; position: fixed; } */ 



/*Header------------------------------------------------------------------------------------ */



.phone{text-align:right; font-size:17px; margin:5px 0;}

#logo{float:left; margin:20px 0 25px 0;}

#welcome{position:absolute; top:118px; right:0;}



/*Navigation------------------------------------------------------------------------------------ */

.navigation ul{ margin:0px; padding:0px; }

.navigation ul li{ list-style:none; float: left; margin: 0 5px 0 0; padding: 0; }

.navigation li a{ float:left; color:#e1e1e1; margin: 0; font-size: 14px; text-decoration: none; padding:10px 22px 10px 22px; background:url(images/nav_back2.jpg) top left repeat; }

.navigation li a:hover { color:#FFFFFF; font-weight:normal; background:url(images/nav_hover.jpg) top left repeat; }




/*Intro------------------------------------------------------------------------------------ */


.feat{float:right; width:435px; margin:20px 0 10px 0px;}

.intro{ width:310px; margin:60px 0 0 0}

.numbers a{padding-right:15px;}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */

#slideshow { width: 800px;}

#slideshow ul { margin: 0; padding: 0;  list-style-type: none; height: 1%; /* IE fix */}

#slideshow .feat ul{background-color:#FFFFFF;}

#slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; width:435px; margin:0; padding:0;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */

#slideshow .slides { overflow: hidden; width: 435px; margin:0; padding:0;}

#slideshow .slides ul { width: 1305px; margin:0; padding:0;}

#slideshow .slides li { width: 435px; float: left; margin:0; padding:0; height:224px;}


/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */


.slides-nav {margin:0; padding:0;}

.slides-nav li{display:inline; list-style:none; padding:0; margin:0 20px 0 0}

.slides-nav li.on,.slides-nav li.on a { color:#84be43; text-decoration:underline;}





/*Content Home------------------------------------------------------------------------------------ */


.content{width:455px; margin:10px 0 0 0;}

#tv{position:relative; margin:30px 0 20px; }

.arrow{position:relative;}

.a1{left:-50px; top:-50px; position:absolute;}

.a2{right:-45px; top:-20px; position:absolute;}

.a3{left:-60px; top:15px; position:absolute;}

.a4{right:-70px; top:-60px; position:absolute;}

.alogo{left:-50px; top:-50px; position:absolute;}

#media{ position:absolute; left:195px; top:70px;}

.quote{text-align:center;  }

.quote a{background:url(images/nav_back2.jpg) top left repeat; width:101px; display:block; padding:7px 0; }

.quote a:hover { color:#FFFFFF; font-weight:normal; background:url(images/nav_hover.jpg) top left repeat; text-decoration:none; }

#gulls{position:absolute; left:90px; top:0px;}



/*Lists------------------------------------------------------------------------------------ */

.serv ul{margin:25px 0px 25px 0; padding:0;}

.serv .big_ul{margin-right:125px;}

.serv ul li{ background:url(images/check.gif) center left no-repeat; padding-left:20px; list-style:none; margin:7px 0;}

.circle{margin:35px 25px 0 0;}



/*FOOTER------------------------------------------------------------------------------------ */


#footer{ margin:10px auto; width:800px; padding-bottom:30px; text-align:left; padding:10px 0 40px 0; color:#bfc8ce;}

#footer span{color:#2b628a;}

#footer .small{font-size:11px; color:#bfc8ce;}









/*Log In------------------------------------------------------------------------------------ */

.login{margin:20px 0; padding:20px; }

#log_in_form{margin:0; padding:0;}

.box{padding:10px 0 10px 10px; width:293px; margin:0; margin-right:20px; color:#acbfcd; background-color:#012b49; border:3px solid #012b49;}

.send{padding:9px 10px; background:#2b628a; border:none; color:#CCCCCC; margin:0; font-size:16px; cursor: pointer;  width:100px;}




/*About------------------------------------------------------------------------------------ */

.ben{float:left; margin:0 20px 20px 0;}

.work_with a {padding:10px; background:url(images/nav_back2.jpg) top left repeat; margin:35px 0; display:block; font-weight:bold;}

.work_with a:hover { color:#FFFFFF; font-weight:normal; background:url(images/nav_hover.jpg) top left repeat; text-decoration:none; font-weight:bold; }

.about{margin-bottom:30px;}



/*Portfolio------------------------------------------------------------------------------------ */

.port{width:266px; text-align:center; float:left; margin-top:15px;}

.back_link a{background:url(images/nav_back2.jpg) top left repeat; padding:10px; width:240px; height:240px; display:block;}

.back_link a:hover {background:url(images/nav_hover.jpg) top left repeat;}

.port p {margin:7px 0 20px 0; font-size:14px; }

.port p a{ background:url(images/nav_back2.jpg) top left repeat; display:block; width:260px; padding:7px 0 5px 0;}

.port span{color:#2b628a;}

.print{margin-bottom:20px;}





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


.con{padding:10px 0 10px 10px; width:570px; margin:0; color:#acbfcd; background-color:#012b49; border:3px solid #012b49; float:left; margin-bottom:20px; }

.con2{padding:10px 0 10px 10px; width:570px; margin:0; color:#acbfcd; background-color:#012b49; border:3px solid #012b49; float:left; margin-bottom:15px; }

.con3{padding:10px 0 10px 10px; width:200px; margin:0; margin-right:20px; color:#acbfcd; background-color:#012b49; border:3px solid #012b49; margin-bottom:10px; }

.contact{padding-left:40px; color:#acbfcd;}

#form1 .pinky{color:#ff3ad7;}

#form1{margin-top:30px;}

#form1 label{font-size:15px; line-height:1.5em; float:left; display:block; width:120px;}

option{ border:none;}

.secure {margin-left:120px; width:500px;}

#suck{display:block; width:400px;}

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


.sub_links {width:266px; margin:15px 0 25px 0;}

.sub_links ul {margin:0; padding:0; list-style:none;}

.sub_links ul  li { padding: 0 0 0 10px; border-bottom: 1px dashed #2b628a; }

.sub_links ul  li a { font-size: 13px; display: block; margin: 0 0 0 -10px; padding: 10px 0px 10px 10px; background:url(images/nav_back.jpg) top left repeat; } 

.sub_links ul  li a:hover { background:url(images/nav_back2.jpg) top left repeat; color:#86a82f; }

.sub_links p {margin:12px 0 0 20px ;}

.sub_links img { border: 2px solid #2a628a; } 

.sub_links a:hover img { border: 2px solid #84be43; }

.sub_links .first_sub{margin-right:7px;}